{"maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"keywords":["material components","material design","animation"],"dist-tags":{"next":"4.0.0-alpha.0","nightly":"12.0.0-nightly.778a0e8a.0","latest":"14.0.0","canary":"15.0.0-canary.423edc3dc.0"},"description":"Animation Variables and Mixins used by Material Components for the web","readme":"","repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"license":"MIT","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"versions":{"0.1.0":{"name":"@material/animation","version":"0.1.0","license":"Apache-2.0","_id":"@material/animation@0.1.0","maintainers":[{"name":"anonymous","email":"traviskaufman+npm@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1f0348c0df4e2d5dabe284b6cced811ac608346a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-0.1.0.tgz","integrity":"sha512-+7rBwQ/t0ufd1nHpsnfNxG+7hh3zVfgEduHK4w6Z4D7FL9okupqMEvpqBfALaxXBJQofI6sNx91+pIAggqcO4A==","signatures":[{"sig":"MEUCIHRKy+HugyOXHzxHpbvcYMByZ9BBeDKH70rfsa6SY10zAiEAnHuPxr9ypZkJ0C1KciIq90lJQi/E5d8dgXgBX/3+qtc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"_from":".","_shasum":"1f0348c0df4e2d5dabe284b6cced811ac608346a","scripts":{},"_npmUser":{"name":"anonymous","email":"traviskaufman+npm@google.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git"},"_npmVersion":"3.10.9","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"_nodeVersion":"7.1.0","_npmOperationalInternal":{"tmp":"tmp/animation-0.1.0.tgz_1481823757073_0.9632975941058248","host":"packages-12-west.internal.npmjs.com"}},"0.1.1":{"name":"@material/animation","version":"0.1.1","license":"Apache-2.0","_id":"@material/animation@0.1.1","maintainers":[{"name":"anonymous","email":"traviskaufman+npm@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7c7616a3a9fc31bdbeaeda4df4472c4e5ce85fa2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-0.1.1.tgz","integrity":"sha512-Whxe1ON8sLtemjV1sLPRIvTDFNECtSedf6a7e2DPibdhQAlQa6DEi6EHpgiNlRFFwJe8w4IME8GTQBGjK7PZ+g==","signatures":[{"sig":"MEYCIQCBt1ZJZYsmdzGnLjU01P3rymcLzCzC3CE5jXyV0TyQdAIhANQz0BGkEfuAmanyfEwxMDjeS8a+PfPuDJVvgi9jYYHh","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"index.js","_from":".","_shasum":"7c7616a3a9fc31bdbeaeda4df4472c4e5ce85fa2","scripts":{},"_npmUser":{"name":"anonymous","email":"traviskaufman+npm@google.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git"},"_npmVersion":"3.10.10","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"_nodeVersion":"7.2.1","_npmOperationalInternal":{"tmp":"tmp/animation-0.1.1.tgz_1483977432159_0.4422992072068155","host":"packages-12-west.internal.npmjs.com"}},"0.1.2":{"name":"@material/animation","version":"0.1.2","license":"Apache-2.0","_id":"@material/animation@0.1.2","maintainers":[{"name":"anonymous","email":"traviskaufman+npm@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3ce9161479a083d89b9805bbec5532b5e8e7eed5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-0.1.2.tgz","integrity":"sha512-yEODsYkmyu1aPJsGgRk3sKZNvvXxybphQzvANadiQ2yH1FzMEVEmsX1VxeKv67yxDSZXE2NgmKS/itjnoBWBdQ==","signatures":[{"sig":"MEYCIQDBeD9IBzES4erJZ/7LeJmdbtMZgug0GjNXP+epvqvDvQIhAMRjTaC3TaB1yR22a4Vege0DHLxfR/15V8VWbyOPdZCd","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"index.js","_from":".","_shasum":"3ce9161479a083d89b9805bbec5532b5e8e7eed5","scripts":{},"_npmUser":{"name":"anonymous","email":"traviskaufman+npm@google.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git"},"_npmVersion":"3.10.10","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"_nodeVersion":"7.2.1","_npmOperationalInternal":{"tmp":"tmp/animation-0.1.2.tgz_1484331964837_0.6882723968010396","host":"packages-12-west.internal.npmjs.com"}},"0.1.3":{"name":"@material/animation","version":"0.1.3","license":"Apache-2.0","_id":"@material/animation@0.1.3","maintainers":[{"name":"anonymous","email":"traviskaufman+npm@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"64028ff660d535c7cb254e413719b22b9e9d3f8c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-0.1.3.tgz","integrity":"sha512-ysVXvsLATcmtmwq8OR227n8BFLuso7EwPaq+wo5h1T4X1eJCvMjSSmIOIBQM/N3qegCxd0rL/YdnDxwoo5tnGA==","signatures":[{"sig":"MEUCIQDHfauQRnVyl+A7F6gBPW+pUQlPp7OWkIiB28UhU99uzgIgSoGpJEB1Kf/EZSR2ONh2CYKtghFr7WfCiOWcE84pcJk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"index.js","_from":".","_shasum":"64028ff660d535c7cb254e413719b22b9e9d3f8c","scripts":{},"_npmUser":{"name":"anonymous","email":"traviskaufman+npm@google.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git"},"_npmVersion":"4.1.1","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"_nodeVersion":"7.2.1","_npmOperationalInternal":{"tmp":"tmp/animation-0.1.3.tgz_1485190170622_0.3791463209781796","host":"packages-18-east.internal.npmjs.com"}},"0.1.4":{"name":"@material/animation","version":"0.1.4","keywords":["material components","material design","animation"],"license":"Apache-2.0","_id":"@material/animation@0.1.4","maintainers":[{"name":"anonymous","email":"traviskaufman+npm@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"37897e2d2aa057ca0b2400426b2141d869bdb4fb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-0.1.4.tgz","integrity":"sha512-J6K3xfdWZTVYtl6I0JMoX0CUFXu6mq3XdBiEXz4EWiSZsJHqaLdLP/DHTTVDWAlFVdVS/Par5jhWvpCUXE4enA==","signatures":[{"sig":"MEUCIBIHnEuohKWZn0qBYjeO3v03hcRbFAHS+Jn6VKTzyMBOAiEAsYQml142jE4BqtpIn9DL7X+9Ge7t2at0q3kGVGvZeaw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"index.js","_from":".","_shasum":"37897e2d2aa057ca0b2400426b2141d869bdb4fb","scripts":{},"_npmUser":{"name":"anonymous","email":"traviskaufman+npm@google.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git"},"_npmVersion":"3.10.10","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"_nodeVersion":"7.2.1","_npmOperationalInternal":{"tmp":"tmp/animation-0.1.4.tgz_1487698049368_0.7556487782858312","host":"packages-18-east.internal.npmjs.com"}},"0.1.5":{"name":"@material/animation","version":"0.1.5","keywords":["material components","material design","animation"],"license":"Apache-2.0","_id":"@material/animation@0.1.5","maintainers":[{"name":"anonymous","email":"alex.m.sheehan@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"cchao87@gmail.com"},{"name":"anonymous","email":"ljepsen3541@gmail.com"},{"name":"anonymous","email":"traviskaufman+npm@google.com"},{"name":"anonymous","email":"mail@sgomes.io"},{"name":"anonymous","email":"travis.kaufman@gmail.com"},{"name":"anonymous","email":"yiranmao@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"79c45ccdcde8a286a4c3d7955873b2079e4e5c32","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-0.1.5.tgz","integrity":"sha512-aHzRF/j5jFU7oCbsdUdLuI4XFtclUY847D6fE4d8joT+ENunAmaDweTv9umnT/wW+43veN9XLMfZtenUT0rYig==","signatures":[{"sig":"MEUCIQDbznygKHONzPWz6haeMuf3EGjSqPj4FD3fBOaB2buE7gIgYhfYBbHUCS9lKtewTPbpw2/ww9E+q7V7J1xmlSCF9Qw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"index.js","_from":".","_shasum":"79c45ccdcde8a286a4c3d7955873b2079e4e5c32","scripts":{},"_npmUser":{"name":"anonymous","email":"travis.kaufman@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git"},"_npmVersion":"4.1.2","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"_nodeVersion":"7.6.0","_npmOperationalInternal":{"tmp":"tmp/animation-0.1.5.tgz_1492527072968_0.09765829378739","host":"packages-18-east.internal.npmjs.com"}},"0.2.0":{"name":"@material/animation","version":"0.2.0","keywords":["material components","material design","animation"],"license":"Apache-2.0","_id":"@material/animation@0.2.0","maintainers":[{"name":"anonymous","email":"alex.m.sheehan@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"cchao87@gmail.com"},{"name":"anonymous","email":"ljepsen3541@gmail.com"},{"name":"anonymous","email":"traviskaufman+npm@google.com"},{"name":"anonymous","email":"mail@sgomes.io"},{"name":"anonymous","email":"travis.kaufman@gmail.com"},{"name":"anonymous","email":"yiranmao@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"347fd2e5ff7d43f05afa96b26737f9787cc07b1a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-0.2.0.tgz","integrity":"sha512-xTXy5lZyU84tmiAoArx4j0AiG6sRxxv9Rw1j9ybBbnf3d66XmMZvgS4ANk1smjxQ/UUCEHSX5Bc4z7KzXK0aow==","signatures":[{"sig":"MEQCIGRxaVHg/2d8vhemHS5XEvtWdUnaGLMIWcfep0JYC8O/AiBQ4xylXeQcJbzaIJDQ08E1hl7gjqwz9NfhAIEDweG4iw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"index.js","_from":".","_shasum":"347fd2e5ff7d43f05afa96b26737f9787cc07b1a","scripts":{},"_npmUser":{"name":"anonymous","email":"alex.m.sheehan@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git"},"_npmVersion":"3.10.9","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"_nodeVersion":"6.9.2","_npmOperationalInternal":{"tmp":"tmp/animation-0.2.0.tgz_1493653380481_0.10495219728909433","host":"packages-18-east.internal.npmjs.com"}},"0.2.1":{"name":"@material/animation","version":"0.2.1","keywords":["material components","material design","animation"],"license":"Apache-2.0","_id":"@material/animation@0.2.1","maintainers":[{"name":"anonymous","email":"alex.m.sheehan@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"cchao87@gmail.com"},{"name":"anonymous","email":"ljepsen3541@gmail.com"},{"name":"anonymous","email":"traviskaufman+npm@google.com"},{"name":"anonymous","email":"mail@sgomes.io"},{"name":"anonymous","email":"travis.kaufman@gmail.com"},{"name":"anonymous","email":"yiranmao@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"69ce347761f54ce915c6227dfc16d05346f42e26","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-0.2.1.tgz","integrity":"sha512-JfFhlGZAJNlylHgHF7nrtNfiukPGLiLLjbPHZqP5FKLVoNAI887gwxieh9sFQcsHqCxigePJi/YtJskjx4rkOw==","signatures":[{"sig":"MEYCIQDYiSLG/CSHfkcwASgWahxNkJjGWGIRY5VlCXfjVhaiFwIhAIg5K+I1NMImh6HfUGhGJOgCo0EcDcc++XPTR/zA1ss6","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"index.js","_from":".","_shasum":"69ce347761f54ce915c6227dfc16d05346f42e26","scripts":{},"_npmUser":{"name":"anonymous","email":"yiranmao@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git"},"_npmVersion":"3.10.10","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"_nodeVersion":"7.2.1","_npmOperationalInternal":{"tmp":"tmp/animation-0.2.1.tgz_1494865555435_0.4372279029339552","host":"packages-18-east.internal.npmjs.com"}},"0.2.2":{"name":"@material/animation","version":"0.2.2","keywords":["material components","material design","animation"],"license":"Apache-2.0","_id":"@material/animation@0.2.2","maintainers":[{"name":"anonymous","email":"alex.m.sheehan@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"cchao87@gmail.com"},{"name":"anonymous","email":"ljepsen3541@gmail.com"},{"name":"anonymous","email":"traviskaufman+npm@google.com"},{"name":"anonymous","email":"mail@sgomes.io"},{"name":"anonymous","email":"travis.kaufman@gmail.com"},{"name":"anonymous","email":"yiranmao@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"904c200b9a6f1b05c2e03ea3d45b2e435e023da8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-0.2.2.tgz","integrity":"sha512-Qs6aCWGSaHFJQwr3t63PAkyEGscwsxEQ4cT3i4frG+ez0lCDWMyBvidX2plpTW92H3DZpovNyq3kadnflgNufw==","signatures":[{"sig":"MEQCIHm/1jzGvigvFdUhyai9JiS0mrmiOts0uh6f9Nq+PT7qAiAZ0PFlvURByhbWEMeib2EXTepfqTWiR+Sm7bbBLeF/8w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"index.js","_from":".","_shasum":"904c200b9a6f1b05c2e03ea3d45b2e435e023da8","scripts":{},"_npmUser":{"name":"anonymous","email":"travis.kaufman@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git"},"_npmVersion":"4.2.0","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"_nodeVersion":"7.10.0","_npmOperationalInternal":{"tmp":"tmp/animation-0.2.2.tgz_1495031293583_0.45972150890156627","host":"packages-18-east.internal.npmjs.com"}},"0.2.3":{"name":"@material/animation","version":"0.2.3","keywords":["material components","material design","animation"],"license":"Apache-2.0","_id":"@material/animation@0.2.3","maintainers":[{"name":"anonymous","email":"traviskaufman+npm@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"ljepsen3541@gmail.com"},{"name":"anonymous","email":"yiranmao@gmail.com"},{"name":"anonymous","email":"alex.m.sheehan@gmail.com"},{"name":"anonymous","email":"cchao87@gmail.com"},{"name":"anonymous","email":"travis.kaufman@gmail.com"},{"name":"anonymous","email":"mail@sgomes.io"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"25f24962cd649e76459a16ab234b7846a7a7f419","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-0.2.3.tgz","integrity":"sha512-r8E51UszSFAPimw4RMf0ZehEz2yfTxSU3UTEdL/TNNFzuffwuGuBlSAF2YdAZY0KuRhBZf9QA2OkbWT3zqQzRg==","signatures":[{"sig":"MEQCIBbiIsVHewUlizVfuAoIq70g2ShxrmWZa+wGeixvsz1uAiBBBDehNQOOXA3bw62ZPsH6aO9Kn26MkzEqGfxR/V+rvw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"index.js","_from":".","_shasum":"25f24962cd649e76459a16ab234b7846a7a7f419","scripts":{},"_npmUser":{"name":"anonymous","email":"ljepsen3541@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git"},"_npmVersion":"4.2.0","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"_nodeVersion":"7.8.0","_npmOperationalInternal":{"tmp":"tmp/animation-0.2.3.tgz_1496171070092_0.06904622144065797","host":"s3://npm-registry-packages"}},"0.3.0":{"name":"@material/animation","version":"0.3.0","keywords":["material components","material design","animation"],"license":"Apache-2.0","_id":"@material/animation@0.3.0","maintainers":[{"name":"anonymous","email":"lynnjepsen+npm@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"yiranmao@gmail.com"},{"name":"anonymous","email":"alex.m.sheehan@gmail.com"},{"name":"anonymous","email":"cchao87@gmail.com"},{"name":"anonymous","email":"travis.kaufman@gmail.com"},{"name":"anonymous","email":"mail@sgomes.io"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"57b13c75e705eba9686ec5e9fd03a361738ce76a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-0.3.0.tgz","integrity":"sha512-NgojkGCubkr6za0W4E6PZDSNDWL0mNaKeHLwAOkPfiSLjwcyP24TGWkL6IlVzMivt6l8arde8MVkojPvS6mFaA==","signatures":[{"sig":"MEYCIQC1MoEC8fW8rpEB9dnB5WRxAbBYOyP63ElVcSmcTwoH3QIhAIlWafR9RgRSZmLMGnbvHUfoeo0507QKail4c6clW39U","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"index.js","_from":".","_shasum":"57b13c75e705eba9686ec5e9fd03a361738ce76a","scripts":{},"_npmUser":{"name":"anonymous","email":"yiranmao@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git"},"_npmVersion":"3.10.10","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"_nodeVersion":"7.2.1","_npmOperationalInternal":{"tmp":"tmp/animation-0.3.0.tgz_1500911350559_0.3559064327273518","host":"s3://npm-registry-packages"}},"0.3.1":{"name":"@material/animation","version":"0.3.1","keywords":["material components","material design","animation"],"license":"Apache-2.0","_id":"@material/animation@0.3.1","maintainers":[{"name":"anonymous","email":"lynnjepsen+npm@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"yiranmao@gmail.com"},{"name":"anonymous","email":"alex.m.sheehan@gmail.com"},{"name":"anonymous","email":"cchao87@gmail.com"},{"name":"anonymous","email":"travis.kaufman@gmail.com"},{"name":"anonymous","email":"mail@sgomes.io"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"229de6927d0590d6d6b20157d778d264ef02229a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-0.3.1.tgz","integrity":"sha512-tMzZIbY+c2CRcOblnN2uYt7RBAEviHVl+0XhDOS0cgz4/V7K0iUtn0K3jHxicAFk0cf4yZKSXCUeqVClnJu/Pw==","signatures":[{"sig":"MEYCIQCGCFgJhz9XW9Qea8ZMyCh3drDdIP/eaBkb2RxD62HnTgIhAI6zv8dKkWwu2yb+rEFS6c1LGc41leuNzCytpCR6sGb4","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"index.js","_from":".","_shasum":"229de6927d0590d6d6b20157d778d264ef02229a","scripts":{},"_npmUser":{"name":"anonymous","email":"acdvorak@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git"},"_npmVersion":"4.2.0","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"_nodeVersion":"7.10.1","_npmOperationalInternal":{"tmp":"tmp/animation-0.3.1.tgz_1502138904025_0.04879671148955822","host":"s3://npm-registry-packages"}},"0.4.0":{"name":"@material/animation","version":"0.4.0","keywords":["material components","material design","animation"],"license":"Apache-2.0","_id":"@material/animation@0.4.0","maintainers":[{"name":"anonymous","email":"lynnjepsen+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"yiranmao@gmail.com"},{"name":"anonymous","email":"alex.m.sheehan@gmail.com"},{"name":"anonymous","email":"travis.kaufman@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a218239fba30b6bf5fab1d0e103b667de1d9b023","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-0.4.0.tgz","integrity":"sha512-bSewG7MI9T0U2kEcIqfc1RBWmuqgbjUSImC2AJ5TTY4Ij9dQEA3ZER+fO/h2tTl4ujdRqToCrsAWXtcTjC6bwQ==","signatures":[{"sig":"MEQCIG5hQXMS4CA0BPisd9UD7qwabZEaztS4kAbSDNPpBxOhAiB3IzcIs6g5l2Yt9o2RHBTpKA65XuAEdKwAzUqucvAH6A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"index.js","_npmUser":{"name":"anonymous","email":"alex.m.sheehan@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git"},"_npmVersion":"5.3.0","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"_nodeVersion":"6.9.2","_npmOperationalInternal":{"tmp":"tmp/animation-0.4.0.tgz_1505759733337_0.0894894995726645","host":"s3://npm-registry-packages"}},"0.4.1":{"name":"@material/animation","version":"0.4.1","keywords":["material components","material design","animation"],"license":"Apache-2.0","_id":"@material/animation@0.4.1","maintainers":[{"name":"anonymous","email":"lynnjepsen+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"yiranmao@gmail.com"},{"name":"anonymous","email":"alex.m.sheehan@gmail.com"},{"name":"anonymous","email":"travis.kaufman@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bf8b50aedad4cffce8a5b428fdca8f1abbaf176e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-0.4.1.tgz","integrity":"sha512-UOClBDK6Vsr1quD34x1bBfyx7Sx39TdIs38HJPU/dqq5xW15nQYPON+LSI+7XYKwf6OcxUdUAcDggjwf6tkRbA==","signatures":[{"sig":"MEQCIAYw0ASn+qfbybTfFq4A72Xv04bNAKnEKGUmkHYCTSErAiAOaL/4HVGkYppp8UV5ImxgxYbX3I5wtaEzQSxe4ieM3Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"index.js","_from":".","_shasum":"bf8b50aedad4cffce8a5b428fdca8f1abbaf176e","scripts":{},"_npmUser":{"name":"anonymous","email":"acdvorak@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git"},"_npmVersion":"4.2.0","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"_nodeVersion":"7.10.1","_npmOperationalInternal":{"tmp":"tmp/animation-0.4.1.tgz_1506978697550_0.6452909335494041","host":"s3://npm-registry-packages"}},"0.25.0":{"name":"@material/animation","version":"0.25.0","keywords":["material components","material design","animation"],"license":"Apache-2.0","_id":"@material/animation@0.25.0","maintainers":[{"name":"anonymous","email":"lynnjepsen+npm@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"yiranmao@gmail.com"},{"name":"anonymous","email":"alex.m.sheehan@gmail.com"},{"name":"anonymous","email":"travis.kaufman@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b252ac3d0b628e79a79f0c406d7470fb56352a80","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-0.25.0.tgz","integrity":"sha512-4RzlpMwJtMnQ3/rNf4zpG9qnoQcCkYiRs6U515MRQzv7qFl1eCZx3U3dGaUu7UVf3Hwx4RskUB/fBxGc0b61CQ==","signatures":[{"sig":"MEYCIQD0YImtkE78Q2ZAGwUCxzvb5XUr6GWhUXkg/VIrXrEgqgIhAInfzzbO5jHIEu+feylbpnzP7Tt6SFMnj+kC4p8nidih","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"index.js","_npmUser":{"name":"anonymous","email":"alex.m.sheehan@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git"},"_npmVersion":"5.5.1","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"_nodeVersion":"6.9.2","_npmOperationalInternal":{"tmp":"tmp/animation-0.25.0.tgz_1510603339508_0.33167200232855976","host":"s3://npm-registry-packages"}},"0.34.0":{"name":"@material/animation","version":"0.34.0","keywords":["material components","material design","animation"],"license":"Apache-2.0","_id":"@material/animation@0.34.0","maintainers":[{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"alex.m.sheehan@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"lynnjepsen+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a99cc9dabf7d0179b4da9a0aaa1575c4d1513823","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-0.34.0.tgz","fileCount":7,"integrity":"sha512-HKWU+pHda+xSIV0lwrTMOb/N005NIAV7+tvEEjTiLrQx74eO6J9nIjfCpZ0W4D8Kb9K90lgHFo0ZRC6yDTjizQ==","signatures":[{"sig":"MEYCIQDNQmR30Za4A8iLv/3UOWhnhJcfByATxS5L+AX5F8PNqQIhAItjuqV8TPyiVMRcOP5sGmNXYlqZQ+Hxmym0DY3855Ka","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19738},"main":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/guidelines/motion/duration-easing.html\">Material Design guidelines: Duration & easing</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj, eventType)` | Returns a JavaScript event name, prefixed if necessary\n`getCorrectPropertyName(windowObj, eventType)` | Returns a CSS property name, prefixed if necessary\n","_npmUser":{"name":"anonymous","email":"acdvorak@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git"},"_npmVersion":"5.6.0","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"_nodeVersion":"8.11.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_0.34.0_1522705909145_0.36996545828973315","host":"s3://npm-registry-packages"}},"0.39.0":{"name":"@material/animation","version":"0.39.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@0.39.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"lynnjepsen+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d3d503c9f87ac1193dc4a5b0cccfaedb39478439","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-0.39.0.tgz","fileCount":7,"integrity":"sha512-f3BGCba0GdYY+eGFnK0L08HLyljgEyBvMLoJoutP225IpvzsLLTqumL/796nFCsouWn6E3G+8BUVjAtzTjU2lA==","signatures":[{"sig":"MEUCIF4eP4t6expgU4WthytusO2hJAiAw1fFom8qjbZo/BH3AiEAwQKofKXRNwdIYZPgQ1f6Osgs7G4h1w1wYLrbzYk8VJk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":22171,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbhDdsCRA9TVsSAnZWagAAfi0P/3PuDmlsBcArR29qZTqL\n3bzVzq3YoxIopoHkbNee1mI/LiZ5EgT7kwJCOOPDQ8VMGFWTF5/0TNcH0y5K\n2LZbraxsR6kyH7v4UWZ5RKpb5eUP0oGM14ejL0jShFyEEd6alAjia5j+S0B1\nuodRqVXpwuFbl3T6PUFWlKzuW6NS0KIzb9IlZpKUjYwtsq4Mp0pP3XHjCbmC\n2jIXwiY/gB2mXuvNHhQgIpWgfa0+DezI5dwaisKAqbX32DhZW4GldWmI8jdj\n+6BDeZxf4FVvb3WG1NNVwSojvfvVAfCmu6ODmAjp9quDhh/waATRPfTA22YU\nAA0hVk1ZkBD1vJyoXRgm8WGujXPaEdh5e3pNKR1LP1c3SmuG6JO7qO1ZUSrn\nD6kHpoYQxypchmKfE232pgA3Ga71o8zIAPV695oe8IUExXaB5y/g57CSi9zV\nQg8HQIri+WLvDTVpljcZHFqvX/oUVuZU6D2yJXLnCTI0xd+ovrjkFSFmPxki\nSqRunU6AFeyxaUmGOw07PwKA4Moaf1uN1FxMyL0ppfP+42RSmo21ZkI34uuJ\nO+tqyh9Iw/idIhBi32vyG/08rzvo1EFPoGnaAShxvkNlOYN1AjVyGKxFa9NQ\nk1nqNYmxNCmhzRFRviUViFdahuiFIGVJ5tWUhvAWz90QQq0USyGGw3aKsxFj\ndYK8\r\n=CVJS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","_npmUser":{"name":"anonymous","email":"williamernest@google.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git"},"_npmVersion":"6.3.0","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"_nodeVersion":"9.4.0","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/animation_0.39.0_1535391595925_0.2955684103854901","host":"s3://npm-registry-packages"}},"0.40.1":{"name":"@material/animation","version":"0.40.1","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@0.40.1","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"lynnjepsen+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c5ff31e7d7e17324a0045e889d3530b150b9fcec","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-0.40.1.tgz","fileCount":7,"integrity":"sha512-HtxFUw04EHg4S6pXfTA3Z0wKxnNDNcDhe1Np2Y2geo+lAk2Hb7m8yCL/GaL9o2I/eRYsgUXC0U7+Mk74GCz3zw==","signatures":[{"sig":"MEUCIQCicSJKgTo2uwvKyquYtm2FsiXIso4gaOh1lEeHnBLnTgIgE7NPLKerCrIOmcX7sA0KEFLGep3xEF/2cPZCckm85X4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":22163,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbu8PhCRA9TVsSAnZWagAA0kEQAIS3HVlb9uEQ80WRvNNV\nf4sdfLOvT48R00V8uF+2yD13iDB0MbMiBBMl7oNEWKBO79Ck1iF/qnaTGe+U\nzqmd0OfgManxWVqlP2DobsthM5r/tHWSWNj1O/RoKlT6oldh/X3ZIbmuuktT\nsuvzyEwTaJoLvJuj94z40Kbona/1B1mloucg9UKJCvLhAoRsY0hP6ErfsMGT\nwGM4wLo5xCihOD7gPGemLq2YPP3rVFORaOx616Qg92UcYEAb8Z6SXTkEpgpY\nG8lxPC6XFsFByCmf+Tu2v7+cUfI5NOuxbw7YCqsVH8pu8hIBRAIpDTqjUOze\n4ECg3Rtn+7w09+EaCl3q/lsUmUSk7TlQ0Y5nx929WhAAWIdtRH5ZX73uQ72n\nzPGuSJ2sk4oORq5x6uiwH/Ta3wJMXll6Pzsczwe6C5S2jy4vhmQa14FWiBvu\nb4Ohi/lD8/HYbRDCwJlcoACwGjEsaZtbQRH6bBJrZH9Nv8JrcOBNPStFeeU/\nduo8X7K7RVLFC9rLibrpxA0uqNSlkJqIkwyePX+XI+VHhDhHCLApa85/RQYV\nRhU3CCrO5k4b6O8FUy2OB5DX9pcR+ii5Kg7UcgH8o1oJd8IuKsna9eQw5Hja\njyWlcghH/SibQUpoFtGOhqtNAUQ0/DmTAtau4xsotX5G/qmKRiaAGaa3AgWw\nj4DL\r\n=C3AW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","_npmUser":{"name":"anonymous","email":"acdvorak@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git"},"_npmVersion":"6.4.1","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"_nodeVersion":"9.11.1","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/animation_0.40.1_1539032030121_0.5964783554502819","host":"s3://npm-registry-packages"}},"0.41.0":{"name":"@material/animation","version":"0.41.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@0.41.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"lynnjepsen+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"315b45b32e1aeebee8a4cf555b8ad52076d09ddd","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-0.41.0.tgz","fileCount":7,"integrity":"sha512-yYAwJbX3Q2AFd4dr6IYOsWLQy2HN8zWOFVl9AbUXunjzTfJCa/ecfXCriaT6qkmoNoHeTdJHRrsQJZC5GsPvzA==","signatures":[{"sig":"MEQCIHCVhaBVSjNpJPne5lSFZxtql7EhmITUQ6Hnay15z8w+AiBRkktJEqWn7kE41eebEYimcBgqfrmvTkXw36fmQ3RImA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":22176,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb12vMCRA9TVsSAnZWagAAARQP/0Z4OfPKTe9XrI2SUT+c\n812OvHZ8GZh+Sd6V14ZoZkkFficksvemklvxm7oqTXFW5vvnRmiHJdmg2XYr\n+U0mKRQY4y7ynYc5HVy3ErTMykjb79/MWTlewc+HK3sxGg0/Rqs7AHxFY9nz\n8bEDP2D0MxzWDjL7/9Bdnfkm51gGydl4syqCakrF2tPj2CEyUVVGCQc+N3Ec\nIyOKgbeLDj+3qcb9ucTGrUE9klBNkohHn+46p80MuvxZwFcIsR0ujpJSvC59\nEM37yrxRm6V3pKqXQ2z6p6u2kDZbuJhQthVZck4I7V+aA9y2sevSnWReETif\nRlppPw6edmoXKIhFJmdEViauyTJ/2nCIo8nKkHf0l3WrXmW5zCWgSZnkw3Th\nH3VcM/ar7hofa81ov42rA9fxwpUrR+c9zW6oB4rNdSqpBBYnGPa6Ac8kO6av\nvwkWAqOMaP48vldKAOnRg2J7pCNwIbOuaSLOYamDXStCQJ0CCzyEpWs9oo1A\n/ZoJIUcjNTBzFUtI8m0ZkmOTHDHSQ3VG3nx45g8IDeiAcNthLsPVGn8JwXrt\nUhZayU80cdlRwrtl9K3DxzXGBTmXKnEcSmhzty5Cf8laWPbAi0BeOFlThtMg\nzN0A/YK2JkwyOdyvX7Y1sG2ByZzi0U5OH3vFZgCyUBOs0naxfSMWctLxc+hs\nE6q5\r\n=d/TQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","_npmUser":{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git"},"_npmVersion":"6.4.0","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"_nodeVersion":"8.11.1","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/animation_0.41.0_1540844491851_0.6463647481922512","host":"s3://npm-registry-packages"}},"1.0.0-0":{"name":"@material/animation","version":"1.0.0-0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@1.0.0-0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"lynnjepsen+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c4d3cdf34565bad23bdb95cd4635aba76d4ff001","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-1.0.0-0.tgz","fileCount":18,"integrity":"sha512-tCNnOJLMRtLzhi3J5PsMyg2+e4I2Ysfn0YrDeD/L2DXFV1/yE1EtpKlU1jI+RzJLr8FG3sMJMMVcDsJfLMK49A==","signatures":[{"sig":"MEQCIE5B5lbuNC9A73I7JWnHWtzbDr/Ui7MAojf3Pq6SmuOnAiBZG9CT7dCdA79Z06iZKTW0LOQMBS3oDTcSnZb4ZZOBMg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":120752,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcdyRJCRA9TVsSAnZWagAAIvcP/jQd3Ruk7JcPIj1xJjNA\nhfbzctILqwI2MVSiQG3VYuoNtiZxRvPX6sQQOzVT9ToL1gmBmHmsnDFtLEXx\ntB7qMhsM2066cet8wj5naFhwRASCSYMETPaCuDhoAu91tVXZ+U2rpTUEBnSg\nYfA3tfG5yOp+AIxF+5Bo2+Iz6VqDRhZ+/uiZ4R5Ed7dNJZbZj7Y0GjdKFhUM\nu1xhB4QdqEmp8Dn/f7NidVZxkSXsV3OR9YyiiNxM6sNn/Il2+FMzMqlxTQcT\nZmyyyyubEIUPpC57E9U+iB8udXM+8jJFqM8uR6B0HwOzVYpF1ID9oEIkgi7c\nCnmtecwwTnly3rLyoRqyqtL8QaWAdV9twy7dI/dYb1WDBirtPkSh1KHRP5Wn\nNfTvxubBYUBWl9MlcUo19giInbVkVbtwaTtCt/gXqHeh+Fv/I6vFxuHhLFe9\nura+WloszHsQqOxvfrS9+cz6zj25YQ/vWd6F3yT6Ud0QP8s47Kxq7GBCG2u8\nEn80UlxCiZ2XbYgH3Fe3P/d68tDbx1JnuBAwmqv43vcILLc8cM8qa9P1ORh+\n1cRtpNeoMYkM0pMeOfcreHkviLYlVrJyKtFFCkI+pBb1fioA6D4X37bW5Pyc\ntCLKMcoRCQxwjP0A6jpYTt03WqVcaPtcpLZAZDQCpta0LjrDL1sCRAZek2Ac\n2Gyx\r\n=KRk2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","_npmUser":{"name":"anonymous","email":"acdvorak@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git"},"_npmVersion":"6.8.0","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.14.2","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_1.0.0-0_1551311944541_0.14660246171972746","host":"s3://npm-registry-packages"}},"1.0.0-1":{"name":"@material/animation","version":"1.0.0-1","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@1.0.0-1","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"lynnjepsen+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5c44838204c5e23b286257ef08129e1b76f18447","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-1.0.0-1.tgz","fileCount":18,"integrity":"sha512-z4Fu2jtnZhHOKgRS0EPxQyE5QM28BWQ0gozl1OdkSTAWzFq8O4OltVYYaERU4cStud9+AA1A+3jP2b1Y38VP9g==","signatures":[{"sig":"MEUCIApnKrvwnYGla6HVAVeL7+y5tKsoXbeG5TIzCp/gVvooAiEA23Cn2NzfIflRP+wbAZY379oz4jIXraRfYq60dY2uFs0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":120794,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcfbWqCRA9TVsSAnZWagAAcUIQAKUf7hmv89K8kLijRJst\nw1fQREBaOSGdPpzX5cypzlsLjSHp2qZgwMicS8VossrnBcLOB2mC6D+X+Kam\nG3xfZfkW0EJDiJGEBc5A/ZLqVEqrt/iUyNweUZ9umDxcG7s0m/TZ9muOkwJ9\naYPyw3R5szSWLCt530N+MBRvXPcHJBO8jp+/7R8XNdeHVzzrz5zFLVVoJwGq\nEeBcVQUB0XIqUvbbfRs1Tjx5/c9v3XaJs4sDvZV3IyKcKVP1S5P0dHMISdEb\nBK6sAEJp3eqIW93q5Ad5nw3sRybTDAfoZ36YZUVqr2tNSepONmEAdEWKiovQ\nShKraXSBT2x8cBz5nr7DAouzSM4Cj+/Ij02RjBVZ+VpfIhKGl5c1BZA7GR2s\n8/0CwlQ1o0BhQRgEEtfjIS2VREj+FtWRZ39gCKLTdBMjdAXXh7UKX4ACkpzC\nbUKrNh1NFxKI5+vq7ATjaIAHu8mRypoZB37HAgcS0n2BdfuXaAfd9MNx3V+w\nec1MjazgG+fiTeV2Y4vRGT48l77fL9AlM80i3jB3WkWL48h/s33nvpYRLaLW\nRkSIoF9I62eEO+2YKzviHmNN2XAOi06WbnsywbFNUgnuUIux+iCCYYLrIb/z\niYz9iO+5nHjMZn2B7aMD1aTyRqSqUJKZIGIC6eTAnbatKQ18k0Y7nYGq0PUC\nEXju\r\n=+MQU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","_npmUser":{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git"},"_npmVersion":"6.7.0","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.9.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_1.0.0-1_1551742377876_0.05342177058204434","host":"s3://npm-registry-packages"}},"1.0.0":{"name":"@material/animation","version":"1.0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@1.0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"lynnjepsen+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"dfd8575c8b031203917dc838ac0e3c0fe0f6709b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-1.0.0.tgz","fileCount":18,"integrity":"sha512-Ed5/vggn6ZhSJ87yn3ZS1d826VJNFz73jHF2bSsgRtHDoB8KCuOwQMfdgAgDa4lKDF6CDIPCKBZPKrs2ubehdw==","signatures":[{"sig":"MEYCIQDv5UJ0/HgOsPSN+2ia13Trmgk3u+GDO9JX1fdjnvlfIQIhAKroT4Le2aHHMsAa26MwbKX7BrafFDeofgPm9StlmEB1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":120792,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcgDadCRA9TVsSAnZWagAAEisP/jOhzXtVKNn19ZS1Z/kd\n7hnzx+BUFdnFt30aCW8Jljx+ena/k3my7I2xkI8nC9lAZqdqyo5HhF2bXwbE\n25PfGGSoAfnVBgZokW7KAXc3vzzoTfAXYvzkSxQM3/kNfVNvHtzriZ4cp41t\n6GwHuhImOC9f2Isk9ZSJoAnjYMAWX2DPiwAgCXu6XilB6CkZh6CRoooJbLQC\nj96ErKMXcysfmNj5fmCWzQGN76tinseC3NsEkeBiPZgYjtPjGJtA9p5p3FBz\nOq6EqINL8FHx52M6UIc8g7yF0z8RiGaRt1l5zOvjASeDuEFvDDuevh8qLVx3\nh5DjVOU+noO/JZCmCDsOtkczxSalvugvpdpke0kSqhqWoeQ8Aic1RJ4Dz9fI\nKHYfq9e8yIwQ09sJ90e4KGUAWMHZnaMsRmeq96jbZRds+5pwAWc3b2Bd0dlG\n4sErjv2fnYQ13WvvrxQOPccgyYTjtWIj9lJW37Lk1a+nkBCpw0T40PIXbqjs\nspN4mobhTH/MsyFfz8DOsa45zEiKAaHXIhfBkMEZitWmmqyBREHo2yWx/Pkx\nd/plivPlzMDrycZUk8hyGwEgbbw6h3KqCbEIROWpizs5x6DeCErEI+1cJzBS\nRaQXef1MmtiCS/ZrdjObYE+1hKr3vnlN1d+0jUe8p1ViT3+7tPZEOtLd0Zn9\nGKhj\r\n=t4J7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","_npmUser":{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git"},"_npmVersion":"6.7.0","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.9.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/animation_1.0.0_1551906460504_0.21029713599113187","host":"s3://npm-registry-packages"}},"3.0.0":{"name":"@material/animation","version":"3.0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@3.0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"lynnjepsen+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bbea365f961204a499dcaf04c5c60548af45d03f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-3.0.0.tgz","fileCount":20,"integrity":"sha512-DMydZC9A3S0ACSciYqNAl4koNG6N366zU1n0dZQQH6UT0BM2UHrTY5SWSFTIgwULgN7ZQqmuigeGS8DB2efAtA==","signatures":[{"sig":"MEYCIQCwZX3iDIzi0VW7M3o6qFrpW/i4LMjnD0sHJFOaVaFf0wIhAIbEhUvhdP8RHkbjeC4sOr6t2GPRkNqM542mRvUzbQ6V","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72698,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdEp/dCRA9TVsSAnZWagAAFoUQAIxo4I9hCGy2D6RuCaL0\n3NJ9FcB5FJqTpE6gj/fhXB11PqWClji94ftx+Ly9iDkOiSp5LizqyPwUS03Q\n5mDDXynOACK0M2NnvB0f0r3qP9HTiqoTyai38189/mw+ScKVfCtMjIfIGXLL\nOq/MJIW/k8GCw2VU25XzvEExf2CeqzOFjlLFc6U04TlMP0Znj5x4QM30Ph8C\nT/1ynJmQw9scgnPbcVeBUgsAuSWKkSlpjSTngpUdyto2IEpmqkmD1nWvr6er\nZcn79faJcHMt88Amuk45FLUmJiOqd2VEh9QQq4SPKvRD9nW97yNsyhRKCqcH\nuSuqEEeF68N+VPOtvN+BYcePEKx0rzEcq7eTvf9mxJtby+7cageuyO54R1mh\n/ygnfajP2S9iqJNpRCtVtc5G1Oi5kjZqCwQDAN2PYVZ31lbROrdSgJ4x4MQe\nGIqAuxGFRQSghePT7BN+ssWS78kaWB5IqZvM2kMnMbza8fCCA4u5cY54OaVx\nfEXNl5eq0YI5XbK+SxwtDLn+aOdkkhfLu3OVItc4IKLZljHvhmoQoI0hijuD\nqr3vXKa2Ti9EgAN+WWU5gUuvZHYRwB5E83AFK+MKOR0nJXPtkkiQu6HH4MwN\nzKomp38ibNPgOe4zBCG4skqR6lhSVeZj0F7uXBzThqMrbm2qZLJtwq/t55wR\nOXvY\r\n=d8ax\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","gitHead":"747f6ed544e3a3bb3fde71ceaa51359f2212bfb9","_npmUser":{"name":"anonymous","email":"mattgoo@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git"},"_npmVersion":"lerna/3.14.1/node@v10.13.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.13.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/animation_3.0.0_1561501661178_0.8241125984493591","host":"s3://npm-registry-packages"}},"3.1.0":{"name":"@material/animation","version":"3.1.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@3.1.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"lynnjepsen+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ab04e7c2e92ab370a2b28d12af1b88538d23014f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-3.1.0.tgz","fileCount":19,"integrity":"sha512-ZfP95awrPBLhpaCTPNx+xKYPp2D88fzf5p5YNVp6diUAGRpq3g12Aq7qJfIHDXAFo5CtrYhgOKRqIKxUVcFisQ==","signatures":[{"sig":"MEYCIQCdIz9cdUFPy0Y6ZnQreStBAtCeCOFuI2Go4m7zA2uJfAIhAOcNsgzEk1vcEcG5UX4k/DRsKbNpGG5IFoI/40I3M9XO","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48698,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdNjJoCRA9TVsSAnZWagAAMLQP/jXXvJ1QpFQYvP2se5gm\nafVCLzsuphpL07ydz1W+0drMAFw4LyoKHQijNRlZyJGTWF6wX42Zy5jEC5Oi\n67ghbhRbQh2+wV28ZcpvOJT37oi8/xNJPHZ15E0uDvTiV7EN4h745lZnovg7\nP0ErPpbEsjj9Ijmc4iGMyvK18q+BwfSdBmIY64+zNJlETPeFCi4uz3/0NPvx\nKdl3RExhZXfbaVH/xxnmwfP2BaERpeOS1sppYbC2+5uJF6Ves1hAFqVh9dfA\ntJA4vz1h/iqeECr69meamFqKnMlpVo5LJNqNxfINvrcS//Oqkmd55tjOwF8L\nKOOljFoEAjiExQlXVo95nj/GokRlqlvpxdIemGwcN+eNeNsK7NkDvJ0/yz4G\nOvlBGwuQpC3vprQkDRR6LtUXpBg/ikA0DMMR7T26m97vpQv+iPlvRI7V+YJh\np2QSxdYWqtXcMJFcUnxZFDFlBA4uCwpWxCJw4qgPJepAGnSHDxW3l9H1QRZz\n/7kSR2iZj593SssFYDivuRLh+AFHqmdUbxEsSPm1pKkpJqcdep0OMU0a4pD/\nMTjbHMgAgpuTcO1GEvLT7Tdm8uPINJ8RtY7K8ItWGEmNNO5K8duiCtus4Yk5\nPDBuLLYx8vzKMhNpylwTUBHDTRN3PWFjCjtxPOnd8eC/maDLvtqDtjB2Z2zf\nuhFZ\r\n=zfIf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","gitHead":"6b7e616da1a1ca53df2253f6207642739e13b5dc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v8.16.0+x64 (darwin)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"8.16.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/animation_3.1.0_1563832936109_0.25589416248843966","host":"s3://npm-registry-packages"}},"4.0.0-alpha.0":{"name":"@material/animation","version":"4.0.0-alpha.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@4.0.0-alpha.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"lynnjepsen+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5be5af56f27430fe2c69b2ef99b20a3cb58b498c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-4.0.0-alpha.0.tgz","fileCount":19,"integrity":"sha512-GaO2c64itr8oEdKtderxwakDfCU0VcfjBsacGBCmHpF+z2KZgWJX78DxEBzcWQvtueTiAgUgFEXeg1RAM4gBuw==","signatures":[{"sig":"MEUCIDoME1MNRfA8qpwhEljufOpysnP0qRyGtLXEvzg5HpHQAiEAnMKYm8uz8K/KrZtkYkFCHHTrATDACp4aHFOJpNNLlFQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48899,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdSz3gCRA9TVsSAnZWagAA34wP/2kRxy5JM7nrtUDRP6kF\nCP/JKBz3R2f1sO+cJGi20cZDd4tZFuX1NmdIJmj0eb2xIM53LjbZ0RP0f1SH\n3rota7AFZzdW44Yae49sstj3kVDEu25rqF1pAU2hTQYxNfbI5trSXDVN5XXK\n+WWyI9ZARUeC00XYvSXmETYa1hSdeB2r9s/o1mEa1ZVSXENqWe/Orv5tspc4\ncnHL+eLtUY5kYNU2tcB5f068Q340qrmuwbpNGrNie6snsWomoBInrnTi3uTT\n2JdXlphqbA1lWlVA+ZKHqv193aSVnmS2sIxnsZ5P+7wF6EtiY4RMEMjkgBDe\nR3g2kgAkvvxxtjH1IrpGkigL/0p9nS31ckVy+Zht6iYdGWh3WOC6YjBXTL4t\nZqKNxz4e2ZlQsViRc3SgxPgaZ5QAbl0n9kaqWIsNFlyZx5sWS1zlc3kqQxOv\n+Tzu2ACIb/ym7gLCF0MI5asrgoyy9yiXXrtSaOotZXDykfe+Lz+5Xn3xNY+Z\nkcpqMfHoVnO7AAK+RebWm0Q489kmw+XLq3Wg54uRQIIeOBzFd9LYw5Z9L+Mi\nRb+nEt2z+VBYFviLYXCn0hNeF76uNdcotPPEtKxYUOjhg+jDDHfILTJwKnid\np4s51Ci3KvN/6LbcQ7j/rXHAKWd84j8tqT+epWOGXLUbYAmktdE/UKGtXBvD\nWluo\r\n=SSiQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"184b37f65b79a260f2835bd44e422dab2402d937","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v8.16.0+x64 (darwin)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"8.16.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_4.0.0-alpha.0_1565212127233_0.39000272375008693","host":"s3://npm-registry-packages"}},"4.0.0-canary.0":{"name":"@material/animation","version":"4.0.0-canary.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@4.0.0-canary.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b60ff50f1b326c4353ed6b09d9ef268384d4fdbe","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-4.0.0-canary.0.tgz","fileCount":19,"integrity":"sha512-GLm5v+l1CIFRVIote6D43Uh3+yujQN+YMqtA6w9rmFGCjB9vW52gbUh7BewvfiBwLhhP6GFyCsnC/MhEYRQrNw==","signatures":[{"sig":"MEQCIBUIRQMfgMIa3D0tfqxbC6QuJKaDuvlHMId8iNTL5CmuAiAxYNfuFVsQBjSh46BJtgznDFcbFmuM3NQCttL3YMRf0A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49885,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdcJELCRA9TVsSAnZWagAAGA8P/09YjcnYieNOaN2FahjT\n+9CxTUDUB30xGbvFlmzR0rd8WbFcZqQ3R2exXV6ZQrQA3HZazEt59eE9QIx5\nrGFSecpiWvfHeVnLziaCRH5KQkJRPVfwrqru93fIpWYX4Vaq6zruLGbNVQey\nwarww8hyf/ZStLqgc7EUYMl4LflGkkypmN1DKoygLgSq8IcOqHwc8lukpacm\n8VQpx5BlPqYYC8ERWOlHcVx7IVXrbZZA5gELg1hIWBnGrOXIWs7DfamZOY6V\nIdp+qSsDTkxq+iaHkgKmT39dC09tRVVeQYyyFoWI+AR4KS9JLEcqjzbtKy7a\n0K9zA2/E/G5arzOfOdhbIF+1laVBw1dQatT/swH/eg5QJLf/X8O5qjBVsm5v\nVvzgDJw9klg17EfSXRD/ulhL1z7xY31+U7KHh3h9JNkmoPrjo9eEYP10aQjY\nwdnrvvzl4YXKAAdmcpbK8J0AewKEtx0hbtC1FOzlTWumsxcPIZ3U8YpSHI6y\nqw/LN20bPyO5ax9qWuGBOB19AhsxK4um36O013jz8HTONnfccLajHD9ZkhE+\nCw83MMeQbkHkIcMhEwbNDreQwyaqWYHx/4y9JCcjjMu92uDLoa+f04xcpfUX\ninUY9AQqAyHLR0heHgcPDwX2T1NnCo7UleO9UehIO/bnZT8zzUNfeR1Pvbdo\nQ3uI\r\n=y+CV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a9e69493144f4246efe28a958126afc2fedebd60","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v8.16.0+x64 (darwin)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"8.16.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_4.0.0-canary.0_1567658251058_0.09622407114061104","host":"s3://npm-registry-packages"}},"4.0.0-canary.1":{"name":"@material/animation","version":"4.0.0-canary.1","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@4.0.0-canary.1","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5648c6e14ea236997afed15fcc0c97a6b184f2ef","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-4.0.0-canary.1.tgz","fileCount":19,"integrity":"sha512-9Aoz7QrB+G8YE9NFJHfxIeL7d1b1aESnASo6YAmNfHbCVTKD6+GE4psN1F7qhEvdW4/m8iSOwg8c2ffUTsK6zw==","signatures":[{"sig":"MEUCIQDfupVy0Her6jyX6ClTOACO8A7xssdE297GIo4KreAFqwIgWa6uBePE7lep4Q/rlD6edYHForHXc/3P5wpRgMEig1M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50275,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJddrQGCRA9TVsSAnZWagAADAAP/jpjmjPrxo0Etei08Cej\nH6llcMLIGPYbaR01wDWgZ26c993KAJxJMDpJQueDw1FmbbCivmFk+/PbJDvp\nPWo6joEHxKCafBmY27HlXU1vzLC+ePgnzDFN6pQp9Y599RCGyTqB787bUnrQ\n1kH+HP4ngPz8y2UBrOylnDfmKbTiG3nf30JKmWh34guw5wcKoPbFqR3sEdS2\nKuEuVysvZ0oY75tfFMzsBZIT2bAxAlY7xpX+G3W15FQS4S+xRTyIEQvdy2MW\nUOfrfPzCeSK3Gv5WCaBlDmFOpgMj4REGI3weKxYSsMi3xWD4Wy7ijA0guMDj\npGKTFeFv3VpHMrwoYo/xTTz6LBc35v79ELVIj0QR9OE0+TyWuvl7fQhacl1P\n1vAwJ/bAwPVRd7iiBFyWiUfEMCkeLa1aT03W36c5YX73JOKjdhdALHH0UUpN\nToHDzxke3st361gxx3PGuADZT2bikpwmWqJZ/tFPiettbiVSQk1ygVl/J9d/\nG2Xf7JLcD5lX0QwmzeciPpZ6hJcq5dmOsnN+DQ36fVsw/0oOk/PGvssecv85\n0pP5ZObk6BeTnJ5lVfqLJqIRiUpEKp8tucghaX1G3904IqsgpQpma7EI/5gR\nQkWxMjlGDHzW6fcWOjvFZHnZI+UZ1wWB9T/2WpCIBO5TWQiGfJcwtMC8U8MC\noIc/\r\n=cAaS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"edc72a4d7d6a61d61620fd05a80e2491e518bccf","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v8.16.0+x64 (darwin)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"8.16.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_4.0.0-canary.1_1568060421716_0.39021226022982414","host":"s3://npm-registry-packages"}},"4.0.0-canary.79d881baf.0":{"name":"@material/animation","version":"4.0.0-canary.79d881baf.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@4.0.0-canary.79d881baf.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8094dac098ef59def9ac965c45faba1f5493cffd","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-4.0.0-canary.79d881baf.0.tgz","fileCount":19,"integrity":"sha512-gWk8sSXRnfr7I02mcqpqxudnlWxkyJByKPIyK4YnBSz0X/7eHMyvZ7HDggwRPNRe4UXCpn6SdKRIvwqhRKDnew==","signatures":[{"sig":"MEQCIDSLswt5xGHx+6xkYRHZoSw/8VHIlKUqJNosk0eoEwx8AiA40VvXhiGzJX4YRMxZDs2QVIHEIviZ2m9mYwMT/obfpQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":51561,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdev0aCRA9TVsSAnZWagAAcOcP/RjIHVutuknh/NzdV/cN\nuOcjLb/df/GrOy527emG3xT/bX7gajTvPf3FJHjq3gi3fMIm2RYl+btPRsjE\nWTNW6aSvfpNYgzfoMckHz/8EMHSNbGBuWfah2XOGuTJaElVpVpJhkr46HMeV\nqqgURK2oZzPIC87NQ6+6AydfGry8Re5b8RBrgPu4WzZbbVc85Te1oJsmzje5\n5Fz49XRCVWYK7CsiD0nMO339BlNbfrb3GwXN/NJ33zotST/JNHxJMIhvlYH9\nrD2aif9Ul6miflE0fY9JirMutv7coB/C7H2cCZ9eQ/3s5JW3jh0kACzXlAxz\nzz7g/EtSfEoRVByovoEDgurd3Oya8op+q349fdW5iULoLoRYLIAkCh8N4gwH\nOlSVl2Ofn3CPvGfrrOy1cF67LRrUQzCFXYA3hftcTZClTEnuUR7MCxvOeJDO\n2OE0O2uGeewSXeEVMAhj71vMSkRWFfRFkQ6wcGZ7R5xnbMGWJGeWWd12UqA5\nsau/wbs+TTkfZH//RUfkLulfmZQpsTrI7XZNp+GKvwrg4PaCwtm/qd2+DEqi\nFizDSjab944ADg9Jr2HHnO9oJEtpu4jasfSQa0JokE4jDiWTFeZlM5cmLx5M\nzyx6uDhiE1kfbNfBq6y/qVFQUOBzmz8d3YmpIN4mw0dowXNs/ueQur/kiN9Y\nZIL7\r\n=TgYo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"756806a2389389441b5b3c130de02948130d96b9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v12.10.0+x64 (darwin)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"12.10.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_4.0.0-canary.79d881baf.0_1568341273446_0.8508149135481731","host":"s3://npm-registry-packages"}},"4.0.0-canary.e851d4f40.0":{"name":"@material/animation","version":"4.0.0-canary.e851d4f40.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@4.0.0-canary.e851d4f40.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a643a5c0c8a31e77a3519d04d2450cfa05cbdd8b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-4.0.0-canary.e851d4f40.0.tgz","fileCount":19,"integrity":"sha512-vpEp7ZDC69+WTYwPQkEbhU6ePz6Xx494XzEZZEx8v9gCHBhYlww+2FarKmKuYSZzrSgAxpNWKEW8+zSt+LjJpQ==","signatures":[{"sig":"MEUCIQDjpZXpysAuta0/WvxueKRn3dJD3CTEO+T7DddFPWeTiQIgSM6Sa9WaKwq8G2+aoXcmmwd/HKFsPa8uoPgQRvtm6ts=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":53281,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdexXeCRA9TVsSAnZWagAAq2cP/RmM1fyguSHyP/D8TvE1\n1lnfEwNBp4tLJvCMIdoJhUfD47bWn140+2gkbUsx2PJtlUwsmSAHMKKKuMjK\npnnY+mKSYwiY964GwtSIPwgcSbeDpyyblVyo9M29y2e8FDkYsx4S8XsBQwvW\n2nvSBpHsCV2HP0vPhniESY3Q+n3F6+WnJQKxss/oVTIg2p0I6Lr4YeoDZSBw\nFR1nb6q0lvzWemj+LmiglS6WR2M7+Axk/2N1t8Agfb+8DQ+Hv4DWrszjltxK\n1+SoM6rm87oY+QS0up99dqWwsiNyQzzVQgEZ2XI2xrNU9Efi7yBFDSkqSbCG\nK0eMqCsbhOsDZ/gm5Rl+iNwrGUcqSkZQyrvA/NBpB/qzGhQSWqsQ0cjqIvbg\nwu7ZdfaSgNkS3cf0O7+IghhCfsJKevejEQxTCDgzv9CRQQlgOUqds0mFJNZr\nfphZbVrGjiC0527Enj2nvdsa72OiEsZU6ovflOEMPiTGujO+i9ulva++2zvn\nfu4bRJ11h9sOlqaF/NDQu6u/p9PeBZzZjAS/llcPBRmga7hDonFQYMzUbwd0\n73QYhOqpN6vpVGfPPosfteTc0B69FEtFCgXWTY03ZXrhpQ2XIsk1zG9gwrU5\n8DdzyVpXH88HftoWQKCJzEJNTevV5Tj5qIJH+IhtkfQkf7KizaG32RuGcBcH\nKgSA\r\n=Hviv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"353401bd143fdc2b4a85abf330176228e21dfe13","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v12.10.0+x64 (darwin)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"12.10.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_4.0.0-canary.e851d4f40.0_1568347614140_0.2133230782293316","host":"s3://npm-registry-packages"}},"4.0.0-canary.905884690.0":{"name":"@material/animation","version":"4.0.0-canary.905884690.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@4.0.0-canary.905884690.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"273383358448996d6066f6259856ba1e39596dea","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-4.0.0-canary.905884690.0.tgz","fileCount":19,"integrity":"sha512-lw5aXjq6Bt0chtsJxHA6Kdfi2phYrnNwozzksQt4s/SSNFoIl0VeWza0Miwx/AW9ltRcfLYMdRoN80cakwSxRQ==","signatures":[{"sig":"MEUCIQCrjpCym3oTMehhzPJjVeht88DwtseSoGtL8OysM7vozgIgKgdf9Vy5nFogVKWbptiQhxIiYiSTVifc4ZE7yOZfnLQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":53496,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdgB8jCRA9TVsSAnZWagAAueUP/R2GA6Qu7aqXCamtLsqx\nVcrSziuM1s1C07lvFoB2Ke5Lr531RcR+HiAu/f8pnNlBA2a/ZYn7sjKEBZE0\nMaLvBX1GDoQrn8dLYbh/yv+LGISsma5o8pjE6iM+K6Bafc9u8oruDdN+ESgN\nAVkvlOUUV/nJVSA36MAvTskYwdI1hVl7oAzApxE8gfTBkCSGiULjN23rLpgK\no1g/YhjbjNOm44AgGhpI0b+HY2yKAaHHGcSIfIWqEroF02atMBSTDwEHrEUc\nfeWZ355PD+UGOeHKQq0VTu6iGrgHu9CBSSYaRfwZooujhB7gkQK4DrePQp+3\nn1eMi7bWUzPgDHF1GNuD/I4IO84SWGGSRGioAKnzAxTRADodeGJCvwyP954F\nUlHMlPKQvXTSNA+AePpbNsfgoiIWcf7FTd69W8FashcqQMyy7M18qQ8HSpwY\n5Z0heY9glMbtA0zYZm7lE592ND7k4igPkQuSMbNAP4auDxTYBJCY2mAHipUP\njusX3X5PBV+2uD0pLO3C13VIbBIBaDlmLRE8d3YPZE6lodAl8bdOOnE/RUJ+\nz3cBDqThBXJq8J87rR7WoE0YCTnyl4Gev3ZFr3u/XbM0ClsCuQXmE28TFS8K\niYVCXD3lAJsx/lIN3M7UHhubmseRAuSQoI/BAUistuVKTqDBB4M0QG1jH7Wi\n84L6\r\n=C6KJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"df7fbf65943b1227b1bf145a2774abe7710b1e30","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.16.3+x64 (darwin)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.16.3","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_4.0.0-canary.905884690.0_1568677667006_0.5271823177765111","host":"s3://npm-registry-packages"}},"4.0.0-canary.199534d61.0":{"name":"@material/animation","version":"4.0.0-canary.199534d61.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@4.0.0-canary.199534d61.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3cc5a03a8e1d4105957780cb5e64d2274c8c1ade","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-4.0.0-canary.199534d61.0.tgz","fileCount":19,"integrity":"sha512-ghgHPWpujGROFYSZX/Q6vEsK/qPXR040krgjU8H+ezQG2ZIJTHHGlYoJ90bQ+4a1jTEY0u36NuW7w4Zs3fOtKw==","signatures":[{"sig":"MEYCIQDeP+4SWhS3zauCj7TRfRfukQM8Loz2pq4cQ/dTA7Ux0AIhAKvokPm64vByQXSI1Dw/Og4ngrfKTSgbnirYDtA0cPmb","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":53711,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdjluVCRA9TVsSAnZWagAAoI4P/3vZUCTjlH+lVMRRvjJP\n+Qd9Oj+ZELuels1BD51UDm+/hoIBv011TcibLrc1SNdhJj86QOkY3RINqw5/\nzbU/vYl7fHunbwWachPsPFTwh2KldyMY84jHuegISeU2cOUrK0WBJQ+eEz46\nPZRHBpfyiY6QLWGDrOlOLn77BRqQBhKb127tt95vfxwwwW5G9yEP8T77rAK/\n4PlhFGIUOtD5HKEYcPnkU1D01h+dijr004XHl/A8uzH2I/1iPpABTSTOeN+n\nI3x5rWlPozttXNJo3KSu9S1/+Pt3GjOh/W8V8tqbDWHOseltZqUPTUf06aKJ\nsHiicDl+jdZzhLne2bRUohnNYSAaj1fdHHs1cXLTlfoJPU7ZwiVSQNdrKi9/\ndKzy/ct6gcaAdrVCZE7LPkVt0gULSY9fG9lbMjGZYgt53duqNGDUC+9KdV/Q\nPxnNP+s2FZ6zBye+w4QJpsrcuTD/FkQVPB9zGTddm1obSv1oxcP0pEz7Ob+q\nXp+LhRePCqM/wQMmnxsJkPZjmhGEJVGAaFfi2yG89lmSUYNdoEA/Zumsp1uT\nDpcM2Y2rTzKdXndGzE9zfgo9SbRJnwj+L0S9B+la9DOTFe8qnQs5viJca/UP\nH3I9Z3SetxO4lrotxSrSnpvlskI87sHX1v5EWxqrqEQAZdwJ4tz8FRckKd+g\nKC0y\r\n=QCpo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c35810420b70c99e38a1438e1fd44e4bb84e21be","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.16.3+x64 (darwin)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.16.3","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_4.0.0-canary.199534d61.0_1569610645140_0.7843725584800894","host":"s3://npm-registry-packages"}},"4.0.0-canary.22d7ad2fb.0":{"name":"@material/animation","version":"4.0.0-canary.22d7ad2fb.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@4.0.0-canary.22d7ad2fb.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9f32a58ea50612ed3da3a3b2d2d5e6ce61eefcbe","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-4.0.0-canary.22d7ad2fb.0.tgz","fileCount":19,"integrity":"sha512-DT/gD0haWrDFPgQUPY4zfUxw6dPIEsadTL73HznK7xN1lFDzGQ0eQYFSHXyZsVGPA25Qbxlyv2ASRxXzAQgfmg==","signatures":[{"sig":"MEUCIQDpgRH37YQ7AXqEvIEPEjhaGQ1Jm3WKeH3gtQITJsfvjAIgAOBEVRptfH4NU+VlhwF2TjOnOoW29rmDqP9nFBxbNRM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":53926,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdphZ1CRA9TVsSAnZWagAADmIQAJ39KwxEJgEUbzTvobVS\n4LtoGCaIUbHAe3zzrPZk1lnfSKZjhqdT2GJhxQZ9GCzMOuxbnh4hMWG4Fa3+\nE4yb/uos92SsJA5GYcT+PKaVmgWf8SD9WVeVdRwBeSHNbOZcxEkjemJ9Osci\ntKCe+lQsFAMao65PqGw9S0ZOl2gceOwuT3nVwmI6L21KV8jXMxHmrCLG9GLu\nzW1R4vSiC4nuexGvOwB5CfuDjyFTgzOt3jWxcQbKg7G96BQ61cGgE58ysnIR\nB0aDqdzexwoQTDf0nlJEYh1yKYaUTIhE0p3B5KBoVeo3qsh0IHfzzbKkdJyx\nYI6vrLepfdgnMClfVOZFpd/lwR/MHsXn3agOJBrLEPvchuk9aZqMlSShMsz4\noDJ0LOMbDkY5MD2s1NmCmLnYoJyJ9P1pLUd1i6nJ2sgFXDR5Aw1FyMfi2wSX\n/3T7MMDvRcb7IOi0r+2bsQcJeMgbommHHO8Mvzap3f8lFrp+yApFvjKU7r1o\nHTfUCPZHYr9LRUseZmj0YAnas4dejSNn+iYISWCtwwM+UtEEKusjrb7InTNP\ns6XCz96GZyILojjUeR8h2IcrMWuRcFSdQw+AFAWV1hSABI/FjSe+KF4LMfLM\nTxUfSEmJK2nlW6a5On5cHlj23MJiYtAujl1RSj8OlXJjBFfrKj+uPQBAD909\nVVVe\r\n=+pGT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"bdc05bd56f8cbc11face1f0f2787fdb17f450fe3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.16.3+x64 (darwin)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.16.3","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_4.0.0-canary.22d7ad2fb.0_1571165813150_0.012845353814742388","host":"s3://npm-registry-packages"}},"4.0.0-canary.735147131.0":{"name":"@material/animation","version":"4.0.0-canary.735147131.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@4.0.0-canary.735147131.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"59705d86ad291d13667e71027e02048b79ad569e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-4.0.0-canary.735147131.0.tgz","fileCount":19,"integrity":"sha512-d3L3Hxsr1zgbyH9p72Lx+KephyMUlmkKeTh4YkEDhJIpyub5otguIEEfR5py1c/I0x9c3Js5EuDYqrQSIngxIQ==","signatures":[{"sig":"MEYCIQDZOTRp6my4pNtSdGQm/7YzBCS3EqJSjBDnAzod1QL44QIhALon/m6NLqktxmDwwyfNwsJEjY/hW3xTkM0dkW61jWaW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":54356,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpnEACRA9TVsSAnZWagAAe4YP/0lEYhiDxjbhQAgu1fzq\nVmmdZD8XLJz2G55GQtXECGGbqkT9awfbPDFzI5ee5yD+Up6O9IpeCMCKC8Ic\ngjVSV7hKR08ExjlteDqb4w9yUENMqZdTJ/NosF1AuJIGG/gLfOAy6PpjopT9\nSNYqVQ8tF5uyZLOsGi9BfMqQg5nk1DgSnBO1auRzZlMSj676n+3U+mFdDSPT\nQ/KlETQzmPmUA8wRPpRgzOCTj5fEMZCD/HNjTPWV6C83k8UusnnQVNo/8Y/T\n2tjpScT1fgfVGUO/Hn0ukUukFU+FEWe/NcVgGQn3qrqWIWYC+GPHZBnc+OEu\nj9Z323yNBF7WFQ3yKW24CC2RdWgOD/AtXESsRj1y/tjWs0QyuOEItWMi12rT\nnuEK+S+uf+wd2guT9FkUS3d4rJ0Ecj79BWtWRCJS7UHUes0apLie0rl05pPm\n2EYLxjSjlJVE8EYjqdPBXxZ4lk6NWfVK3cHcwJSn4jclYcqVxqogCUlCEnGC\niEGZ2mupsf3dJqaHwbkL1af9s8IbAun7agjwehOIU7Gi8FeoKaEXSD1zKYzh\nSV7Vsikcu1mnbhImUd4nx8uvzdbLvriQu5pxqdP/gbkCSbjeMWltCLyqHpa3\nFHzxfS0E37uprxOdh3gU6A4vhahfNk4ztVhfjK3g2lLlDpRBHwzx/lMyoYzf\nUaLR\r\n=wpv1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d7bebbe119e39bd973d398066f5601862aface5d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.16.3+x64 (darwin)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.16.3","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_4.0.0-canary.735147131.0_1571188991896_0.2881263609383804","host":"s3://npm-registry-packages"}},"4.0.0-canary.062ade5c0.0":{"name":"@material/animation","version":"4.0.0-canary.062ade5c0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@4.0.0-canary.062ade5c0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"51705e425f08703147e3285318489b2182d414e1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-4.0.0-canary.062ade5c0.0.tgz","fileCount":19,"integrity":"sha512-BONWc78KmR/4tLQPR/WYyGbjNLdRWRTcPrxvOS0swI4WT7CvuDUETdm3i2D8op2oMsogNrjYhpeKgNY6c7TP8Q==","signatures":[{"sig":"MEUCIQDpUZOxRG/OXfCzrqOIRxTDh9Y/KbhAAykP6njxwU9k3AIgblXTZDza/oCbIcsd98IU6vslThN56yf+ZG1lsb2N6qQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":54571,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdp71aCRA9TVsSAnZWagAAtKMP/0GWdC77549Yi0BR902W\n/FEcCdxWXnUT1KeV8jqsm+hrW2NUh5/DSWLMbuL0TkFnt0t5ZsHoSbmMgLvS\nd4RjqJA9GJXCS3V1W2IOFfqzmU2FVyreeCDy5mxI3LnJ+EWa6ucevvNdUc3l\n99DyTOhMe6DvJKDU2UM0rheXSjrV8jI3TuU49j114gIQpf+vWp3dhHmmp/wD\nRkQoSLfV7z/lZlENs9YcuWWk+bcuwOVJCR0/E5SNDHIxKbyBqkniN3dcz/9e\npI3xpeywwY1vfFsbAmbvHlBgwY9BSkvYzZ1IhsieleVSR5UiN2FCBVIQWYli\nMGviuz2gICf6PWuGVXaZaHBMPi7FBfDhmZds8iKqnAUbbreRL+DDXnzfWh0L\nZbEeGoYkHbteW5wJ13dRg7rIN7NnR16cL+1w5EO36gGDsuDBFptQ0D6J1tZm\nTqB8H1Ipk9+AnhI/ehzjJKk8xn7ih7xg+tD/9+0+cfV13JqXmKSLedoP0xyr\nVPymsgAb0HXbKyAzieoyF/2wgHPZ7eB5xuIHba7emelaO3aYbTk08cRKU1YL\nC1Hd/q25v5uQ8ZD497A3myEQOBuX4DnYCrxSJAhv3PvOXL6xBS1oo5Vfn8Cy\neJC8B46QigKQK2DLP7h5o7V/Zzporvdrfb3EZ+kSyt+q6nTIq/ax4SbSJVQV\njiJf\r\n=UlOp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e2025b4ba4d9837dcc1063934417df1eefaf29ec","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.16.3+x64 (darwin)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.16.3","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_4.0.0-canary.062ade5c0.0_1571274074155_0.8429321509307417","host":"s3://npm-registry-packages"}},"4.0.0-canary.774ad4f8.0":{"name":"@material/animation","version":"4.0.0-canary.774ad4f8.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@4.0.0-canary.774ad4f8.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"42ac6376731bef18030f9db55cfa0b258f10ee26","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-4.0.0-canary.774ad4f8.0.tgz","fileCount":19,"integrity":"sha512-9wqMQB8uXrds2c0u7thhf/xEEb1LU8iYiPCkNTSMkNmP6sjlfxNZpheN0u5nibWfdUrhlQCGng/Ccn7g5N8KPg==","signatures":[{"sig":"MEUCIFwrQ3EUFkjk6qxgGN67gwtk4mxECibls5j1ehJmx4rNAiEAmbABh5WwgHbMT5kmQh/HNLjZWxXd7EtlNmLTbY787GE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48644,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdp+gmCRA9TVsSAnZWagAA2ZQP/2elufUXNDF8YH6AvUdG\nmhpOQ3J/IgmsY+8gaXPjFU+FTYBuRZtDU+3IrjZFxTH+RuqOGr8k8VvIrC/h\n36V2AnNz5230k1UsJD/zksfyLjuOcSvYY4k6VxcO3+rINwgNMYPIrD2TuyTe\nnr1lPevQCUmtd08YWGcyEr7OgvrLmRc1wNX0XkDCI/okA+hwjc6EprCx0Qxl\nZaPubPbkff1MONexFiZCJdyg7qOgtlTGNoQj2/rj35/eVKk0KcSk5+y3KUk2\n0yAC2lpy5OtD87tjRal1go+T2In6OPECDFseEGJtZuTZl9lX/BdjSR0PCJms\nCgebEMbjOFWflRiIF7Ef8+yGbaKFBK8z7nOzzHxJiHhUQz8mOASleBwHTkYZ\ne1ds5T32LscoJzsq6V0K4knI4AxExuIx5CHZ+hO5Qesu1MPWDlhImYq7C1Hf\nv9BbJfLZ6+kMu3CKMWqZ2GVKoMwL19Ze0Lke4Uv75l0rEGoJVt32Co+S8AVZ\npa5cjP4Fw/WXmWheuXehgWeoE65uCVA/e1P4HLjRxzMOYL6vkRh9xylhJAJk\nIbea9ro+z/iwnOaO/8O5Iqwe8jlwJcl4tcfgWyM1iWEgyTArUAHWKHA3jr5y\ni5ol/eyNcqBc70/JbfL7rijUa6ghwb1+1v0bUMhTDaEjtGP3oFRD60dhi//k\n5PU6\r\n=QQHu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"66607256fd6f9e4fe92319b094d8476583109bac","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.16.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.16.3","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_4.0.0-canary.774ad4f8.0_1571285030049_0.2230621690680592","host":"s3://npm-registry-packages"}},"4.0.0-canary.5916d18c.0":{"name":"@material/animation","version":"4.0.0-canary.5916d18c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@4.0.0-canary.5916d18c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bff4c82b9e49637eab97105bb63b8ed34f5464c9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-4.0.0-canary.5916d18c.0.tgz","fileCount":19,"integrity":"sha512-ox+Y3wRWrYh3RYCuGHm3WdUpQUB3v5WGXZab3spLMLBYt5kWBPGK7XblkPbOcIZuWbTEy8moSdZkiB6/+et2DA==","signatures":[{"sig":"MEUCIBDOubvaZa18glpuwyRvsjbo01NEz7Fyp8halc+yww4pAiEA5OuLqrBNs7uSnAph9BWGf8IvMUYcLRZbrVgpicHrAQM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48828,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqhuhCRA9TVsSAnZWagAAdaAP/imWMMy03YP9j3OeN04B\nvYrljMd5IVTQCWGxAVLVwjLepr++2J577MQR//71cifh/wg04vZ+CGP/X9IM\n5RP4fqO7Q1VUfTBkPxssL4ktbl569H5eQ1nYSCW7Pgaeo1JtM/vkbrftACSX\nDdtTYYE0UKZthTyQGnGhu6fx17+ojgZql0jmc1qcoVWJndJPlGkZ8p6bYxxt\nffEBykIHg4/KnIMTiHL5QIjfxBPxLvmE/0MxO7xR2/Zv9m7lphrZUIHHVJND\nSnRutCSXMjjTC7yLgz093t9cmmbz07tNiBU5zZkriwUZm/EaW92DucTpBthb\nd/7qbfCiuDTim9E1eBXD/Hl0LXmGEg4je+/8O9dJV/u559ufgzxx30cUIK45\nvYNKyTHihMoq/1TWXqcESHGYUC3vezMmpEJVX1CKwlbYXaUXMabKmCy0ZTpk\nqfGBIa920CbQSkB/VHRibDRPNfzvnVWfZ2VuiDC05TTARXIvGUZ36eC+DOfr\n7noEG0kQ00YM/0cFP0HBI3vDQL6gxtT6/NNH8SJPs9HP1MIXAdzMoF9d8OhS\npBeftTrSRBb+zNFE60turWxdQHdRme0YqxnS3FM7Ba/TFUXZNmPOyzjRWvb0\ntyxRLIVLVkn0y1dWJRkCz/cXqeymdyfxcbYL5P8kF2SmSJW6ZWO6FWVg2A/m\nLHlP\r\n=LUTD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e3338b891c5ab3207ef8340a75490415e30e313a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.16.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.16.3","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_4.0.0-canary.5916d18c.0_1571429280713_0.984722140882559","host":"s3://npm-registry-packages"}},"4.0.0-canary.d4141c95.0":{"name":"@material/animation","version":"4.0.0-canary.d4141c95.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@4.0.0-canary.d4141c95.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7310b97a7c5db9c3a0b279613e35ddda20cea768","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-4.0.0-canary.d4141c95.0.tgz","fileCount":19,"integrity":"sha512-2TJStb3h6xtFuqYiKxGjW0g7ZbfNIngIWxYfu6J+3ti4NheVJ3AMuJgIgTTof0W/Cc6L81dkWExystIPbgxAcw==","signatures":[{"sig":"MEQCIBk3W+ebKIpTSutuEa8XC8/+wHy9TGcT5Wrjh4kYBm3DAiBFK6obJIUijG+5riqwtfVzM9lMN3cjkMn1rtDtpSS50g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48827,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsQBnCRA9TVsSAnZWagAA90gQAIAitQQGSR0l53qr9WgW\nzkKpBQ25v1z4xfrUw8PoPorSmdrhloWUZyyKvWntA5NJI+12vzihzZ+l7nh0\nQCs3RRPF/9x/le7zeV9TLKbErqyW3FkqLuO+X0E0T+SHbqvMPYx0boRlOn4z\ng5UGCzQ5aADxlz2EG+kGRjdbquZVejC8nvZUyZb/M1Kocj5/7xuZ1DY/gaeR\nW+cttJX5K+TAImwHPo37KWeRrkAGXNxGORaZHAHOtoh5xOWrb3UtJt6JgQ+g\nbu9O9S6Sq0SUl3pz9vB/S5okx8PbfJm2VifJTiO3pdccAOP1kCIcn8Ty49Uh\n0U5JJILktC1xPAPHwPBvHRON8b4G2dRADQ2jKT3a62Qgu9KG6sgAdEfkhdGK\noMRHH45iGzmB1VfPHrxNjc6Xjgr7hM/djnNBcpb9ZBuIvXhU3uBWeBzfbStm\nJyf1S3rxj0kifW+ZMeQ1Tg8AArG17U7KX3Tpk1XiNhbGwEuGexfJeBaC1sgV\nOwiuI8e8SEfV8GRJj0tWk8CBn0fcye48d69xXsm/kOfPa3K6e75YDbiiWxnc\nFZtv+uekKBVy2V/zZ/69O2upveHV+SfgKvYL5JbAmuXAkWAGZNcKoRa1BmRF\nH6Do3x6PTLvjQTVzLtJ8Xv2vESAU+3rFkqbu6Qf2JQO4xXgPkNmd95GrWSB/\nffIS\r\n=6JUf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"10ba5eadec617b7fd2711c838dbbff788d6f209b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.17.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_4.0.0-canary.d4141c95.0_1571881063247_0.4681478918040478","host":"s3://npm-registry-packages"}},"4.0.0-canary.2b878b3e.0":{"name":"@material/animation","version":"4.0.0-canary.2b878b3e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@4.0.0-canary.2b878b3e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6c3a0a87848d3150ade8cbeb30977dc522026da7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-4.0.0-canary.2b878b3e.0.tgz","fileCount":19,"integrity":"sha512-AxEvzWHiPtgJ02NcmzHKNWOe39u+nhGaQN3VsgoGIOfbTjXpt0gbTDY3n2jIQApRUC8vTX1yA8K9MBBEWMngDw==","signatures":[{"sig":"MEUCIQDbION7swCtMxAjEkBzfoGzJZP7XzfGHMKEuBwL7favKwIgQ3LUVYZFW8wz2Zdf43ezsMl0+so9kX/wM0wRGDuGZWY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48937,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdslmDCRA9TVsSAnZWagAAWnkQAJ9wOENQe+/o8Ex+AJkK\neXAKxLpBZ0rVVAAEBESQU8XUNMER0F3ON1DBvhhVQ5h/WzhcZ1ncw3RxE1wG\nmmFq9z8nZ7nJG//x5jRBEZavOY0cRsehxTdyoJU75FijfmPKTd1wMr/cgate\nJi+HvOVGpe3H6hJ+k98eQ5ipm93epsqlC60/OmyTcA3uk70dMXqICZC3KwI6\nZ4tToNIKCgscEPybAlBsMliCP0awaXRB2YjQIkTfQOhi8JYbnXyyea3aBoLs\nUDGGe8YTNiYsQnnC0Mn9q7Kt+wdYgtFLsK8jQxRGbUt3IchR+JVUhuumOeFz\nPq7IVaVpQYzw+IZb5JYRnKRmLG6+sdVznnD1bA3YoHVtxHeNFbYgIRrom6Ri\n+dGgf9x55mOJNStUGjMxBUKNMd99c1lfb5fsPtLG37IydxnhmMDvSoNtUcDN\nyd13IgxGFQ2pVILiiZtp4XDn+CFV/yI7O+Ss8dD28XGzI5/CJra7jvzjKMtY\n5cc2n1dSfoGw9oo5wSGdgCru+U9hXaz5KfzA6opPVWOywpYrDHV2kBXJk8Po\nNjebTHthKCly1Jx13XEDBb+F4VN1DI3SbAEqgVl5QJinjeZMjxrmDRK/vYl4\nXQyBFujSeI+BF9iyNv6F5TPxEKAObrAViOZZQlO21NHZAQlbgJSthPDVd1wz\nhn5W\r\n=ld77\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"29ace6a085b0e37c6546b4613abba6356aa82430","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.17.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_4.0.0-canary.2b878b3e.0_1571969410905_0.10217651530248162","host":"s3://npm-registry-packages"}},"4.0.0-canary.b06c0efe.0":{"name":"@material/animation","version":"4.0.0-canary.b06c0efe.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@4.0.0-canary.b06c0efe.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9705af79de732a3a9299b3313988df4765814426","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-4.0.0-canary.b06c0efe.0.tgz","fileCount":19,"integrity":"sha512-ey22wnUYBgszhQzVYmDw0rs28UnBwgVnU0wsA/5W4yhDqnaW2iPvccxdvIVul/rJVxLc/jaEMGG7Hp7Il44hYw==","signatures":[{"sig":"MEYCIQCAr9U7SEIYVHpLUozDi8y0YGRF1Lyl7nwaoPLV86SEogIhAMXroQPonYhkJOTB/lQKm/zzrnCkWTT/odKPabAv8b/T","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48644,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJds6KxCRA9TVsSAnZWagAAbXoP/jddZg8gBNREAmwBzaSx\ncTHrpTFvWx7PeSL0LhL/IcfFYrHpdiMc4URvUOj2UPfbQc8mhGIDMF2yrs/1\nY+Pnt2CpFzmEEUL2FyDt07sZ78xUF32CyJ83fYJYZE0CEhLoZLzDsRikUl/b\n3XrcIXoDi/j+dvmOkZqr4SIFfNgEL7rOjUs8g6dZH4SbsKxyaFImlnbw/TYA\nj38odXyH4GFzvE1LAzMD1xw9333Dx5yz8lsyB93gx2qEngKM3jUbZRlVMDUL\nS1At4LVm2pGxdn5/a+ADfVXJgpaDx3nLUzMfChBmcUW12VBsXzJoRkQR/Dx0\nJPhXHDnd8K7OECp68wfH4K1uU5L5V7LFxafN29ID7UA+LHdON7CcR07UvY7P\n2cXvER4taF4rICv74NLAt4VNtwydv6b0m8KTLJeCmVA8BdAzVc245JBzcc0O\ntGIDmjOJW1P2k3zaTNrrdaREbX1NkL6UoP4uWvzHRpxlxwJrSKbFUaai9Wxz\nyLFpBvP4cvMbSFFn+b1adyV7t+cj/76j5d5R0B5eJ6tPHXDyEFQFSM7fCq8x\nTvI3JQuqZwrKvw6I3BnijWEp+/2LBcUGDfzSeBfUq/KNlzTOLnjOs6QpoHig\nRrLT7t33f6b/p3JUfa0WsQaA2LYR4EfgtF31iR85vd7QkKF/66out6Jy3yGY\nFoDJ\r\n=Vg1X\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"023500a209a10669d135ecd0a8f00995f84b135b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.17.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_4.0.0-canary.b06c0efe.0_1572053681396_0.7519593484703992","host":"s3://npm-registry-packages"}},"4.0.0-canary.01628efa.0":{"name":"@material/animation","version":"4.0.0-canary.01628efa.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@4.0.0-canary.01628efa.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9f63516bd59f4f98449dd11981f6c4b0e127879e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-4.0.0-canary.01628efa.0.tgz","fileCount":19,"integrity":"sha512-0YTIoV8VSHenDgW0pdtPlp7dBATPVjAr6iXinRrGvH+dCqboVR1st6SgLg4AftYqL13GWpbZGU5ul/XdqOQ7DA==","signatures":[{"sig":"MEQCIEo6Fo5CDage2SLLAHVi5NClR6mOuMvMyclYLkqfeFtlAiBRmIyYHCFvWs8wrvn3Pb8UO2rLg1V2RqSvNVncpzarEg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48934,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt4GXCRA9TVsSAnZWagAAz4kP/Avep6uwVELz6OCEEGIB\nANlon4vTJoPn4EkqxYYAh7zQX9xYGVbN6myRzPmzx6U/uT3Z1fhTR7YQdUJx\n4Cwu+xu2v3NZpZBhi/TDdtnCog6PRjBtpDiaWyJLi3/VJVJ/cr6/aI2QSQU+\nMcjLprG1lswnlbkSjShim8lNP2kwHBAj/k5rMVfMawUOw0R+5G5giOQMYc4J\nD7YyG6BFzE7HV9TjNrmViFRzvNlhQHMPHZNOZ/ilya3FVeCp5VsToD2esGkO\ng348qIwvULAqBEol2JIgYUkAPEWGbIt6xeyTrcRluhp53Ygw9Xsktzhzmu9k\nt0Mequ5TP1HZzIomtj3w9fDN3fEGcITBWDS6ehel48cQwiZqkh0NCLonN8qu\nbkQf8XcyFHslxJHiuV53tstAD+VtEiX4kQRElDujMKrlNXi4qN5ueLgPmg83\nZuueluFTFOa94hPpD8HG8RyJdjh9+aTNz8a0ZkDWvVVzNtHlJvbSwP9V2L7P\ntqGwaoPH9UQuXMqmwTALzDsMTXac/I7MW0Bz+4LAK0Q/9vFEuFZ2hAiBl2Oo\nXCNSWj/69GojLacfhm7v4Rm3cRLQunzlmKDs7G8wvJ8oIoQIiHbbOfpDyik3\nTk7wTy0Qh9w0mr8xWCZH80BQpPKxj986NlkUWXbQ3wXcR14RkW/0YLykESYh\n4Q40\r\n=rkQK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d736a6d7c49f31b52dc64101effcb7cb18ca6cc1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.17.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_4.0.0-canary.01628efa.0_1572307351250_0.06961185843798856","host":"s3://npm-registry-packages"}},"4.0.0-canary.b5c6d66b.0":{"name":"@material/animation","version":"4.0.0-canary.b5c6d66b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@4.0.0-canary.b5c6d66b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"65355d23b754512451b7bccf14e0ca278ba00146","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-4.0.0-canary.b5c6d66b.0.tgz","fileCount":19,"integrity":"sha512-uWDcOKmKceyoSDJA+gXDxSCoN3ffMzlA6uGlY1fX1XWuE+bi+xI+dPNV+DT2Zsz5+rgwK4zLBGr6ND31NCUa2g==","signatures":[{"sig":"MEQCIDexv18F0GUKjfaTSOcsUJbE/48hdIxvoZBMncabh25zAiANuTRJrcaMoHyhpDqKx8TubKJURssZ0ILEmvJ3RFZRHA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48821,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJduH05CRA9TVsSAnZWagAAPgYP/22AjVCDztJowiQQVv3a\nbzsAwK7T13DKdQuxKz9cRquCz5XR3t1IDvVz5ACTV283u+2KnerbjSsMw12m\n292UeGHpxmwk+SgEQzcG6U+vc9z8r4RY5oxcTOiKo4JCUtNyQP+HxB9Z+xem\nY7NYDIiK9THMzfNhtf8Fgw9CxC1VeqMw9WbVZGnYDlRo7mynUvDFFf5+b+09\nXBYisIm8ERrFq+rtKDqYphTCklV6SUhkXwKiEDNW0kzX7m/5SUDjGZgGZA+3\nfZ3rvoYeTQWBwyohpgy7QsL9tUdeSP8QOwh5otVY0LaIRC4M0RBo7jILBt9P\n6NQ6XKJ2GBeUTskDQ6+3ae52WO+tvcOqbmBZu/tVZrktnhTw7yI314li/JTr\npc3UshDP4XL25BLEOVJqSGy/jWkJfs+68rlNi31DSAlOBz8jDD+6SJld7NZG\nSrdVgwOHHH0wis56P/fQZzl+afP8cKQP5hssv+2rYB4cDVxitz5dktDMr/Z8\nG+EddRuLEeAcsyNu+g19sgisVwO6hFQkopNjJVV0c0kMwdHp0eWHRYbE37gu\nce6CqYUVX2y9ZXeCCOlC1GQ5vO18IXx8txXBxwT6iAa+KCBfnb8UsLPyNaUg\ne1d9Hci4M6EfWIAWNLPEj78UI5f/b6OGcoasJNP5/pybeEdi4m+5jzTySFTt\nysfp\r\n=GUHt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a29efb24799035b1ee49295daebf1ae46a92b529","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.17.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_4.0.0-canary.b5c6d66b.0_1572371769350_0.46478585306126563","host":"s3://npm-registry-packages"}},"4.0.0-canary.cdf858ea.0":{"name":"@material/animation","version":"4.0.0-canary.cdf858ea.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@4.0.0-canary.cdf858ea.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b017c60f3005adb1a6d78927976f7d9a80156d79","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-4.0.0-canary.cdf858ea.0.tgz","fileCount":19,"integrity":"sha512-9u6zjzNzvotGJe/Jet5TXX2PvYf2FQpwbaPftgsRZPt/lshbGEgna/bBbBSj2+cMmOpKpF1m8QTTqdlnW6C8Qw==","signatures":[{"sig":"MEQCIGplPI9TjodUPrGXozWso8iBTQRpCOo3/FSFmRS49vxHAiAkDxWP96CZ4QeiHnGwAhJspWdSAOuXMYe1ajaSIrBGNA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48644,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdvHI9CRA9TVsSAnZWagAAXHIP/1Dn6Zz3fmEuENYOn94h\nhqtJ8pp3HfIzOahzxAmBAj3uqOOWw/WSIW1dUnswiVyzpJLBhB2E7BtCdvKo\nqvSzGu8rrb2j+EpnLZo5NpL1zW4m7PL2zSirMtK6pXodPEewYjTSSI+w6j7d\nMlrehb2D6UdRUhgKCmDptiQ7PIiIdhS8Dgx/5CR/HERMiMNtlOoJreX8MZ3v\n5dZx33VxDsqLjwbVw8NYr8tTAL/DAfg2vifh0+0h13GdXAc8YrVCyjBwwheq\nVmc1BH0yKIK08zmSZn8CnpjabwnR1HYCnoeG6OC9WQhZOdwsQrTzQoiT40iu\ngMOhM+ePHw9Y8zPIHiVut9xZorByoCSSjSi90lnQj8i4ld2Key/TQPLWph5Q\nnRibPt/OWVhk4Ya0zlTMr2qvxAVOnO28gZxhjk2VX/jZETdw44+A/AKMtGNi\nY0K6nNX30qdhIjR5UHZROqvUB/3CbaOE3xJjA8h3Yg/JICgZcQHqUlK5VNBD\nmTJLustHOK99AeqdbFeEgemCOphRNKB0T6h489h/OR4SGptr9MSD3O833dqV\n2X7HjLNAqN9zocEJxgFqpfkXF0jdD1uhyXP5fHiIafoqsJfbo2913UtQRaKM\nSBu7SX7zGOb5LoM0D3aQgLrvn2fKTRgE+v9aRyJgfPaYdyoK/Em99I7owAeU\nARdN\r\n=8xuS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"436b9be1155a7b7c0fd4aefe795809bcebe8dfda","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.17.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_4.0.0-canary.cdf858ea.0_1572631100565_0.009605719232705923","host":"s3://npm-registry-packages"}},"4.0.0-canary.719b57e1.0":{"name":"@material/animation","version":"4.0.0-canary.719b57e1.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@4.0.0-canary.719b57e1.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"97440db8bacd584248ceaa1055217f5b4623a54a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-4.0.0-canary.719b57e1.0.tgz","fileCount":19,"integrity":"sha512-lJSyYioIcqkhgkYu89sl/i0OYAuooi9eociw8AN9ORytMY0G6DFObqkc66qAJpPP5JT6innb+i9vzv2B1/CJgw==","signatures":[{"sig":"MEQCIFn5z8mY5FANW2/Qde5eXkGZyCXlKpCUQrJivwUsJJQ9AiB1tbkPXkXhz6LdOEbtAOttoppRjMq6xEGk9Tg8LzVj6w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48837,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdvI7+CRA9TVsSAnZWagAAK+MP/jhs0iday03Wsz5SAHB0\nGZGMTW8sBH/zmRBmTkq2AVui4TJAzVZL52MyR8z9FUSjAhBQKt8KEH3mZboY\nTmKKHnCCFvU3FdQhwfAsQbyFkj7FeqauwZ7ZRSs5DkaDZ0hUTM3iEbuPtLaj\n0ZBoTK5BMEqGjkEydZOa511XTbNE1iFqBdCermZcm6+LBseNxns7eUPYZgxS\nFRmawlZx64xwffDTZ+2ZFNM7mz9FnYBziFbI8jqly0uc0G4kR/gmyouldELg\nce1iXLHXM1J4BayqAteICu9sZ5khgqaTYlm7YHNm0M1gqxBzSyfOq5DfWzz8\nHoIEgWAB8WxY+9BBB3vLAq66owb9MnGqsPieMTr3vg9YKvyBXcme4+gF9W2g\nbHSj0KnIGOYeiTFH4JB3/OTZ0v49Uy4bVRR4H9AwK3y8Qnw2DcR7H1x/y6hP\nLoxcg51YwVoYQN5lmGdsU4mgqVdzDz+ouvMZi2aFxXy66ZBVD7wiLYvL4FTt\nHU4AAWNw7781wOOn+8RvUUc8JS1NIZWeu9GXKriy3AfBU0UVwInY7mFM14Ue\nlq3LryzWSPr/b0hOQpENohZWfrDSPc0vDb6N5z1qh2gdWquztIVeaHjuTau4\njqJ9NaeuE9J8UvVgEGl4L6lIn8VORx/CsiwSH8ypbMYgjQJVeKrl0vtQWeU4\nOT1O\r\n=fjD8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"4184aa06e4862418697a150eaf45a13500e1c4ff","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.17.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_4.0.0-canary.719b57e1.0_1572638462214_0.9928864859745401","host":"s3://npm-registry-packages"}},"4.0.0-canary.97cbbdc2.0":{"name":"@material/animation","version":"4.0.0-canary.97cbbdc2.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@4.0.0-canary.97cbbdc2.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"03e7a280ca1f8f91916a151b03b729ccfaa020ce","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-4.0.0-canary.97cbbdc2.0.tgz","fileCount":19,"integrity":"sha512-XceHdiegRwXfBRGCrrrqT5NiSXZhWh2ah1aBVZUSjJta8EcgcSyuBJjLppzlWEaVZm5G95bbbPQAV2PGtBqc/w==","signatures":[{"sig":"MEUCIQC6mFBmyqe5KNEH6WArU45AD20lxyGK0YY+wfgpaIAfrgIgaEhGnysynQJXymRSyfPyKsijpF5QDEDfqc1jE9W76Bg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48850,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdvJV0CRA9TVsSAnZWagAA6Z0P/jExXfn/KRjg8kdMwci1\nZVgpOCXcT/wtoaOUxJ0+LEtQtH1c0a6Eja2es5WkbM3rN8PSH1/J2tnWOj9e\nU5oTJBvvK5CNYSKPIlFFoNfJGCNEqn83RBvFAfxNSVR28PqS5RclMTX2auwy\n1h05dMK2HVzajDiB7BFb240DdGobPBewFgUtDdp9KPHs3eWW5Gf7/2XpyOWl\niNs+kdyOulW2ZthMpwt2F5328PJk10wfIgef0qqZo3gm+fIfIkcxwz3CdR6L\nYhzVpxcE/p4EcSrxdYNJtJA1DX/QF5o9FdsTLitHvO/sOG49Tl/WGR2NOiBM\nket+rwnjzsaV1zfpSVp9uSo+7zSYqh1AGef2TEFxlVuAk3tefFmcuFCRXO9y\nsdNRLw88WcYHJSK4HrKg75JhE/AjLVdwPO3mlLNfHF0cAEUdZJfTzcARJ8zL\ndtxVoFG7wUqwtSMh08YQd7pP4Nb60sCtrU1fkDmViTzwx3OdZLlLpi6iJqwc\n9Yuo6JKk8jIRbjjnj13pMHLTwmqz+uZ/6pJa3aNwugaqUJXykgjH5IQQToCZ\nrLtnqhHmKvy0JdjZB2QEpVP0niL70CNhHDQtLw8OhJyBAeTxwl2wmPUFdczk\nV5kNDGYlsXQtAcCrPpAUFeQyQPIIsyqul/4Y4LPDVcfw2wXu7R5VItTBdIuu\ngzBH\r\n=UCXs\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"49d37bbcdfa0f5872581945f58c03e62abb97090","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.17.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_4.0.0-canary.97cbbdc2.0_1572640116101_0.9494209255477348","host":"s3://npm-registry-packages"}},"4.0.0-canary.8e36b3b7.0":{"name":"@material/animation","version":"4.0.0-canary.8e36b3b7.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@4.0.0-canary.8e36b3b7.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c6edd36e570c0fc53c54b0f4cb2d43efc8fc01b4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-4.0.0-canary.8e36b3b7.0.tgz","fileCount":19,"integrity":"sha512-4/Cun/vXKV42wbohR9KbUnENMh9WZqfjrbEHxKv3RK4qPFcHsDoanwCDSD56r5FCklCYx6roP7DcKP9GugFS4Q==","signatures":[{"sig":"MEUCIQDY2le3JhGH6AXvxH7/u1oPC43AYbXZuojYILt9FFB6PQIgadBEwSDXiY8EgJZ2xDNvArmNELFKG60GnXdhfsUQzhA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48644,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdvJzwCRA9TVsSAnZWagAA4ckP+gLb7YW63jywQxryngE8\nwH8e1X6WqQXdVxTHCOvd3kIFmhBpZ6YHtfi+rnAxPnm1/K2m7DKts9iw7rSu\nbHmfC0ydma0sY0xH31mk8DwHs5JeLIg+MPtEAcxuTxpC4m8/+AHgIa7GPjlX\nQe9nN0DMP//0zZNBpXqom8zsN50RyKCubyl07649hpwkX4DA1Et0FaKYn3Eh\n30Fx1FlRkYIkSOeKXeE49TFsZTHafxPDnckx3Ypx7BxO3oze0ekxApw8kq6S\nbPa075Ps89n33GNjZ+0np9ad9bUrTckkDOUYqtVDkPQ1xOXLdM/P4X9e3/Pz\nrca0etZtGGPbUSbOLwKACLaZGsnI98I41p2CFqoLKapbJ5usXPH0nUbsaEW8\n/dUIPKvcv+dzUpXE2unYFOu+w9Jsm7JSOkQ7S7kDFlkK1pvxDpqO48BuffuJ\n2xY5bvJ5c8435U/BfSxh3QzMpdpiUF9W2f6sV/FeRTrm6xjabxyTXA/8ToS9\nE232/lIylE4jwOnt4d+oxW2G6i3c8ds37EMipZ7L6HoKUa6j5TIHE1YQmMBV\njjZHCHE6aMGt5Oo0LdoXKf58q30PULDs+KIiVyt2iw3zlCk59/NBeB+5qst8\nT8ylVvPOBUQerrF28S2XJlxGRX1fRy3Qg58jZ3Uy4oJCFYw+Sh+UDBfMvR+k\nTw5C\r\n=v08Z\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"62f51968b94685823af7942f779c63658f2b0350","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.17.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_4.0.0-canary.8e36b3b7.0_1572642032179_0.0908065522980066","host":"s3://npm-registry-packages"}},"4.0.0-canary.62d3a09b.0":{"name":"@material/animation","version":"4.0.0-canary.62d3a09b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@4.0.0-canary.62d3a09b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d58afebf6b3bbc3d3615f7a8e28ff45906cd7267","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-4.0.0-canary.62d3a09b.0.tgz","fileCount":19,"integrity":"sha512-3b0A6Yap4p+XsgHVV2w6WSBGrJPVMrS/FqJvYJdxuaXSGFennxZKWK23YbHgVuztIwQn1c7aV9V6AC0UdoH7sA==","signatures":[{"sig":"MEYCIQCYA0X/aasxdnjZa40ZinCGEs4K1FA6s15Jb7FGVT42fQIhAO/wX47DQ7mMaJxUt/CvhPfdoD1oIDrZPJOnvgOfcoGp","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48644,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdvJ80CRA9TVsSAnZWagAANYQP/irgy9FyfX+/7gHs04WI\nlwcOeviuSep6008LDcAfw2myPhH99IXosd0uIYfgA60esl6K8591LlOaIyR8\nhd9C8PhB6nSqXoHFwlnTAhibd/Li4cfqDN+U5WKLzVgj2TdXjsq7CPzNursH\nKqsyClyiAsFQeiRsNWODv5U80ck7Kmkd51JJ/mMJs8GjxZCkC1MIb9vXp6/z\nVQ5x+8X6IWTqteXfTorj8mlBqfrCoyM+rxD1BkcrAq137/EahCyLUJmidf8Z\ngihRv73wU5+KnGnC54y4Q/rbX3yg5UjPleDCXCNv7Z79t1HKHIBCC2+nO80j\nFVt94cIAl7ly2dMWEp8JMIfAuKDcewK2RQ5OhSA3cjspi3PW/x8Bg7DiIjAd\namFpLb+C0fu3xgG3w/g2RJeEkJTASoQQDpKsUQWFkySxW6JDZv649h/1jTCJ\njJdZFR7ZoRzyZyuw4H3k2tVdaTU2+dkdBhi45sgXisyQhJUEWBsT0wlu8Pjh\nICxUhjRDbsdh4otKm9c5tk2UjPxymePQBX7wZKsAbLqLDYc4YEBMOj9ufB7L\nX9MCts0QVomMd1MYUFrTyjzzQ3sPTrRYRXpTJc9KFG+P46aojhQdmYa5K0QV\nLP8MWm6KIVSdAftHdTZiCbeswnBxoVZ+tAMn8UMojYv/TP6K+bsJCj/8BUpG\nzleI\r\n=vqdn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e00a9686a58b0fd5ec957d4008b6674dafd4dad2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.17.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_4.0.0-canary.62d3a09b.0_1572642611949_0.38436578624327167","host":"s3://npm-registry-packages"}},"4.0.0":{"name":"@material/animation","version":"4.0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@4.0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"19eaf377809f20978f8452a4237d27867d3ffd1d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-4.0.0.tgz","fileCount":19,"integrity":"sha512-IfzXzstWdtKQcsNWu+s2Hpz5dBwkTHtgtzoesr+FC7TqENH+SJdsF1ntnZI1XVi2C9ZlBf7f4BSmXpWHD0MIlw==","signatures":[{"sig":"MEUCIQDmFL03qFc016y0FGhkQAmkBO5XEeI5yzsWq3Iyu8US2AIgC2ltxK7MQvse5Ociq5ENilQIxtm/Fn5ElqC3dH8x9nI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":54729,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdvcbNCRA9TVsSAnZWagAAUk0P/3QZLah6jlVoLHCyOPUb\ngATYP5siCaJ7Jtxjal//g/Rn1rU4LGeoDbtnn+GqT3ypnDRycAxKPT0cDJtn\nSCbkmmss23x7lrAzuubu+RB0WMUbEoM6TWLu2uH2Cs5cTelTofDn4eCAlSCB\nJcy0a3D6s+FtxXdPtl/+KpOC7a+e1W1bX/FNx/mdUw1XBlwrDSXYwhsutt0R\n6IbRulJ4WRB35NGIetIZlGMII0ZnTVyfCmutG0zy5rmfjTRIHgu1Uoiwnymx\nPFIiRKWkEWe7QfISgWm+XI8BAeHWg+gl/Ecx3lSLnsGox2ChZ8XkcsG6LY8E\nA2XYwhAiVC5qEWZD6MVoIVmRn3PEe19rS3MAMgpLME8mGyZI/To8mG2Js62P\n7Be7E0Fpy/CUdPBD7Kpa3mnS4qcxaq4HhfcyfCCAwZMtp7LLdy77Fs+noPV3\nPWtQRUgf005/ncxM5dc/QLYScuu2NjfZ4wm5g1BhqZHze7lFdswe1uYKYNsz\nyG/dHiQZAJUuadSVYmgaU6zquCfy4r9qBfGwadBG2iMf4wcW9Jo4mgTsAgGf\n5S2NjtsaN/ZOrU387ivzci0geiqHCV5NR3ISBV1Fj+1r4vBtGvxnOOa4GwIg\njnwSirBzTFnMn82TN/NQWJcRGKw6mtYB7ebqc93qR1yAJ2CfWWXWrzu6YPxT\nfr9U\r\n=TyCa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","gitHead":"8fcbb009cd3b5cc004b302613dd55ab4b5d6ef72","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.16.3+x64 (darwin)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.16.3","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/animation_4.0.0_1572718284524_0.9065928121493585","host":"s3://npm-registry-packages"}},"5.0.0-canary.b5eb51e94.0":{"name":"@material/animation","version":"5.0.0-canary.b5eb51e94.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.b5eb51e94.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a46ccb21fe3187c38a4a791089fd6a9a0ed95aac","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.b5eb51e94.0.tgz","fileCount":19,"integrity":"sha512-q1XPIG2XC1A/67U8bQiGjxvL8PT7IXKjono2DxckgnF4/b+8Fwm1cONJ1zPURskJ2zJ7QF7kH0ejHGQSS+W2Pg==","signatures":[{"sig":"MEQCIEragdZWA/bvCs6vyjw85MfTzgQnAqGnHk1mPJ0m/odcAiBxBVcT8oulZHUa1Kjnfdpmv/EBY+KctzzlUAj/HMCz7g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdxGNiCRA9TVsSAnZWagAARGsP/3MWIAitb5rSHL7RY3Da\n/+JR97H4tuyGNmwXo9os+zWKOngewIMkub7N3OTMyKpvBvH06Itgj7OaXGKq\ncRk7FQvMXA2sPO+jT9FPT4HIuy5nOiy4Gplq1kSFrl7Srv0EaGDh1WrhHo29\n0CGCT2E/dHm+uw6x1LeSPv7gMbJ2BJ/TdMbWV/k1/L91juzdAXsklmPo3sc4\nVTfhQbOeG67kISE3nLSIKN1bUjB7eLVU7BkbiWRe51CVVDinVQL90xFzKzzT\nYLrBC24D4nfp0ndilzwewwFfEStRuGkCqgL+7aSBqmwfvLowULmXfLRqcovQ\nptjl5zyQNsKy21umPKikEhGvinBIJ0dem9wlw0A9h8NxDe6zUDTvY7ZviB1G\nDryKBYpmh/Lj7e49e7cCCiqIx3FzqM4HcFIPgF5Bm0S4XW9iXy1hBIEZg+/x\nsW5IX++ETiDd5vyOdy+QyqxOXga2jnCQkMdF8A/1nqsmmM1l8IbvPDwhfrro\n86S/3d6M48GsZcDRaAVqE2Wtt4zpFeWIDwxvJcJdFu2WeMqxHvGwpAmzH4nU\nshp2RDBockH+NNyBJ6H3T/s0Iw9sVpvyfji5LoX0NdO/m20wFU5wRioZohEY\nqCRNpMXfLV6VE3ZB/GWAMGFuJX6/rRNl9YlbgredJ+B5JtklTQb7fMrWDu7j\nHTaF\r\n=ocxQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7e8d43f563cf6b162c2aed47d2a006564994e4d2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.17.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.b5eb51e94.0_1573151586508_0.7812072854651664","host":"s3://npm-registry-packages"}},"5.0.0-canary.58500806e.0":{"name":"@material/animation","version":"5.0.0-canary.58500806e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.58500806e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1e29675f1914c0b2c30aaa4856f9d02d3aa55089","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.58500806e.0.tgz","fileCount":19,"integrity":"sha512-Z+CFeFWuBzDAI+41nzBgjlZa8aEwkFD7zXTAuLG5bXVO886WQqlxmQxNioVtYT72FINVK6ICgmygH8yXm5XJkQ==","signatures":[{"sig":"MEQCICgl5D7e650e2/EezuV3LDeLUcoHe2vf0oxRYZ637HBTAiB2Fx0EhMfW+HYEFwmkZGOR4dpNGbeLMq5guejd8OANWg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdxYssCRA9TVsSAnZWagAANqoQAKUcX2xgvmNZKhRFPjPM\nVEXDz0aHaGXwughFIWqd1ZXOosTM/jo1AZIq1D5NrAsmmFbHJ0NYLDDV0lda\naqDbwg2ptC1CUaPCzR46I+TTH7aETSfNsfYJddWS9GQBUXeEu1vbInPZKGaz\nKjaFdUDKDjMA9SC+2Dhjkq9E/T5LSP5zYddfsvL+qeytxq8sMiUs5HtvY6SH\nnVcTbaG0HHl9wrwvfcfp1WnWxF+Uom9ASJ+X5hbjQ67CiHNC+TAo2mie97mo\nAyGpTBclR0EfcCSHz+Iq+pRZZWXwFBkCHhykHAK/0yZ8cpySOMZ278OBqqPa\nP5Wrx1EZG9N/xI7Pv1twR/+XhD7O5BTViFUOSHuMFThNcTc1/N6iZC+qhUeJ\nKaf+0mvDwVNskb+4OsuW4wzbI8PQ/CVsouvP1NhwPNdr0eZGj8QO3YGlZ7Gj\nCerKhy3sb1xtSwxpi4tXnv0/FOHmwhaAozpbhV4VRrQyUOTXY1jmE2KwXRhp\n7gaDJy66/Y4wfdIgZOK7kpYR5VQuxh7/l+xNrpEfyXQTYYEoM0d+Mx5gMAda\n+tv1br4UwIchjTQ0kT46iQo/5zKuKXNzfiBasAMlJojYrIEhtIl6ajqmp8J+\nchAFp5i32iabRR9NVTZIFbn0wMvApBwmLcYXnh9GhikG8QkCiazCBxFUjskj\ncZ2Z\r\n=AM9g\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b155f26dba1f11e3c9d7d0fe036cca6da8b37a3c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.17.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.58500806e.0_1573227307622_0.5689402268015833","host":"s3://npm-registry-packages"}},"5.0.0-canary.66299b646.0":{"name":"@material/animation","version":"5.0.0-canary.66299b646.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.66299b646.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"05d4d127ac60d244afbc487bb4fe078e8d2feff9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.66299b646.0.tgz","fileCount":19,"integrity":"sha512-b2CdG8BhOmez2bnSHzu1mm4q8j5uKymz+VwKGPv/ZSRQGcVBg4HGJowVH+f5dW9r3a9VjvfP5uIpVpxQgGIAYw==","signatures":[{"sig":"MEUCIG44L4atwoWxyKmo0FzhHiSfd5/ySCiaudWN+RU+1SzyAiEAqXQDF/w6viMHRAuhQolqJkqkEe8ihNPQ+U2l1sslzHc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdxdEKCRA9TVsSAnZWagAAYHUP/3SCPG2MvSCnjMNiNKWz\ntZ0UidYPfib5iEFOK2G9fLuM6Zxam5Ei1i3BZKEcjOSw1gfwElOHfmufXl64\neSXh0zN8Xls4hMG/8+C3gKLWszsQXfQbt5jz0evT2xpTeDS0KowjNbaSAuKz\nyCDNs0ee7uRdZbKNn9bgeUHg0R7Olwbb3pJk44v9Uhyh9MREAqYAQ7tIQBK3\nAm/8Xx9ntB8YVt2fH8gFZGDZwFjQM1MlsXebqEuqW/kSp2pu7U/fozQ/Mfhc\nItgr6zpOoKwBA1VI4jkM8PI5/1+K5lZHVHda4rFtjQOPZs+fGr9e4+x2FsPs\nPmX3TrhEy0HCXuTQ3NoKxymE8T3RRpiWs7gj40kVfPTh+AeH1YwuGL5mb12h\nluS5JRd3WqBH96T9o7IMYoC+o/Aw8/UtqetuUgYdF1AS2JfnZMIsRUE4qJsg\nr72NnNhCGpLt9iYUP5vXH2Au3UtU9U5daqlXOwCS8Wn0CkN19mKrHNJohlli\nigM8OdrBkS59eUiGsQBCETxqndYLvZI70VEUWhUcpLKyc76Ret7p22sLyBEd\nJU0XISpVweE75fuBu3ArfSXxZaM5LiRuEVFIpY7jvCdasu5tGn8uextYUv0s\nIJSwOohiGYSf3eNS9P7+3NS/Sxujcb9PKphK5si7e342tsD4BgA/yODPPndS\nRum1\r\n=B6RB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"4bcc7c183ed18cfdcbaf564e317231824ea91b6b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.17.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.66299b646.0_1573245193703_0.5800596770185149","host":"s3://npm-registry-packages"}},"5.0.0-canary.821871e04.0":{"name":"@material/animation","version":"5.0.0-canary.821871e04.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.821871e04.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"726e70506ae0411240bc0e6e30ca64b19dd23e5d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.821871e04.0.tgz","fileCount":19,"integrity":"sha512-O8BMEsSBEzPIvukYNO8+Lxj2x+p5GM87++cCmG/8OAR+lMgaXEiJZClSeWnnMunvfHyFkMyuUuUUvt8uAP/XVg==","signatures":[{"sig":"MEUCIF3ashriPUwnjQ1KUrNHe1fgA6/9gPllxqTrl/154IrCAiEA5frkDBVOD4psSmTH8tAXoV00flf3hPZ6v/vGICSgMEI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdxd3NCRA9TVsSAnZWagAAWD4P/3A6rCwv7fCbsXAqEIrl\ndw1s1rvScIIcTp/GB4MEDuvDNildZSngGEjvdAznVWP+1eCgTZ1skVcoDyqj\nR8aVg660DoyWqyIdOSW8xAYCH15VnSgDmcTWA/oVLPcrSmMMyUqOBw1flJx2\nS1yYkPOQGYM5cqVqnWyGb++R7McmyW7qCu3WmJZzmy7yO3uyix6X3zb3pL0W\nSTt/oRJUq2/xF6GJEJHEbloJAGQOWTsw2HPp3MXrj7tRkmK0/LAd14tn/dYz\nzq/RFJbtAJxFxm1pnOmIpmvNqcDRv1QbxH8+onW4eyyQDrtbx+6qa4G6QSq8\nSI4scjt9RzURgLGOpGDtFo5VxswNnfEF0wk0tR8oFj3f+Ydlk7YQVGS1Kqjb\noqc/yJgKHPQNVBr02G1VfYxruDXdSXB07rFKn/eiBI/btnFIO6Fj0Ul2VmkB\n6FlEJTuK3CgqfrFLwDvbi5dEPqVe7Aixt5v6SS7VacaULk8x0u7jl1r8y2lg\n91dax4J/MUSGjTrcbED3xUdV6c6EVfz8PaxZER3iG7FWSZ9euQyLLZEU49Nz\nEa9SE66y01oyvCAo9TsmZ0WwpHoQfEwo3zfy78kPgV79tJTCQKsPmwEXeU2j\nuepJkJGUbR2aMe4OxZj/calrQK/9VgnsRAYP/KI+lfh3YTDqzHOqIx7ckbqo\n/AW2\r\n=lohs\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"20a91d4645dd0fd2db7a61459d752f390e050899","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.17.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.821871e04.0_1573248461254_0.7519867625177687","host":"s3://npm-registry-packages"}},"5.0.0-canary.491fddc31.0":{"name":"@material/animation","version":"5.0.0-canary.491fddc31.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.491fddc31.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a2be132b2c4a75f16115db18869605455ce4d602","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.491fddc31.0.tgz","fileCount":19,"integrity":"sha512-w0uIxWv8e3J9awqiLWvvlu38vW19Lbw+ViNucJ0Xr8OMnS3F1m7NxYEAN6Afbfk6IUiXvn68BaHFoNjAf75dDQ==","signatures":[{"sig":"MEYCIQCj7heGDumCqd2cE1+Da271HR4PmzkuaZqOCnidB3XSdAIhALdAvj6SjhpNMlq2zSQGdO2kYeoOHNoDgaK9y9YT7JQc","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdxebyCRA9TVsSAnZWagAAiGcQAJrc/cOfbXe8mSzf81vO\ny3ZK6p7hXV2BTnKeJQ+jFvwPYOdbxm45HrDTGAJcWhW+GnE+B2twyl3pN55p\nDf0uLU7wQ0WjNeEytbNLOQsssCEuVqdwECBfv9Tes/utgdzFP63IMi7aebRh\nmyvy6NF2yRyh9UBSK2eVBPn7GZckQ3tsNItz7BbqvbiVbxVSwMNK85xpA8kE\nWp6iqqqpov6355N9iQ6jUgIC6HHfc+Ion/FPnyxYRxiKfPr1Lv3f1MX2guqR\nkKjpjGeG8WB/LAeCLvIigJW+tv3jLp+bdGQoTjLYOF3Lq8h9ALnKNbzLng/F\nFvj2RnDxm9ojQ8SJ2YVfGqxzl01vVYnEYmwV4CrB7dXmcTOXd2TEHL0e5ScZ\nAw2FdDJ7ts2hZQEEG9dTXcbZL9MLHUY1hPLbth/glOxrVDyE8LwnXCBb3zcM\nochhafX2J6vNjMzuH31uEuL3i+6MvOgHcMffCCl1k+3nVSfscJw6jp79ahxj\n2ENBnrNklmvfWc5S4TgLEhqGMwuav7gxmU5RtSTh41r0bBSThHzgH4BfMIg1\nVe4m7wELwsGk4KYRO18n4LKbif6/C+XAoI83Bk0LXkhJM+ZMfxEVZdrsmPMN\nU4AloQmCgyjQ2EBGhr7W6qLmrsMngOMHE3jtK3DhAt6U9rAILt17ENa5maHq\namqB\r\n=eaxL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"36ec62985e32e24263ca2d444e04a01d98ba02eb","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.17.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.491fddc31.0_1573250801839_0.48815811399028797","host":"s3://npm-registry-packages"}},"5.0.0-canary.b0cecf145.0":{"name":"@material/animation","version":"5.0.0-canary.b0cecf145.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.b0cecf145.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"68fb6557f1d97eaac80ef8449c6efb458ca88520","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.b0cecf145.0.tgz","fileCount":19,"integrity":"sha512-17qUhR5MMqEf1RoHlpjVEL3FvFVZlC/E3wjbpFwv3VowVzLTvEtLv/Kz583ly1XpHdYs4ACDjxoznsdMzl5Fig==","signatures":[{"sig":"MEUCIQC5k2cQQyxngcbeyuMvXlzY8HRsj7MH8FFJXw7gFW0gYQIgM8vxa+iZOSS7EyT+sIERkp5TCbt/eXhaVHcJPUAYy1c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdxwh0CRA9TVsSAnZWagAADKcP/3evqeBRkzr5R1fBHuGn\ntwAhWKdj6fFNqkMJn3ydNSc6OqRoko+qdR2L2zngLLBMte+fC5Iofbh3dn+a\nCyh2xoU7rmMIfycPe1DGWV6XO0kT7XKoyaD+g+AHJeTab5iS0TcwrK1ZTIoB\n9FMvZdUSJ/emm08zEFHCyra1gfLJ+3Ud3Ftk2TyLItmi9VJIZwocLc0j+O3f\nAEMlPpksSRcuUIk+KYBkXw6M6PyAaxXraLyyCJrcRrcif3fd6i9ZcsOOrtd6\nrWmsy/OSsIXLL5ezuFjvYB95WIIPnx5IcenfBIcNeMncETw1cM3TEWNhQyHj\n09EB44pOAo24dC5dQKeUH7tItFfpYRIb5mwNTDp2kCb9UKIpdv20R6U5JWsZ\nAlmx5BV145MGlw66sYtG+CJ/ehCx+jV341QO/CTxH+yMTWxwWyA4IcsBVZVD\nt/hVYVDzSXkX3Dl+GeF/ypRFkBNSabBQpFN0cg1MNa9CJhRLxajekhbNVZFr\nyjYtx322VQxOPeDma1V4257pi8lnVlCcx7YRxkFrfju2KFuEgZ9BJ8qVYbeO\nb+JXQU+U7VCQAzgzo6qoahU2x5HcrR2fGQUpsJZgmvFAP1oJ4FdjspbU4mLg\no9cYAU2kIRmARUcT8tSqoEI1ZtrFznRedDaFsQoWSyZ0adGHvmygD4vJ6ds1\ndEsc\r\n=NfiE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c20143ddd0d46da106e793fe5b768b628d433923","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.17.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.b0cecf145.0_1573324916361_0.04239957608869305","host":"s3://npm-registry-packages"}},"5.0.0-canary.afe0dd1bc.0":{"name":"@material/animation","version":"5.0.0-canary.afe0dd1bc.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.afe0dd1bc.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"01ca823e94fc16cd9aa11a3167d9f73b57a008a0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.afe0dd1bc.0.tgz","fileCount":19,"integrity":"sha512-wUoCZO3tLS4ZRdUx/jnriVLUicm8D09M21lAN/19pfmTnFWUmrhdcbHrDg0mQ4CXhxUlD9U10z2PPUauEo3DHg==","signatures":[{"sig":"MEYCIQDR6nImNVdwIaqEKh04goulcfRxbd06hk+d1xXXR4H71gIhAKIfIW4MevIYi/cVqMJ3ssvYV+bs85yNYWx2bIoIZvYd","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdyYAnCRA9TVsSAnZWagAAuysP/jTJZoAAas6YbJAnnRGE\n0W3GkkKDd7IvqAWrYknWLIJhYDCs6hg5QIH4SDKJxOnqIt548w59N/A7sDIU\nAntkV6FhClLF5fb68S03DLk1Fq54N4FUt55Uaypl1RI7o/TTDggxDntPGivP\nvyFrZZMeSFtlkjt0m5ACrYxiuPTvpOjj1ARUBwYLQS3Wc8ZTl5oLOu1Kj/yg\nkAvHs2T5dEnRBAaaAitbD0543D7f/6s9qvikG+nNCs32I+cg58N+uIja34Eh\nb/cil32lt6h0dt1ncBvE6Tr1TOpwecDHLr2FFFFC7Oon5IRWfT8fDR2y3XkQ\nhcoOKFzbuW+TPeiiIsJn/9NBcQu0eufltdrUohGrg3+sSTDaxzxmwH+j7N0G\nUjhbQsML0/rTwMmt0bwiYos9/lnm2CdH5SY8EQputcI+kc+C2mEnsJ77cjWd\ne3DGXprQrr26mXLMLtonHUOIbHuLrE5ksVboHikr1+hXiZEaFWZZ+rPeQ50P\n4Afq2pxvn7EEe6NQEjAdlBAS+nd0s48PazYAbkqzCB6dV/2B4l3k9ZkqBXg6\nYz3cqql3e8CzNEU2AqqPEok9sxGupxtZnhZyxfpMD4LKuQ0+y1yg1c4RJajS\n/IEFZzw1r2bYZakF7IzC6pdO21pZiqwOUia6nu2OvBZsaTdSs9DtMMK9zVY7\nJF3E\r\n=zS/3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"3bacd69fa765f810b8bf40608eaa3aa2df12bdce","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.17.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.afe0dd1bc.0_1573486630487_0.6083045571870807","host":"s3://npm-registry-packages"}},"5.0.0-canary.b4cfdc40b.0":{"name":"@material/animation","version":"5.0.0-canary.b4cfdc40b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.b4cfdc40b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3277fa864e41916b00b312ba39b6674de1098fa3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.b4cfdc40b.0.tgz","fileCount":19,"integrity":"sha512-qNExanC/Iw7Hy3x5hpemSi6lBceE6rOEcVTs8OU3WtP0+Tlj6/Qfr+GAbUVqp8DF540Gvhliq8kaKT8Ch2oIkQ==","signatures":[{"sig":"MEUCIQD0CbAOj0w11Kri9SpybcIAD+28G6e/OkX7H6/yiFjeswIgE8u9/8V+K3u+qvqFmx1QR9L/O4KmgIBb5BTVRrvZ8Ck=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzXmCCRA9TVsSAnZWagAA9jIP/RURVfEKoHa4aU0tZmr1\nRzAeb3H1DXqVNF9kBi8Onls/Zp52ItFHD3jcKhKAWO7bmEQOsy1EppYhyrtY\nJ3QN0BqUcVa0uzspo3wfjPgoYHz+Z/KZQTM6erbDMP6QK35ODtUuNYyJk01c\nU8wUcrirKCQgkhPtvGLDwymsHTAlOizOr8tePNlG6eszJlTS0GoXnMZ4MivQ\nUGMG2azrSnOtBaCDt3RKx9bmFFGCDU49337IypnciF65o9obWh20ncOVjrd7\nn2/MOrhFpQKg7LFI5k3h5viecAGb4OreIikCLpt+qW333bQrCT0Tlh2/6adD\nRCCQouA/u9bTNbY/xKXlhVEBE84qsBypXno64XTfU+VSvYGkGOPQ7GIslLus\ns973jRBTgCkRZjCGYVBPHbAZCeiYp2xO3KiZWFtuSaFfVl8Fe8u1z2KqvirX\n8zdCip/4E0I0vpGc758khiui0AP3y8+XVYvFLnYFIS0EQZARsS72SLxBu9zQ\nkxERDhOFzbYP2t4KeLKw3KG4zGq02U514rQGimWJKsCw6uM96ATicOLcB4bF\nJXTnayOkQl/umK2drXv4cid4g0ffBHKeHW57QAILX72ocNM9GT5iZu3Kxg5x\nVdpRhnw2tjK7+AcyEiVfR55c02IdqIrEjpQXedhQ+f8BtmMyXgWfN2Ttf7Kn\n+FNz\r\n=M5Lu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2a81ebd1a573a096ffb378bd1ce7bc223a3cb54d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.17.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.b4cfdc40b.0_1573747074335_0.2970532659601821","host":"s3://npm-registry-packages"}},"5.0.0-canary.525989b5d.0":{"name":"@material/animation","version":"5.0.0-canary.525989b5d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.525989b5d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"edbcfe4bef14df8e193e7039594df60bce91a450","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.525989b5d.0.tgz","fileCount":19,"integrity":"sha512-LWkaSn98RHBeI4p25wr7DpX+SvHYX7msWf0iRshVb6LJfgExiWFQ4cgROlzQHAa/MgS8I6yTZEfIGJStncveaQ==","signatures":[{"sig":"MEYCIQCL+bdrUHruInBsSbv/ynXP2uW5NmXn73WdjWt9zr/sqQIhANBiZPXoVmFNT6f+RhCbu0d0Dd0tX/18cugHSx8YBV/M","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzeOMCRA9TVsSAnZWagAAqSsQAJi3RnmNt4P6WAWKGnUc\nECtE8FUh6nodQU5VuLf/uaJoOhNxQ2dBj3cTfCranDmSbJeXXt4WXoe9+/Bg\nI+uNXYBq7iDLaD1dvq235tulYGUwcBPxip1DhPQl07Tsti7BL9abdYlVKGs8\nj8QCm8cbmYWo5dZDecOW8PlhroBMQRS5OS2iY83MxhCnLNMe3dEN02Ph4Oik\nWvteKQAf/TnpmcEYr9mPSB10x7cZr4SDiBQrGMJJXQjYcQbIkDiLrtMZ56dp\nfUv4/ts5Z/8QWI+7fCnaaRoz/Kw5BZC009Ov0/eFdkHqURrmQfo6mHsV1Q2t\nRs79UAGawPhhXPQ0Sk2LywNcuiMG4Ln666H5hHNCbhI6AUHUWJZHMp7C9w5E\nhWNufTofY4EEjJKrwTWDxexb2OdfQyz0aTxM4/hjDssMppN6uSYWfTIzkB/g\nXanpl2NORDuuFux+Zis10JaXtdzq7csFZfmCu8Ee1u8YXnYUsCoC8RbGD66o\nB9ww7e16hYEXQWnfuu+o84wSFdQokQggBhiKIvkqMTnxeAY1Kui/whrrbEx8\nmH+N0IhlUWfEFD7uWUMkm/Qjcxv9w4fYjzXzkEkdqpk31IE31gU5JiaDgpe3\nAp7sgMsJUUYI+KigzTWUiQXXErDc1p5I71kSq77eYskReNnxuu+4+rIru5Lr\nb2KQ\r\n=MnyX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2fcf375cfb22882468cdbfe126d349a996b450ad","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.17.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.525989b5d.0_1573774220076_0.6251061060257934","host":"s3://npm-registry-packages"}},"5.0.0-canary.7084b403a.0":{"name":"@material/animation","version":"5.0.0-canary.7084b403a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.7084b403a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c111193de45f36fb8ad63b8ccfd838e8b7985395","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.7084b403a.0.tgz","fileCount":19,"integrity":"sha512-dJSpuitc1SiQtU9tGtH4MgaR3mWTiG27WOHxjzZcYOsPa7/59ep5V5r3tI8Cwq5XU8kJQyWUZf9CIMyugwjE0g==","signatures":[{"sig":"MEUCIQC2NXaP0nHxquzZ1ZWSpeZ/oQbZjVm4Cqe64fYSpH80BgIgbo2OSXN7ZYr4NV1RND7bhuHZNnAnZr0QejlJhQNi1MI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzfnVCRA9TVsSAnZWagAAeIcP/2+VT3RcnBt/XNQpEcOX\nT3T4MzdJ9ScMRaQUGRAzHIX9IWyXBFhFKMCKqVZPeHeE1p1ENZ7lE+yaK47q\nVs/1OPsGlW9vJLZ46Pmi1wvk6hgjQ5uh6DsOPbFQ+bnlThcgvfPMzha63hNq\nv4gNHt8FsEWSVMkFwJn/cMUBgRP4wQRfQBvzS0/OUlDmnI9jxzcjK/RzPUMv\ncF8TAS4kWMvDAxz0ULEpXRAiqOY6I+VO1nDDf6Esm04F39vPUOTubHhnuFJ+\nX19dbevUtSfwmTIEgZa6Q7jVASv54rQqFz8/WfJ/hVboxmCEogJNIjmt1ykC\n7sre+BuWPm/bhk7HUiYLOmY2QtlezgiPFfIOhN6FOnyg794UKuyqXimErfRr\ngH5w8K3EIkaD4c5ahyY3LJnEPju3A+acQIO84zu32IGY+kTmqu3RjHTRkLJu\naRbPnkvbyZBwC5X8U3vi3rKWCEN2EdSg3zqFHK0scBdovMtJW2yVdCqBpCPT\ng+PIQOUm3KwqKJRQbqyfgkoBPMIsj6kNzMU86h42gIrqMgF1G3o6oaI9mjhn\n5Fu1p8AiLCSRsZKk6D58E8VoNww9FWhSM2FyAytEgmHs2uwOPnSMSCDTP6Tw\nJezVUDqaOEp7qSh+BO4I9tL5JtflEleZSy/x2G4I69svxQklC/6JOgeRRJ8E\nCXxE\r\n=1Qvf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"6a82bd7664073498cf25876314019948f3295c87","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.17.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.7084b403a.0_1573779925189_0.23140550569172436","host":"s3://npm-registry-packages"}},"5.0.0-canary.3cbee6dac.0":{"name":"@material/animation","version":"5.0.0-canary.3cbee6dac.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.3cbee6dac.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"387f8119dcd67ce4f19f92817e5e7ef54d3baa7f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.3cbee6dac.0.tgz","fileCount":19,"integrity":"sha512-txUuUQplt9ps1KfQ7tHZc6bYAUl07JEFSTN2prDWNQfWRbo90LSN5LEBXW3Qh3MQe2l+0oxg8cvqhc3KV2mrWg==","signatures":[{"sig":"MEUCIC3DjxzshfyoMnNlY1jaA850t3O7zTHl4T6qVJWgUvZbAiEA/YmsqDz2gfJ+eV4JMLcY0YW9xSe6nGyQghXVC1mXNcc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzydyCRA9TVsSAnZWagAAfwwQAKIoU0chH3/h8v++7Rz4\nF3u/7v45Y0bvEbfY7JOe9Us0Q8+mHed4ZKzsJp1QtVJZYxpucq3zUML8qrmY\n/znTpGCmJnIxw2pFXOOl2oKhJ+FJcYh46MhJt4AsuvlY6TZmtkNm9QEUCq0S\niJDLP3jRu8LuiE1Q3jitBcmgLgIVKD9xK7SDDLZ+f5Z1LDfJpbe69kHImIm9\nVCSaYDpUQzW/1en9vSW5Ow6t7Ter/lAk4MXIBqR87ucoYx2yCyAHbycWVKx2\n5Fqr6J0kBizkJVqamRyEZkTm78GS4/4U2x6QuTXc8JliYCacu+IMns/UC7VS\nnzVa4BgjSc5NY8mVMMoJXmfr59Oh/kGoVZwYI8RJ8bqenqEvScEXvdlp4Wbt\nQ0q2LtuTGxik6JiXbUucZL1zzyuABwV/MIWaoSiArY1WMmsn8i+esQQvXUW5\ns/Xlr1+Ldo8trTT1ezbSExKGprmmzJlk0dL8jCOiYWbRj0AutVZWlLTuD6x6\nb1r8YGx7WKQUENsf72SQZ1D6BTvT/5CgZWQo4n4SkIaJpPsc+Uo1/dsarkSZ\n5zfPC/vQBfcMJXrbzNGxIdSL6CbDd4sQDRiU1Ri15gmdz0Sz/DC3OrRM+h0s\n7EqtSdu8lYUD+qo0IDaAioWWxJEwCwW7+4UHzdTM7wdn9qaoV0KS83vTkRpO\nGmRF\r\n=1fs/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"5ae37026c572ffe6707702e535533859ddc81a48","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.17.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.3cbee6dac.0_1573857137843_0.9658557031758817","host":"s3://npm-registry-packages"}},"5.0.0-canary.591a6ad44.0":{"name":"@material/animation","version":"5.0.0-canary.591a6ad44.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.591a6ad44.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f7ad22889768184de5cd46cd670b48292967efde","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.591a6ad44.0.tgz","fileCount":19,"integrity":"sha512-XWW5eKGhP6VKrSrSkKMEnqby8xQjR80fmV+rBdYDKJGZk7eVBE6MF7wyYQvSUf6u/bftIPc6EKy01EMjp6OfFA==","signatures":[{"sig":"MEYCIQDZM+ab40zgmTOCNjUJLoDvbOSsFj94KOsCzSpo7UgO1AIhAMHIAiVSntMP+a5hNVJ3PYANDFvdumdEsaCYyshvQsaT","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd0y2uCRA9TVsSAnZWagAAOZoP/iXM16+6mveqohExZFG2\nws1pCi+yywXXleyWfdMcR3gbc325HQz3UiFR7FOkpDVAiYelUCkafC/s1HXL\ntNYmCi6fLJ0FwxsKiAE4HbCjqc3wi1F2lfdkcu9acUNTUjXuI0+wqMNJOrbo\nR+N/BD8GqQ9qu4LvsdsstB/KTowb7V7qWniffnLWq7wcMH3/6Cbe1vLtdG5b\nxHrScNC7CW4zLKDNee6MgHqudK/hxDBtFewLZnEXT6hNcO5Iqy/sjb+OTNir\nEhuj+HwvgtARbXaE99WvVKXJGnfoZB531BaKQc7L7xC1Tc2hTt9v8LlXKUO8\n6JpPwM5pjoVvR5SaDjByk1sC2bskc1k2IbaNAWfzW6/g0hrjmiypRaw9bUi4\nGL7zrwErqFTNU2yVsCw5N3Xqw//IRTNxxx6cgQoUNhdT15K0X731sPTS2xfM\n1DNimXpp+w4kSAJ4U9qTE9uFAZEWCIc7F/ulUkwJjtRvsuAIeR/p39ic1GsM\nyvK/1+KL2VXSbcYZxKGvqfd+BmhhHO25z5E7wUG7EaYfNSL5jlihTkEHdxeJ\nNQ/oGSFvIBSuAH8sPbiZ+LQb9wmrlO8PSj3ifqRKbtZytvXQNvf2zeagylzi\nlcBxM0m3ttAIwQjcMt7WvgSZ8Lc9syeNhSvtZx3RgC33VZtGyARfcZgXYjWH\nlhTC\r\n=KXwQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b5469bc1cbdcbb7c9926006be2d2a65c3211c220","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.17.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.591a6ad44.0_1574120878152_0.6911022027322753","host":"s3://npm-registry-packages"}},"5.0.0-canary.5729943ba.0":{"name":"@material/animation","version":"5.0.0-canary.5729943ba.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.5729943ba.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c46dafa2c0da20f5e7291607a5c7ebcd171a07b6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.5729943ba.0.tgz","fileCount":19,"integrity":"sha512-7Tdb4HX166P8PT23kfyWDdpOEBBjKTjDx4JlAFFNB2snWjJp3JsO1VQ7TXziY4/oYZe5PpOCdOKBNnUW90AmIw==","signatures":[{"sig":"MEUCICKemO5h5AfWGASglAu5hvIZ/OMovfheL+4nFLnTMATdAiEAskB2+OMZCclxNSgn4XXq6CxxGTT3KUCUq+dzfh0IWbM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd1My7CRA9TVsSAnZWagAAVJQP/jaFBrQdHOElAJ9N4ck3\nimRys3bVMIbVLKAUKL/QA1meMublM3PYYj/e1yJI/cKIu/qhmQSKIv4rZeWF\n5hK6UNwqi5kUXKC2WFyAv0d8aHFTVwLJ6KDy3tRNnwkbkyeSK0FoTnpLKvMz\nagjQzsAvK2+CChOct1LZfM3/2MozpmK+HXdlTE5AlYuxU37EQ+5rfibZQ5H/\nVFt9ZF8Qd3kDwoIf3Cexy8BrJ8e8ptf6F3vM2GC8oTTGfSVshuPR3KdpYrel\n0AJ6z/qR3zum/tS8laG8/efToIpuCq2rtm2cE/1C46xnMV0MAKDBQ2cd0+f3\npleHbvDxnX05sD/zBXWqSI2W/CvUy2k+j3RHzYckUu08jucofWFzYi8JUgyN\nq4wlAuiB17abljL7gj86jo82I7jqQ4mjTDZe/OBBrhUTPoQ+PavFE8Xp3DpA\nF8+UWWnZGOPAUTZmKXRh/Cj1njFpwMI33cNWguh2hsTxhXiIpYAUZW4TXmSI\nkxItjgtWaRO9s/T7ndD1xSSl/HC7lCrtq5ASTxx58ssdlNNjPAgTcHEi6hUD\nhjqOv5VoYjZ64uZohdch1Ip2VnpytwacGk08DozITPAmCTXvw4Ma4OLU9Lfs\njgcTFQqIv+6GepYuy5EJ7SMrNsM07frUs9SMTxh7MWuyTSGITU0JcVik7owj\n9Wxl\r\n=PiUN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d49cf0658a3964963bb2b39b2e3a010615c815fe","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.17.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.5729943ba.0_1574227130689_0.23048313143910715","host":"s3://npm-registry-packages"}},"5.0.0-canary.e89750dc7.0":{"name":"@material/animation","version":"5.0.0-canary.e89750dc7.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.e89750dc7.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2b068ec9280876de9293c0bce8f17c31f21bf0d8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.e89750dc7.0.tgz","fileCount":19,"integrity":"sha512-qyUtqgq4KYlL/6rN7MNauEmLSYg6PEZNJz470immqt9wpoogqCtFGm5qHyCWjXWea2dLBRFSFU8kffza0vN7sg==","signatures":[{"sig":"MEUCIQDxzd8BjbcG8Nh5py0iMGC3neWF73xUHkQO9V1zGqxuWAIgMlvUn+0pUHO/eCwpK92zS7O9tJXXPx3MJx/ppFyolP0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd3drNCRA9TVsSAnZWagAALj8P/2tRL6cm2lFRGTWetaVA\nhQJBU0I4M0u5B8eMbfXJ/54N/qp7b2Jr9oYV2Sg7qS/bVDoqY2MA0flR96bg\nRQPVclclSZ8zTOiFaoX7vYJKyAXN7fTvk/kEE6QjD3ISVzTaSQyOv7nQutjn\nzXPZmii1tXJ/9T0TIxwikxvgnEVQmvIThF7WFSHBXXv3PM3+OKLkDkEXVGKV\nyg+fl8dxCt8FS5aknr/xsZ7/XloVkrjEpFRIUlc/WZjJ8K8dCEx6DU9CrNWx\ndPpXvnOVZu4i1Jk8y/dVXCR82335GslnXKCJQQlYQzk6OcxpnX/jrfSD3xr2\nPyGOHjzQYr9lUK9FNd0Tv9YdpKVWo/tdO1oX6vyWXuNIk6F1I/oAKwr3/nnQ\nNdqJ6SrZrLKDJ5ewNEoI0Y8+e59L5BqrdmQiPpjq16hnr9OSb8y2iXVgexJz\nVVd4g7sJkBpuYJv7+8xiuQKzN5UmFczmusA+5uw1FbRVVsUL+thPDPSwYQNc\n0w15oYiEkfE5fk1pLSljaDBYeKJY1gWwjciE0RcNEW3sdp6kiC0HD7CqkkHT\nChKWkXvfpf6tugYa3TjndFTT+e1yNT7JlL6NJ7MFIo9X/EtpHYfk51rxpPh5\nWCefiJY2ihwHqFE6NQLK/0PY6mSix4lQ/6P4RrsmheCWfyeDuVu33iAG04uv\nM4dS\r\n=h9Rx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2a166b3e817207f685f4b112635eeb21f5ef0789","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.17.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.e89750dc7.0_1574820556945_0.5077558254385963","host":"s3://npm-registry-packages"}},"5.0.0-canary.3e560b33a.0":{"name":"@material/animation","version":"5.0.0-canary.3e560b33a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.3e560b33a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d3cebe722592e5e73df32d77d22aeb3f4cccf230","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.3e560b33a.0.tgz","fileCount":19,"integrity":"sha512-6vET8UFOfo/egjXUmUlyt+CdNXbs3rNONCFNo4MtZhtZO4UJKWflVPjrhXnqV3498tL9ImZGUCXAKp4eCYJcig==","signatures":[{"sig":"MEYCIQDVk+w3IuISVE7sitFQfRHE1dFIFFhNPsp/vtuNGSrHrAIhAOod0QqB/jS4APTvQWE5YRzmQrON5t+nvwY4i9tv7JgO","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd3dr2CRA9TVsSAnZWagAAIKIP/1mNqIH0eX5+Xl3rODUa\nj7ZrDu7ka5Xd19TSiTDH0GvVPU/pRoPq5yIJiTOTELTfcz7+lmAtNs335DD0\nLXg4IlnMx04v9X0DHmL0Xa0kDVRQ1JYWzG+KAAElnhh4Ec+fEfypGo6H+nOl\n8/ROVIgcxncs7rN6o2A5SESmJeMAcSxBnsHh4I1wJhaDU6tdBofCsrpNLacR\nfedgT2J9GLiG6t26jbXGPR0AEFi6dY1hmPIGZ4Bg+4zsngeTVW/pS69xmOm3\n+TtziCFWbkOgqNgOHS21+o9AjD6kPXNGCaQa8VYxH63KH6yVheck6y0WBn65\n/sUXBT80n4tLwPKWbjG2dsJAMGnRvQJId2SqgP1/swkbqXBtj3QnPKE3NP5G\nvAhHQ8eLIrnYEs+UCcwmQt/hoZpE03dAN7W+Q5HNRPlgDhCJQdnrDnW+4XMn\nPuHnh0Cnlpd2Yj4qcLH/sX276hiy3mk8Q63wrc93CRZpsdJZJLxiVp8c4Yb2\nEinZGeTA2Jip7EkaHQLtcUQDDHVrDe4O3NXBHiMeAJV4puc9QR9YnJU7kf0z\nJTFRap69mASrPQhLPG3XMH7xpk3Pt9qDx/hVTJ+OA5aV77j4uO82r6KlhdH2\nF34/VnGa52rnbeOZMRMYuSP3VkwdlAbkzBPOUpUzcxfGOcKqYNmUIv90IzBA\nPrxc\r\n=XCPp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a86efd68e1e91c0cae784ad70b0e36c13c923dba","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.17.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.3e560b33a.0_1574820598367_0.6436628340858046","host":"s3://npm-registry-packages"}},"5.0.0-canary.7fd17ce5e.0":{"name":"@material/animation","version":"5.0.0-canary.7fd17ce5e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.7fd17ce5e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a4de6802483320bc7cabc5598b9115cc6bc7f751","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.7fd17ce5e.0.tgz","fileCount":19,"integrity":"sha512-gbD6NaKQ16bBvTfErz0InvDJnPLG5TaX0kO1dSqWkLUGEAbxYawZmX5cQsVPh5gGHyo+q+b2WXQ5gipdqDutxw==","signatures":[{"sig":"MEYCIQDP0vObxyllU/8H7N+ntazWu+7WaLagP7NxpF+8qimXCgIhAJV3gxCwJQ0nwOq2iRMqVWJxGM+C2Oe0UNVny2/5Pppi","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd3dsDCRA9TVsSAnZWagAA16YP/00jG0hjyTagD690E8JD\nnsySZ6AanLZqyqZ0NNkV8Qt/1IFqBKqvlqawcqswNR6no67PyF3fddTADbEP\nOdaIuJQyJ2VKp/YQNNWTZ1bkz8Pv9eWc9iH32i1yH3r85NP21UX7wrN2VqN2\nzE6Nsax+lHsXM4hkZay25CCEHDyHheOorfh0Pj3rKjzmrbv0MsSeM9/kcgOs\nZIyW5/Swu0FhI/NP+LX9G3ueYfQwt87fKRwLd6vcySBrf1//ip56sZReFn3S\n3L75xtP5rCyij66+wWkpFd6KTDEw/yY7153Va1c54DGmec6CfVc4F7Mq9PIb\nvQLLeKkQWz4i/MNOby/wa2VS2MUqEuY573caChaCiJt07mlvC3SCCha0qlb1\n6EQHPJLW13wdR+bHXZFzl44lEcliG4TdaqLUw7m9ipXfwuL0svNInkQzDMPb\nFlYRJB5834Zyvc4NoUMm4YoieObdmZT/LmyuieGYi3n4YqDknG0i2qcXlRET\nrNCAIeEZ2aZCBIsbGpL9HCkUUsJtmOs+9ZcfEg3yfn2rApPIHTvWU/qeQlHY\nWpDHNwP7kJASxQmbFi5bXvHpHHBVPyextAcSDrUPv9WkCaLptiwrZ0+EgvlL\nPNsEiddE82ydDk0odEvELV9i6Bk4ZTWRuVWm0Pz6qj4lo7Js/OHlzCZxM1wQ\nyHsN\r\n=Uqdo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e798e5bcdab4c998c88b2bde71412b2d38dfb262","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.17.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.7fd17ce5e.0_1574820611132_0.8173390884070368","host":"s3://npm-registry-packages"}},"5.0.0-canary.ec729683b.0":{"name":"@material/animation","version":"5.0.0-canary.ec729683b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.ec729683b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"10cb5ce78a34d3286dfe527b6d8bf6b2b3e32bca","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.ec729683b.0.tgz","fileCount":19,"integrity":"sha512-hgVcQMZGPCKhY/aSWL3m1iScJs4xMosJ3nAy1Z2Y4GSarChH0G0IOj5xG7/jHAprjaEImUusaOEBmca//kAZ2g==","signatures":[{"sig":"MEUCICB4JIdYQavRHazF2CguvVbFyWgGRJU2HdXooHMccDuYAiEAyBBGXRE2rIWdtjZx8rSqW2Oobwmnc/vpUHkYQQf8t+w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd3pwqCRA9TVsSAnZWagAAdpwP/j10uin5ZxAgRKdkVLEZ\nemie9KpSk5qJe1ysBtcxXQqdFOL3n7AooANDme8blve1Eqid6jQjoSPpkEPa\nAzbftiyH7/MUgWz7CrXz7O1CsOxE96XQJMA1ufe5iaoaqhx/YzwBgMuJMMRl\n1+c+RTmPHjzpWkwujLJp4uIlGNc/NXcYKKDzIY1w0j/iPUpVGoe1gj42iZMN\ngRfJtcyu6TP1aCpa2/r3gjXg27Geq+yPxqZimCBqJXmYVYTEKkt9nQS6tIBy\nUGc2kDA9vT7PBEfvyZIy761u9H8TdMY3R/40KQhxJEWOYr/1jOBbeL6fa4eX\nGW7LEWqxOeVnjEfpLIWYSy+RC8lzxphbZ/LqoPgEMwJyIXcIOdpZL82mjxGW\nt/I81wTpe5ZLMn/PGzrzDrj+42icmBnq9xR+wxaAlAqae3eOsj+FJ6LwLvt6\nZpPmy7/L7wrDGn23wbW8PvKiXgCzS/dBXATM71ny3GXrriUjsD0rj7cVfplp\nnfIvrUaDE0zDj9p3q7R/xuMYtyvz1ugTfCQCzTILjV2LZNAQfGhsly7SmJvN\n1kTuPdeyv6i4/OYvBANTSe+RtzlY1nazE5LbxPCKqwpw4nFs/CatG2mc020i\nofWj5UAZoWUq7Uyh42FnJt8Nc0G8AoCf1GlLsT/x0ky9I/4H3CNsRYqwpFOV\nunVP\r\n=/33F\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"919526f37cd7606c0de4cc409ed4c1ead34b60eb","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.17.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.ec729683b.0_1574870057744_0.5601947810947967","host":"s3://npm-registry-packages"}},"5.0.0-canary.b8bc4a26e.0":{"name":"@material/animation","version":"5.0.0-canary.b8bc4a26e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.b8bc4a26e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"72ef0f98d3dcdfa07cb1054f6d8592987bc0f64c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.b8bc4a26e.0.tgz","fileCount":19,"integrity":"sha512-hn2ay/wIfZPvxb46XXHt2Py2Rss5jYQiVn+BhHZjyGmYLREjUVwnljBXVjKkXpVl5T97oSS09u5iHlWvLo9QaQ==","signatures":[{"sig":"MEQCIAi3PtAkoG6v4u/L9tQXK9EIJyF9HyCySlAh+5CJi9DmAiAw9ZQFHIOXJ8T/AgN+gTpHCTW18QsTt7cjBMqYYP7kPw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd3suACRA9TVsSAnZWagAANUEP/j5zZlhRyBGxFWXuNXN8\nigiA3IvoCyVrybQHglSegN6Q7SQAaOwb9mDlXdsYn5Fr2W9gJ6K9d0YmDbrq\n0fH67KEmBolsx9ep2Mvhw0xpMvrheBQ+ERfbopzLKFJ4jcdZMx0QpzGpw4LX\nfg8cV+HLczxn7R2aTldegdQhdzSvbaGHUveDXaTcD6ueD+1TqSRinkeRA+we\nnvFOXgIdLj28+9dzV7PB8bLjvkrgAg8frMGjsfZZQ40ca0y6fHjfgUKjrorn\noC6LAe7SnhB/6i/X6Ez227GX0ypYMkI1Q/EE1a869r8gKlACRgnGhRQ9GyHO\ncZP2X/3oE8uri+zoZ1DEpnl428mCcrzUPLpKWm4FJlOR868iKOU0qAr3azc/\nkvFOnljVhkQIJSQCmLK8Slid0krbY/Jbk7NDaNBgt28mFLL1eIRtydJCiykJ\n0CK6kNDNFJ0bb0Ko/b6U8zlTPQCLeCecl5buUu9Owuw8MoEQNttx4oHTr0kb\nE2YYBwRS3QVZjJifD8MgBi2e5AOt0zhYhTZVsX/PNjDSXEe/dSVQ7s04Vio6\n3cU22NJ3PaMfunmXCPQaESOKhpUZDLADK+PkHElVvNgFr0bZcAK0GmFcdBEw\nimw1s97XcwADhprQ9GXnPmTgkVBiLpbTLV17t6BO+XNpQCn4Oz63hbIKsr2K\nXj96\r\n=imn6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d04615df572bbbf2ab2eeb76ea45696d0a40563c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.17.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.b8bc4a26e.0_1574882176033_0.553666429445222","host":"s3://npm-registry-packages"}},"5.0.0-canary.f978109c3.0":{"name":"@material/animation","version":"5.0.0-canary.f978109c3.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.f978109c3.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"af03263a03007b89a017ccb75f048b0b9a75e2ff","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.f978109c3.0.tgz","fileCount":19,"integrity":"sha512-4408NYqW7GzuuFM2Bm9qdcPUjSl9zPwb0ex6SpCJr3a5Fgy6PJPGDFVAgb7NE6POYZE4vBJs8IadZNtBxvkpvA==","signatures":[{"sig":"MEQCIHadwf9fneC7qp2eWua61hM4mpN043Nu7ylidqQ8AzkiAiAaqlySiMQQITR4Nmm5ojfxSogFuPihj/HhUk5/nliCIw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd5USrCRA9TVsSAnZWagAA2GYP/0tsVwd99DsOnKWd2jXZ\nGMt6f1HuKWIQgETFg32SuB3hkpRIGOWcuqB31AeZAG0VUgCcvOJLeOJo7aCH\npt1ZUcS2hnGPhbHV8aM7K6JPBUYQ4fl9YLdPmlrkOnXM1sgjvAfdtFPQdZRX\nV3ajRGv5UrCRZog9fZY5QNLbyXPLzecY+rsBGHRGE8sz7O7KbacdV+30XhoM\nXMoO7EfoIxJjxO7H/e0sPNA2T8NdNe2T2NxAv7ZAmJ7jexU8Mvz1sLuqR9RL\nIL2VizUoOdUWLbsqYnkwGD6XoPRD7q/vLuWQwo6OZmHxYCxkQOr38pGLw9x5\nMb4vylpCMdAecnzoRGOfprIf0aNnizFsy1hgzdAFBdvOhpfvv9stJnvCRO/N\n6kc5oe+iDpaZQgf2fuVMwp9ayy1+ftN0C/oo3FsQYBWtivQePAPn792EvR8W\nL2itxJCFi73NUWsJkKZ0f70V3vBVxXIWdpXlleyMO1mmZ5Yhgny1jTpUQwM0\n0jBpLKXdSujsUW1lD6Zea0Fx1XdyKmRvdl1ZWqBZAgW/9g3usfSv36MuEOD9\nrC3biE0esyxl1o6zrpHdL1Xdl92fjcyBFKQ5K5GSIshYFhKx2Jr3sBCvf6Su\nypKcOtnfc7s50HvCXhych211ioyB852tn911rFXkxQ/78xoy8PfEi4SiOiTv\nJh/U\r\n=tGTv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"27bb2072dd0bc0aec40da3282431f7513467bbd8","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.17.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.f978109c3.0_1575306410701_0.922634280593168","host":"s3://npm-registry-packages"}},"5.0.0-canary.ad9dfe706.0":{"name":"@material/animation","version":"5.0.0-canary.ad9dfe706.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.ad9dfe706.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"712f4231e158a58d23eb52f112f71adcefdc073e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.ad9dfe706.0.tgz","fileCount":19,"integrity":"sha512-TOEKWIunpuTZXfyIVG+xNHzRTvyrs5P8aOiQH0JF/bligoPWG8b3K4lMwvEygKPxzZhwvdiNquK1tMipuGe1eA==","signatures":[{"sig":"MEUCIG12ec9DlUYP2E56Mi5/9ui+BsvacXceHfTYTX/ci+xvAiEAiPgvEaLC82GN8FhKYVFVM9AR3aDB1YASu3NyTUNUtzQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd5u0ICRA9TVsSAnZWagAAIKIP/2ItoWKmQbSafMlT3X8g\nJQR3EWx2f/1bzlQHTS+/5Brt67/Pf8+z3YD2DJB0OauS2gC2qDps4eycfDWt\nEUsr+DK43A5XotiflO5HOp/SOkD+8w1Y1eyN5Q09ahDBpmYmEwe1jvkt3ACd\nTcjexSGO2h9fO+Xdx0f5WHh6QeA3Bs2nByupEDvt6ekoz7nJeDbNtfVBPzr1\ntHM1rzNRRAbzl7alFq+9hC8Ns9bN8zRK+KOIDYMUWU2w7NDFYvDoU8SDWDlk\nJKi8LfId4wa+AYYoXuGovJ+tof0cgtIVoghV8Zu2XtCQ7Vpo1C1Ypo9ZaM7n\nhGybj7ZPAIgvtq634g1iuz2jPbCirMQmOL4GjYqQ7GlgOzJeECYTIB4kH/6i\nfJ+bWVe1FJqcwHg2jjqBcFtZ7y74GsB8Mgpyrj8Fai3VkYYRQglCQjZI5uVa\nIt2syU7xzbtjWMnc/+n6kCgCfEKXK3gV2TM/NEKvMn0twVxeXxm1SV7LsALX\nf9inr8RhAMNA98UsQMF2yQkX403l2NzBdLd2LZRPKJa4q4ry0TzG0Jy5wPyq\nvCa32AmCIbWoIqBBzQopDFl5L7qNlwi3zLsACfTczYsUAjYTAtadWrBT4Y5p\nHQvHPEVnslzYagl137iJqbosbSvc6OVkzL9cer1Lxq1xC6ZVVGm7kDgKnrXF\ntjTI\r\n=iToo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ded1665c7a532bca8466d5bc100026f56ea99715","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.17.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.ad9dfe706.0_1575415046209_0.5008276705568928","host":"s3://npm-registry-packages"}},"5.0.0-canary.5e45d77f3.0":{"name":"@material/animation","version":"5.0.0-canary.5e45d77f3.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.5e45d77f3.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c503036754ef743627140eaf81f35c594f0ace8a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.5e45d77f3.0.tgz","fileCount":19,"integrity":"sha512-Iag7McwkzA+irRfWqCPkBTq9hLeojJT+OIme9S1dPiZSqYhM3y38SMXNvhkmow6/k8g9QUVBIXiA92Ft68tjaA==","signatures":[{"sig":"MEQCICwI6cgYL4dsUH/uqMzG4vZcwdXWVBNcKYor2RL0bN5PAiAwAVO1QsO/ksPgLSSQvARKJwSMY6WbcG8f8CbMevzx/g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd5u1KCRA9TVsSAnZWagAAKBEP/A/I/UYecjMZftK43C5Q\nJ4/FAl85+Ux74vJCVosyem8J1nPLMwDIIjK8JC3wimWiiqDKae0DCWYPyYCm\nquhVepLgsUD+LjrTgHVTWKG3tS+ms1mmLXXOtqNAVLI6CZDhmmhpiob8Nrtg\nNbrn5KSr36daL2avw+Efq5sX0UubjYYdWrVpBd2O/ar+PELkDko8zLgLN7RV\neFlXVNKly403bKQR23zilgqdONLFvTYD/k1HaguJOMXo2Bt6RLmRIfGvMNLR\nf0VywbpjeV0hfe1stNPnKjJHl0Ij5s7be2rKUHLq7dEpa3LWe4PGmiLvn1Z5\neVZjLxlfwCnZYA1l/gLtsTjQCsKB7a49v2zZ3MWasEUe31mAJFzJ+KQ4q+Ux\nKKml6u/KB1/uqjOLdXYuF/gM14PzdfstpbThqVoK8Tqc5tcvWGKaM62EzioJ\nEZXNvvGhfKkJFoSa5M9vG6gz/inm0DHAdp30dLzqJYSHooVU1xTj7TQyiU0t\n69X5JGALusWir1ogl6k6l9yf4jrdqpulezIJDTzetwvw0cCwvg083BxGLIcN\nrXU2vkvw+F0/2WuEjfS3oFg2kHn4vxoInoV+GJFBcrtSykwM79090V1yuM/H\nE+BBYTV0ej31wbvAb4/lWcgNZaLhJcY90TAGIifij/thpyX3vmWxfiWHulBJ\nRZr+\r\n=TeLD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d7a20a5fb792fe297fffc09187b6dd3859babcd2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.17.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.5e45d77f3.0_1575415113767_0.8871531690098413","host":"s3://npm-registry-packages"}},"5.0.0-canary.d10e8cdf3.0":{"name":"@material/animation","version":"5.0.0-canary.d10e8cdf3.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.d10e8cdf3.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f17433aac4cd21a8285372c7e534e816432218f8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.d10e8cdf3.0.tgz","fileCount":19,"integrity":"sha512-Lzj8Q9tNL9VLapACQPRhSFpPloFSSxdVi3KoqkOdqzTVoN0QAdDeizqMK6fQdVvcc2DWCvN1b60NCLFrZJ44+w==","signatures":[{"sig":"MEQCIF6u1RPFDRM7EDfxu2+0+5yyfpnnBqqaFONqcNxpZsJoAiAVjzN9pxpLXUK/I0p7O2HDCvbXqdbYoRABregEXWF2aQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd5u1zCRA9TVsSAnZWagAA0sIP/0ub7MyRTn+vtjzClM4K\nhJ2Ja7ZY+iwZ++PGRjf5L1G8inbMKztK7efsBySXYeyP14IhtaL/MdJzrIdY\nxjlT2BGp+0BQOLIh+RXkCEQWev0IeD8lsagZn4PFtjdy8kcICkHsI4pfGllg\nKjiStm9D6H35oinMxAKsI/9I+cLdtgC7Res4tCXjJw6rQOVM09TYuKxNiBOW\nw6uaaeag3sjtzUeliZEySy+reHeWZ03dzn4lzD9dTURDTNxBZ8ADIkBfUcvK\n8lJPE3anlX4Y9Y4CbOE/kTva2ywtC1887KQN2C+ixbIaixnkVbQHM1XOAFCj\nR0Jg86nSrvEV2+jCplUwjJi9LG9f9UnrFQPjJybBj3XZUunI4kM/3q5xmebM\n4amw1BOXD/cB+MVkAsq7sZASC7hIw0CTe1Au717J/v3AgCWvFcRYP3PD3K0h\n78mvNME9wykTZiF3ZTGYmXSn1YNgYU8CdLqZ+luEN3GtmXjMb46LBXBRfe/q\niwh0E/4f2KFHhbSASrm9jpPYnGVPhA7pELm1ZCxWMuMGCTypkfg92eopa5Zj\nZPqOe+Qdezauq8dUgAieV7XMVPrsCeAT4BS4FTIjW3O3m/6FIlsCblXd+pcj\nCeKEM0THMPjJx8FJw86iy04kNqAAnuVeDi6RFYJs8yF6lBnsC9VVNLQW5n6v\nPRfT\r\n=VsEX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"855cf0e11682e4f0f44f50292556ce39ae2824a3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.17.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.d10e8cdf3.0_1575415155011_0.4952797488150684","host":"s3://npm-registry-packages"}},"5.0.0-canary.a5dbd8a2a.0":{"name":"@material/animation","version":"5.0.0-canary.a5dbd8a2a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.a5dbd8a2a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"661858cb6297c53dd1ce750cbb271f7a93d08998","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.a5dbd8a2a.0.tgz","fileCount":19,"integrity":"sha512-x5mDxWIBHahI9/hLkoeJrAjbfAVDku7BPIpDzCH24ItizH+eWEejAjzWfZDJQGH0+3H5qS9unL36Ox1teTtKrg==","signatures":[{"sig":"MEUCIQDEAm5dJGqgFut3wjFBhwdV7Zd1tAWRX9YsIu6Expk94wIgWrL6Vb1O7teSE+DHPyJLcqavfzPfZaYGRDFPGvKH648=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd5vWzCRA9TVsSAnZWagAAVwAQAJURp9BLFYT0KMLd7zsl\n/Ux0zQ0nJXBVouQ61its+Ba4/GHhSJv7LRsskcwmgmphY0VPqEmgruj2d0LT\nlZ8f4sAsYu2xzLjc0EXWI5qvr7kSSHiVdlDZiINVaXiCF1hIEms1B2F2kSz1\nLanm8uHJn+AbR78ikc6cWabx9r4og321JdkAV0gRMoyGNnXCKGu2mL9S9WvD\nyZIFGw/P1PmMyUoqhshlYTJ30dAoGh1LaetYuAJ5Z5ijxKiHAMLGrCKjleoh\nXQBZ3ehegZXLZloJqkWnXBUasGa1ZFdKgNeU+UDC7Ev1QbfWGg4BgrFF9KoR\nzYTrwJKgBuYR9P1KUC6vdFY6saX+82mvgtJXBXkhHg4gZahnCEAJy1OoPEnN\nbqO7VhVIlDQXxb5L7RoHrUnKcCePQNjCUvPuCrpgWPmWkMbH4jymofnwuwzY\n9JoQRZ0L9y0BM1vCF/e4Z8aC6Qgs86X6aT743pmVWgOO4ACKgy8IlOD4VUOR\npDNTCHno9TdoOf+EpgT12Bz2C+h/jPibu24cZkzi0RFLTt8LUQ7rsW+OV36O\neeWt+TqjAA0nlwTkSwvRl7dvEkmMHIHnzsWdqQVR0n0oLk6T4ccseUYIgcqv\n7VuAZJXm5xNlKHbHvM9Kw5lKumTkP/YBtnE90Fi6z7lSqOlfVtBX9eKG7K/L\nBYK1\r\n=pxAt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"8a67c95c393a733414be4fc008baf7637a9509b2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.17.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.a5dbd8a2a.0_1575417267290_0.5271177368127902","host":"s3://npm-registry-packages"}},"5.0.0-canary.ba879b68b.0":{"name":"@material/animation","version":"5.0.0-canary.ba879b68b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.ba879b68b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8312a0d38eede53dd8a3f77f05f7f47d4ec16cb5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.ba879b68b.0.tgz","fileCount":19,"integrity":"sha512-tFzdGNEHMkk7DIjJfgoblkSTJWsoqcmoTWlOxoC0FlSQEz8THiMJEQYIsZSFzsMRB/svetXvQQoCSZd789vbkA==","signatures":[{"sig":"MEYCIQDBvvZd84j6INjxYTGk0Cf+9J/68PXpWK8RXhdZiYWcrwIhAIQDfobC8F5NovAiTWdLvSg7Dn/qAukjn9xLyxxxoExB","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd6BVvCRA9TVsSAnZWagAANDQP/jSbfmOZO9aFQcIWvw/h\ndx6bVmbQkARHnv1s6B/l11CJ0PGgaWzzuf+pyjuRfhpsoMkhaXD78n2LXV+4\nB7Cz4qM+mEFGEErqzwHb4jD6MHEzTAE/MRmzxK68tTJBHGRweP+y/sodGsB4\nHMbkRncxa7sPy7LZrnVdxNURdcxh24BtNd7IKGsj7LV/NlHCKEMSDxyfsbmL\n4YZr1sjo74uSdsFxiNkkImToefTdFObBIJNM3KNSphL/wlTXo5gdhPRIvtvF\nQVItIrFwwWm2cTjCKZ0QMUxRz5yg437kdi7MKYGjHBbzPjVY023cMEYwc0e7\n3apK8qrmYv4AasmzYAQ8oncTTbPhMTpoaEc6Emwg/lgLcwEadKxXk2AHT4E1\nDMXqIRStL8poWHzFGIVHcYYLbi0qMlelYuAbh6w8ichFZa4wllJp8Quys84p\nWCnVjJp+YYbq/7/jdTma71e+95EsHHQVUX2421hzDPcjK+b5BRnhXk0U356t\nbP4s7EmceVBQAwh1sOHjcyDh/j0UF4NtMYWi50jXhIEHsosH/UmgNst3yUiu\nGtbiS4cf+bcdY5kjYvKy//FzqmDmJAlnr0PsQZXfsNr1Qxqsb5rctKNZRY67\neIpfWtIg10t5HUpeXcoyN4N7Z4/dyx//9hu6OsVkG3TuVIT13CayDifr817Y\nyGgw\r\n=4OFh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"83bad042ea5d5cc8b93df88a1d4730099550bc6d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.17.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.ba879b68b.0_1575490927499_0.17088397383297638","host":"s3://npm-registry-packages"}},"5.0.0-canary.aa0eba489.0":{"name":"@material/animation","version":"5.0.0-canary.aa0eba489.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.aa0eba489.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8f27cc8686dabe08a546105003e46a30712dbf04","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.aa0eba489.0.tgz","fileCount":19,"integrity":"sha512-C9bjZzkw0Ds/84POMoE5t6PoDtlBuSomUX/3g7v8sHkduiJBHinTjPG2gAVDl3JcO1Q9dTzfo+RjEH/OcwTaTQ==","signatures":[{"sig":"MEUCIHg3K0rckY7J/oaCw2bSHcVNBxVziaTkDNVO+vLFu/GrAiEAh38CSmVHKLZSoL/aSLbF0SCcbqxVQMaNo/h3sn3Wd74=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd6bXPCRA9TVsSAnZWagAADOkP/AsWD4NFoMh+yxxI88Ou\n40U2rrpbrA6glN7bt2Co1c95PcBm/XgncH3y53lMObwbjSf0isPHxlKGHivg\nytCHogxA3tefnI0yv0/hnVJac4JEotxHMCQvk9t0cHs8J5Ygh0pD9WpfHOnQ\nKlaNpL/+aatZxlB6QWNcMHXfhJpQ4Nz1+K3nDrXrHOPl+cIKBXT9JEBAIgs6\nVfW50lF/n0YPe18PFwkQlLWmCas+U/01PRo1OOii0dUBAi25yU9Bq22VxiC7\nXHW8CbrJwYArnGBiqTsB0ZKlnpZMoCjNcFgmowZn507813j6nSZDitetvyLq\nDkiqvee8uei13RrdLij6JgygRENzn3bcYnUihwXS9TTKECpuGtCNM8jHOXGF\nA00rh4UAUmwRXnl2sY6FbtNGX43UVumfCQXhdJjZ+jOJVp9i8IhV6YYztjG0\nRhcYix4zltu8gLbSkpR2Vu/G9uO42+BN77B1PSgLcIGtdeRBPIj+6GT6Dt30\njfCyiAwB1sG9y8OtxOmkkcMzRODJaDEMgHeIykTClXIyJfJqHQ3qywWlx2lv\nAgVtuI29uOZKCSuYOVivw8ctG0D7NkwGNyz9ReLlX9TEvHyqoyxqw8DR482m\nl4Z4OuYAEyKbsmpRZgsJHXIaOdV/j9rzlbilVVPh5MNUdkzoiQJeNBBKr912\n6XBy\r\n=qyGj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"50ef06854f8319df2975cafcb0b8c94fc399f155","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.17.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.aa0eba489.0_1575597518600_0.4650739292151109","host":"s3://npm-registry-packages"}},"5.0.0-canary.cb7b71a86.0":{"name":"@material/animation","version":"5.0.0-canary.cb7b71a86.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.cb7b71a86.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"af2d2d02474f296e4a87eef1a4f1e3bcd1bf1254","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.cb7b71a86.0.tgz","fileCount":19,"integrity":"sha512-C4xfK1xEGouAk5Uax7QGPHN2RoYfTJj9I8MINsT46bOdwWyBWn95sUzbovk0jPDzJb/cEUIGnjZ2m7Ps8l1TcQ==","signatures":[{"sig":"MEQCIDfktuirE+qJUtX9UAo2A5J5Zrssqe/IsAave5ktWpKFAiAcC94RpAly/mRZ5u6hHjBnAb8T2O8KUqA7CsNQdanb5g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd6upqCRA9TVsSAnZWagAALE0P/3N3WeuUGvsyEtDGkN26\nyzV4GVb7QrCIF3Hv4YaxlsCX+ZK/csFOI+G9LdG1yO1bwGjnD1CyWFfXXNaO\nsIPtYbGY0ZFqDCZy7psoh3G+RZj5lUqkUKTi8t28X2KnfSyfdq3VRSBWFxnI\nUu/RnaJ+YAM07ChpsUotCufwM2W6RmXICekL9OGLJ1ImqVfqUGXPLhjZwQZg\nIfFlduPkFmdhxv3g92YAp9uQzk2iFkGyEkS18RuxEoAofNB3yGFUTModj+cN\nsXLxnUn9OHx/PhGoFOgG1h3tuXmU4OdE6yrB7aTmxu6S8h0tJpO6eAffG8aW\n0g5XGG7x7NHpRFbzZVrZhJdDnExqPqhah9VMpRY4VtI2esRXtFV73UYn+2fV\nAvswGnAbK4YLEx27MXxsSNDiXGxBfHYWeU5ovtpZr3o0Au4Tkv+LRYEtipP4\n8Wc2mlpWBrDu1ohOvr/m2P2t8C9nUh8Sh+FdYxzjcOKXo2GyWiBtVMI0+u4/\niCxQCx1R1Z7X35p7LMu3zHIQOZkMGC2OXH6A7AB1fPXHSG1TuVmIA94MIhh4\n9PmxY9whK/l0mYX6Hbqbflym2NKYTrTVOc+S/a0VZaSiKRVf38+Glwpz1uUJ\nx7VqX/5w4kjJP+DmAfk2H9/sLhi2dDFgn/IPATyIsl7XNPD0NYODWONyKo9x\n38bO\r\n=CX5F\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2866cdc43c0ae69bc09927b490f0805ca21adfcb","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.17.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.cb7b71a86.0_1575676521648_0.12926404930265867","host":"s3://npm-registry-packages"}},"5.0.0-canary.50f110a6c.0":{"name":"@material/animation","version":"5.0.0-canary.50f110a6c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.50f110a6c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"208f5e9e8d9818097f64c73a8820f87a42817fbb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.50f110a6c.0.tgz","fileCount":19,"integrity":"sha512-f+eTMEoOLtwLhwu8BHk4G6C/ldtSIzVJpzdxtbRHM4c+1jKoiPtHzvV9V6BfFs/k/vGJlogHFFreAO8VdSF51Q==","signatures":[{"sig":"MEUCICPugAO11b3S2lM9y6vjSUHomd/gZylmMkAyH1KSeM1cAiEAxgDlS7iRmIjdX2aIAXvutYgYcbs+9R1l9GRKnFMEziI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd787UCRA9TVsSAnZWagAAXaYP+QCnutt9imQ2BJYPegWj\nIPbJXoRVfKHPSLCnvup5/YHHe6D8QIYTz/x6CscMXYyL2jiiX+/biyxMnxaY\nHCEQijsjKcV69oWpDu12eVPyiTdJvmPAd+gz2vxkcFuHYNnF8tFgAvBIG5GI\nFjgB2KDZTAG3AYU+cDbJJ8/C5PaEuKxeFS7Xb5FIBbcTF+Y3YV0zxcy4A86I\nc5b9NHtTzYJ0zWecoCl5vMvfq6WdMMxlgSp2gvyTKYRGbrhJRpN4ojpmuhRX\npPsUBt7Csa32PiclS/dXnDcirU0k+Xgo9CwDtLsDrCUA+Rdch6UndfMIO1uZ\nCz2Qe62HfbSRV6p3jkcaayVAEwOgZj1FNz4zWeQbrCjDDHjHnbYHixLBrXq/\nEr5B9DUecXdzvlkmf/y46RUVgyaLtLAAh1MA6J0QSbS5ubKNXEYGH7+0hubs\n+S72uy6NolqzqFaain3+fImLfnh8CmNXk1psDXngz54Ms0x+5cUEbOFbZnBz\n1mU4ItHC6c+JnSKqntbG/t6pGe9vju2vS0G2LDbzY2LcUTwa5nM3y0xIOWjy\n25awzi6PTynW9f4q/+qipGJMAhn8+83FMt2iOaHJltkX8u5rNPzcy6Y3opHa\nyNaWb0Mb3XA5Rt4Ow7LCHDTgaDfMU8ud6iW0ArXtB+r2Hc0rjJRq8n9GF43W\nuhZT\r\n=zDnL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"84e9b8113e75730b3079c429f751cf857a866b51","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.17.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.50f110a6c.0_1575997139768_0.48762002182481723","host":"s3://npm-registry-packages"}},"5.0.0-canary.878a08b7c.0":{"name":"@material/animation","version":"5.0.0-canary.878a08b7c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.878a08b7c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"76ed06b858695478bfcadc328c9727f725bf3325","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.878a08b7c.0.tgz","fileCount":19,"integrity":"sha512-lzUKs07V7axGf4KEajIjt0ey+JqJkhyIzvRtuuTAHYol6tZ+4XNSswj5OR/h+KgNtO/6xLh04603oEJ0/cyaVQ==","signatures":[{"sig":"MEUCIATRIxLy9cmlU1AHiqrbunOrxh/evu4o4CHhtr8kysmIAiEAy4iyNSkKkAgpFSXlQeItdLxMwwJCFjY+ySAeOHtJkZI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd8U5zCRA9TVsSAnZWagAAAf4P/0sQSoBJSYAM9X53M1gO\nj/F/nF4+eFzB2lfp9QFNhwnpffGkfroCmTaM8hP+a2p+UOjUFZmqKugMbpEs\nEZ06ju/TXjmfw9SqHl7P5T+NvMB9RsTBqH9RPREL98zqrfYrljkZhuHDYq65\nb8WtmgECIDyLwUnNotp9H/1AaHdeadxzSrePVphpztWVhXfKCj0bcF3neCnp\nytnMTgfkqb+zFblEE23MM0LVfkw6orN4X7EFirDxd+bxfe/1d1YWmJaEmODd\ngLFgwI+1wKpgtUPC6MsT2i61EAZe+jTmeys4btj1hAU6f7Hl/GakDf9JiTSO\n+cd1yQpLjLaRCWpTqqKcBr965Sgj5ffzlArdK8uhK9HaceIaN1OkJn29tA2v\nx6jS7fRRTQt9EMXIRjmsFnRt0KBZ4b/cEi8oShsC+SsWkwYR0zk7G4ztZ8b5\nH3g47p3z3A9LWuPl0nSBwYcGwpds3siAmRr2Jmfyq3/b/NywDhSiee0ucu/M\n07dCtMa18U31BXTR2PoeNe+2bRBrwGD+ZGC59G+UG6Ihx02LcglFOYArNvhY\nYZKROtSUnxqwI+d9ArB7Br6tUtMb2xhR9yQnbdGNVnAyNWYQL5lvAk2skVzV\nvzImBYHSKQ6qvqJce0ns+dk3l6TxG5fKFkDUdPPszy2fgUoQK0W7P3AZMOyE\nyUc2\r\n=6BPD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"13bdf58f09c0e231663da8e8e9856d7a442efad5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.17.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.878a08b7c.0_1576095347098_0.9513798311543351","host":"s3://npm-registry-packages"}},"5.0.0-canary.397905b4e.0":{"name":"@material/animation","version":"5.0.0-canary.397905b4e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.397905b4e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5e0bf370691c770e5fd2b0e6f1e5196152aa86b8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.397905b4e.0.tgz","fileCount":19,"integrity":"sha512-UaJaqe85bmBPa+HfGz8F56q1NsKiPWfptsYM0aZ26TJzo2Bjm+PucumIZZBtEym5fr1GDc4rlUwBTlBhIB+iFw==","signatures":[{"sig":"MEQCICd9wnmOer98zXMEcLv1r3R0GOcA0iOZgyOupwhq9oy5AiAa45I9mJi+NOUaX56WiwZUaw3W77Fyf+nHhOdvGX5GsA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd8aoSCRA9TVsSAnZWagAAnC8P/0dSxVcjnfOrPmlTTZxd\ngNtHTW6Z7DtqLXULVaVDWNhnHJ73aqFipOf9s8ykM4rKUNK9T+dg/NMYrWc7\nxPY/w84xItDsk/DdmHvxA+rQFvmwr8pnXFLVOf0n9JB22uj++gTm3cXVvjSn\n5xkOHYARz3/hT6U+uB12t6bYL31UpcoRl93CmH4pned/uPRP70G7ClwWvldG\nJkOy2Xm14Ou6WSVogJqsdqHqC0tOkMkZNuoG3Pj9XJaEKR7owG6o3X4k/JkF\nGC1go7cFj6wIbf4NSUDeCQpGsRYpklyQkY7oWYhCil1oShlevWwxE7XxfNbh\nR4Gjf6oQEi8fTvsgm1Is0Z025Ul/5G4GJvj9Y4nlBPqxpeR48Hsdi2nEj8Aq\nEjQBeT8GkH1ymQCPhYD+eu5otsCVWvkm5SUnEn9b20R4b5TWq9Bx8mjrDVmq\naMtkAA+tj3HGNjmud6az2ddvpZkOL1VYGwrXB7LEPXyQwiXV+GwDayOiQ0Fm\nGOZGEgn6vhHBXIpW10OWSmWDa0zprFEQ4nMkUvqTTa+PGbsYhIUHz4p++OVV\nHXqRPqD8JAsSXrGhc/qsrqCSRG3ZPwL2OMpL6zfKDj1Zbt2iGTpQpNY9fhNe\nLgLZpkckNI6K7AsIPwCSW7GV/RDPqUfL0Xnr6dLJWjDPRh2yDwoxqb/X24FW\nReyy\r\n=Y+j5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"43ff8b8aaa48d3a31fc6835290f1ea1822301146","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.17.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.397905b4e.0_1576118802052_0.12430214289611374","host":"s3://npm-registry-packages"}},"5.0.0-canary.1fbf5bd1d.0":{"name":"@material/animation","version":"5.0.0-canary.1fbf5bd1d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.1fbf5bd1d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3ad5b7e6fc523c17e4c9c28f4d7bcedb9c965aad","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.1fbf5bd1d.0.tgz","fileCount":19,"integrity":"sha512-P0bWF7cdHa7l7iv7RUZfkFNa/dKPD/S8LA0QKv86UXThTU6kaxzgy3FKteZilht5CSqm5gAqyexKAB0votp2eQ==","signatures":[{"sig":"MEUCICRouolsz8t3K1XTFct10CRzYSsC/Nv5Q4+awp+vDfUlAiEAy11MUCwIYn23kWMU8MH2hZPeTnvYLayAu2mTbbHwr8Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd8o3mCRA9TVsSAnZWagAA7tQP/3fOp2HEeQeDDo1vLUpx\nT3g3APptkgAyNHvnhbg6fXRXDPVr8GJ+Q/lUSOznT0W8Jwbf29t0JdfLumHv\nIK/1lHokTxNR7/UXzI0hbyo3kiANBQixk/W18xTDhhQLZIgzVz5mUZIhrM2h\nwglgO2sxtkYJV8zXJsYE5xcb2itbXMM50VF9b2VbmEP3UieZrpbj+BsPAwGv\nHiGBi3bsdAsMgRDCStN+DuhBloUgW+abrnBUuRLfXy767Bc2/X9ZfC2Serk0\nEVcpTLtC+BNVdm4A5jBge82DcOsn0bYx20riHU9smjK8YGk9I2pQnud9Ew/0\nrLrraZdh20HqFIZDCg3yV6JDyfcyZr2SkunKKYydIzhHRHuupYQf+BoixlDw\n02oSuPPzM7bfC84f9Y7KNnuQ81BOPGX4zNpzfIt4lMfXBzVpquCtuSV7AJ4B\nMl/1w3yYzDfT4On8YZYcNe1GCk+Svjm9O/bCjJ+inXYoE5PJ3NMy8JhFuBnO\nrTYv4Cnnbok84xmRZl59QkPyB5V8wg22pnfYipJgAxPiR4+/su3sFmNthIos\ngkavA2p70KIW8XneYHCKqKb5cr7Y8azh64PdM36tj+bGS1gNhpUCKL095Ktd\nueEvjF26xgcDyzfRLJMvxn6yUyPrN16UnCG1R74v1ntpfpAdd4fSJMSYbsd5\nEx1x\r\n=UZt4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d1aaf5edd2a8bfd34d05df3e3c52dec6affd6812","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.17.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.1fbf5bd1d.0_1576177126550_0.7466110085992157","host":"s3://npm-registry-packages"}},"5.0.0-canary.b723dfa78.0":{"name":"@material/animation","version":"5.0.0-canary.b723dfa78.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.b723dfa78.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a7dce94670e23582fbecdea6c34e1558beaeadc1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.b723dfa78.0.tgz","fileCount":19,"integrity":"sha512-Sl2vMKAbwuscNxvsx1tU0KdOxkoNnXSIhqAglFyNP6JBgUajQV4BU2AacXyG2o84urYwazD4A4Kv+4mbi4C+ng==","signatures":[{"sig":"MEUCIB2qNIhywMB0BmYrzj67U+CqHOErlBWg2mPbkKDzC+YlAiEAjuO/0Nw1RmWqxCksbERRU32+Rf1ulK8osCUR62GLooU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd8p5lCRA9TVsSAnZWagAA7oYQAJpoNDHXeDQRMfrOX4Ha\nfDefp4qOddTK6iCBU6WRv3VpiIxTvgQzYyvYCvFRvXFDMqR3uichatlqlil6\nFAe27mD5F0Syd6eqTFm5AtSL062xIqYbleVYXzV2z3rgV9s5/ktA92NsLdyh\nAti0k6HVXptiwWfzdYlDwAPqGA5ihGLJdUYdZ08k/1EgKPfxXrsefhUHebZZ\nHz8L1DgpUJsPEjSFMqn4mvWA0r2+sUc1S8YfDPUo7rMBgnTX34nmUqltaOG2\n3kCeh+waghS6NZbdRTUJjZuR2pPwutsd1SEacAgrT+0xQ4eWcLCYXg4x/vFv\nIWnffKjBfAbe7lpWfnpKMUt8wEOjpEIQphhCOitq4j0gVIxIEr5yGfK3Yms3\nK3aRxg7wrspa4oNsb2NKvHqhA/mDBYaxl5IhOe1e33Wink2gQUki4sD3MRvj\nRp2ACgh+46OGvcoHY8xWZuDSkMwT91Ze+gEX6rWR9KoI+YIVfYWUkL7CrBsY\nwiu1ddR1cmgaU2SiOgtC2+dy+MLnMgXBysKnn4DVN2o4boMBQ4XxwkoCAM4t\nBFfuGB53wj6+u+LtG163zV9ThAAG+mChY8VMDdB/yYa1u0WPYCY2IwCDWK10\nFiqPRw6Z2BEpnQJp8IDvA7AxQNBpQ4aQH7z+Ecir14n1WC35ZRH5g1N2wTH9\nfo6+\r\n=yWM6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"643046d4c1ac458ec8eb1623c5951b3c9a17d2d0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.17.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.b723dfa78.0_1576181349332_0.11323773115767022","host":"s3://npm-registry-packages"}},"5.0.0-canary.1c494e567.0":{"name":"@material/animation","version":"5.0.0-canary.1c494e567.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.1c494e567.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c3acbedf67e78b4b35306df82652e601f006b758","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.1c494e567.0.tgz","fileCount":19,"integrity":"sha512-reEvoJue3XYRTZaNmVOj+1l41w1N8ix7KgzICHSR7d474G0VHQPp9v6ylvvB/QUsyew3xcE7YaqTSdP67nA54A==","signatures":[{"sig":"MEUCIF0GACDs1inBvCuPPqjJEyM5IvMqo+PD43HXhw/d0I0mAiEA65D4u2ErzUNxwOVGFMBat/atsAbkCS/Wt9BwvgKry+o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd8s7mCRA9TVsSAnZWagAA2L0P/jpsiqIzYlqK3rS8Prnv\n1oq9kAhuBdAsCCJN25iTQpBBgRUsq3QpkNk6ENoKUDXh/wcDvaYaN57dfqmM\nktPtVzevi+zPx6ZPWwu6rCNGeejR4gGoN/tWVbxkBlEdgamL6Ef4xHmymrcO\nrAzwT90M8wLcrntX435zbQyWzS+5w2q13ELQG1fhvjEuj9xsZJ/mmRsDD369\nXqyo1yQJ5oeUryXc0CtNwMfPNib+X934H6NFPf6M12FieG4KJ/VVtm8rAMPe\nWoLWpgz++dNeYdASdkkm/VTeuvTml8iDSA5AtPS6PA8Lt29ByH+L6TxCwrkp\n9kPa4dj7+m1NgipHfKttdPK94/ci0+r5OtU/VXv/vihjSM53/s9QXTxH6OzI\ngwZSuK3yXM3see17zLHbWzoVL20gIXB5Q8uy2F+EkjBOoN+cr4sXOcw9NIJm\npPpYiY6OcaToYBa+X3Cjr+upHT3y6s21LFU4liQh7bl8gofJRS2do0kLMFmv\nl44l1l9+Zg1/nIA+yPLDQZosAK5TsbbbDRbZDQ1U9uiZId6ORsWphLBFJdqK\ndpZpeuGB/7kzLQwoAoT5ptq98SkCVzD7b0ZvET08+Yqc8rUzTU4ernf6nLnR\nsfv+JjaAusf5C/0ApXVnUaKl5YfzVmy1ShHFuSvQTWv89AJtHxb5eCnF3U6i\nPHVw\r\n=baA3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d7e01eeb35d8a54be431b39b46b389f3b26262e7","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.17.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.1c494e567.0_1576193765505_0.49452224263019673","host":"s3://npm-registry-packages"}},"5.0.0-canary.c9e98a125.0":{"name":"@material/animation","version":"5.0.0-canary.c9e98a125.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.c9e98a125.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c93078a3c19a6f32efc3231ef7694853b46a1c1e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.c9e98a125.0.tgz","fileCount":19,"integrity":"sha512-dovMir1b06T/M71P2pBm9L4dfTJIDflMnzrt6emEQbLyQ4BLgOQwIHNMwFdzFEoq6XeO66YqEkpRt/0U455YiQ==","signatures":[{"sig":"MEQCIGMUTVlq3e994I5VsU4d+29P7RszdMNwZfE1eg6KoBy5AiBAkdBuy0ljtiPZ06TQe0lSd6DgTquEO1rrJEYZFsSmDQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+RnGCRA9TVsSAnZWagAAwkkP/2e5XxeJ/J2sWYaTQGnc\n9gtXtgD1BqV5hMA+BKkks8MPe9RHR+c8mHMtXHHzW4UTa6RPh4HTX/WheMLy\ncvkSqs7d5eMLT7EG154uQc+mtAbKUneeXgkzxOQkQeGtgzNS4FTETi7R4ZVu\nH/9Bf8rhiXCFH/mG5d9D08jK3AB+SqMDB9pq91lVq+3pWX5MuITzp7yRKY9l\nur6bywq0gnJrfl8Fdm4OPWOjUrUcnkFN/2xXxPXq+v0yXTA7uekR3Vkp0aaA\n+sMTr3C9N+5u7BaPiZBzd2n7SUmvsUxXKZegGSugXEDngtkAzf6XyKPBCG94\nSLi8nEG8jEHck1eUsoiGbvkNjMWe/teyE5InPU9S/Ieps4TW2Ijeu2rZSwlp\nDmBrWMr5BhZC4+ZKOfJMcKH+aZpUyfiilDAzCEb5js03L5V0E7+bLOGS6RFG\nwOU16abAdGk7D/iK7gwwAoMB2HDMHb2KB9hZVtKo/d4a+tSf0rmofBaFvvB9\nCOla1qjvRdxNy2BG/sFt2fe6JUX2AmeS/rHeejxEJybzLdQduVhgWXINrUd4\nGCSYdXVElxD6xhG4iLkM/EGDNlMEq7oM5AYE2R3709tCEdOqJWClIhQLdu+h\nXU8gNojaivRBNED7uM8GCnKO9WYVTheRsAk35YrnM5QMDICTxOEIHvnmJ1j2\nOMJd\r\n=DAdx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"34b4d9d0fdd6b65308344880ca9abcb67a41ec58","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.17.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.c9e98a125.0_1576606150219_0.26896686985761775","host":"s3://npm-registry-packages"}},"5.0.0-canary.5ffe8f7e3.0":{"name":"@material/animation","version":"5.0.0-canary.5ffe8f7e3.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.5ffe8f7e3.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bd13013269e165c1db6d993f3a37272b09657253","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.5ffe8f7e3.0.tgz","fileCount":19,"integrity":"sha512-CUNN5oCz0SNgdIe6Lp6IoRaNPyxA2kZLxS5Xn3gJjWXmSFIq9DqqKLhhvRmvOXWXtmBL7+8a9AqH67likkfJ1g==","signatures":[{"sig":"MEUCICV2ZdX6HU16obGea2CZo6gZyPSG9Y0f+0TrTBeeokKKAiEA2ef/ICRFMaMw/aTsz9jPudkRcGo/7sxZPlhhKiNTBx4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+VeQCRA9TVsSAnZWagAALKYP/0ft06VPdgMRky2bTVgG\ncxBK0Qc/uKbYTwT52hsTSZfhG+vhuz577NxvEGbFxoxha7XbmPC/pwAmGXqY\nvzcL/1PRpNu+97d6KFfR/kA/KuCEaP2Ps2B68RZe9MARJOtcdjb3V26iNUAw\nJHzU9rSmhouwKnn0v7OqhqHm17W2TMejT6yrtEVJZHUA81mXK6dCHdGmG3GG\nDPmKzTIv7io6d3R82lDw3l/9Ueef219julPayviw41oGRYUnXC+PuM2P54/S\naAYLD9AiZB6weGA+nS6QIWfpF2FHvPlxaC59fUrHqWnejj5BYnl6xVcgmxJs\ngnpzoQdUZLwK+hSdrJkiLDHn8fNbtLTGrk5ZGiDXY0PE6muhHwc+cVqS2YzF\ntwiW+7E7awquxXYNT4868jJ0SthYzrwY5qLY7oiveIDVhemip4D5B2pWgJaT\nPibWj7SInMs1bF9+id1g/t9mBc3dugv07PlOazzLBpjXLV0pDNhWebP65Kbg\nbXXiyuAbKGBc4tJPhV1USF5D/CJKCg6hD/cEDZHqr2li7xTWkD5i7iWLwwiP\nyDtM15H3Cr8U+c8cTE/KXY7yyfTaNNiOhhvlJfXCMF8HV4kluxl6uv3TxycM\nce+ApwxVBZ/qy4rqJHIwejjYOqnv9h8asYMOIfiALaL17mxkrQQT/Oy8ic6v\nCCFx\r\n=RN/s\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"21e7c11057bb3bfef94ff10e24676b9da6f427b4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.5ffe8f7e3.0_1576621968010_0.6312889331652547","host":"s3://npm-registry-packages"}},"5.0.0-canary.47949b08e.0":{"name":"@material/animation","version":"5.0.0-canary.47949b08e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.47949b08e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0c33be7c93eeca1655b8614e83fb8a020b8cec53","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.47949b08e.0.tgz","fileCount":19,"integrity":"sha512-VEqazvzH8+hSXp7V3VeGOCNLDfDrg9csZ1zqVeIJOEF1w3D6G4w3VJ1k1/Hgzr0HDq8mEy/GiH+1IF76zMiv/A==","signatures":[{"sig":"MEQCID/CoK52iOvlVvg4AtkBG4sAaopsCPvAw4rWHZIch8TMAiAxvB1gBdplwbV1MH8e1dz5bnt169h0QZicDsMUAqCDNQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+mRyCRA9TVsSAnZWagAAy8UQAI/GPjxZZh/AYgbDV5dF\nxhOaWLqUIKB1hVMHkj/TuWZe3V82dxrbepL6p2tkNtU8r1mS9jHPMmYsrN1M\nqYZIA+tkfKOYcgKd422zUi0Ehn4QAlDA+S+yFMA4wQY8VaSYOwnvsA0DwJsg\nhumUpHpRR355/RSrEW0I/8HcWZMdVg1Bs4mNrVUtCNs/rzkZRo9Z1AsgomnM\nQcz6IRWisssv4c7yRhOvPS38RFWCAK39q2C6JXj0MkMdCBqc4fW0dNQDUMCA\nAoqkWgPYCjfRDLfoTEH4UGW5q9zW8jQEqMAc8Nx3f1E1LK14Bqj3QJ/8RRIS\nq+0Ej9pUlNZ8kUBl4sjAXMjan1jT81/bD6PD4BTOByVLemoSGcyEeUA9YGcH\nMKw0vyDYNfS7EULchSZqi/imVMnc6im/Gb6VWjWO9r71X++8cH4SjzqGe+Kh\nI9mVRYNggtiZDRVswGYPoGwBgLK9XJ604UOT6florOtmjA+Z9L1LB6yAamUj\n25Dj38ES8q7Jn1JxAEM7wH/zuSKyp+t5VO11qNAtg9DJcJUm1Vm6MUxRf2v9\nAiIPigIs+yYrowbUGf7fjQqjYl3Uadqm5O22JzQ8KfYZxXLaU2HLdj9E8NLt\niPtGy//I0R3mPccaTLDRbF6xfmjeVMOvWq1rigj4dMngR4i7ifJzhhbU6kp0\n28y/\r\n=5A+/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"dc8ea470b79b9134800af9e8866b99949c575024","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.47949b08e.0_1576690802217_0.3737676927435285","host":"s3://npm-registry-packages"}},"5.0.0-canary.b240bcc1b.0":{"name":"@material/animation","version":"5.0.0-canary.b240bcc1b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.b240bcc1b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"dba53b23465490f51989bc3f0196245d736c72ca","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.b240bcc1b.0.tgz","fileCount":19,"integrity":"sha512-WvA7vlGXlRQAHQ5e+UXFN/ZhVsgu9sDgzixIkFRpvi+QcHOAjAsmf+U3UJhIrQEK5TKsiITDsOqzPB7MqwT+iA==","signatures":[{"sig":"MEUCIGClAFPbb7UvQMZYkKeeNhuSkzxlKDj2Nxxy3BXKyylQAiEA5JdjpNk75Lq3ek9qZfg4eYflH9B47cIBH3VTFCWYNUc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+nr5CRA9TVsSAnZWagAAgSUP/RHiCN7NhHJx3/Sw5PCu\nvVhw/aZNeaPDAgTuvpQ9SIs5rExzXB+y8jgJBKu3No0b9p6g103hjOZjI+bY\nZiSh1OYyNk6VzJaBtIlh39SyJm7x88X/HIxQaFC2FZW/7ebt7peoADFUAUoy\ntIsGBasM904W8ByTQLaZ517kMs5WopiMOq44ASZpLhkZfc7HwJfF4xpKe8r7\nnf82qROBdxi6+AWWP4/yaSw8aL5GgHHkeE/XN0mNMZvPXd1xDE1uc0Sa9x6Y\n6vwiqcCcM2JqMqEyO53eq2caFmbjXUWaAbDRIlw4rppTop/asqSsb5pNXxmm\n9tMiYQdgspBgoNVLRpdVd2Epd3Ye5xZ6/BzT8nMJD2nY1AKBS3Vj+Xzj3mKU\nOXs+E28NZlXT8KIp/OM/oU7wetXfR7dFcxt7qWh3uhV9FjHYm6mcyvliXDdi\nQQVdhP3D+WPkhr+6VW1oq6uNLjlncS8CkpoX+S+oxVUU1kGtynIlpx6JPgK4\nEifSrWfu0vRRMlGT3z0Tc2CmScny4X0YUpPoBuo7wl/RzYmGQhH5JMJB4MfV\nFguqUaUbcUn1IrqzTK/Q8zEl78pKEzGn9xTz0YROvWlJSXPuZfenzw2pW1pt\n+f5ogcpx4i9xmpXqlyBU2IdPd9atcNYWf9PRpIZpP3d/K5RFUJoIqGW4KKaV\noDKV\r\n=o72O\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"9915c413ced383747e1ca7f2069e170e38517b46","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.b240bcc1b.0_1576696569037_0.443430428895909","host":"s3://npm-registry-packages"}},"5.0.0-canary.391674a26.0":{"name":"@material/animation","version":"5.0.0-canary.391674a26.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.391674a26.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2d61333c3908c02170379def532291aa22910346","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.391674a26.0.tgz","fileCount":19,"integrity":"sha512-v8TrHQ9/+3Z+cMCFj9Ngu2HaCtAyIwDVRyHPc9O1PfNNNEZGm7AwHsFlThOo9jD7kj+NXX8IKy+tLP/4TaFwfw==","signatures":[{"sig":"MEUCIQCMMkTCgHYXI39FGSZAmyGQ8HF503R6pYD7lIOD2C+VCAIgb+aqDdxmE2fOStwzCwbTs69EwPKEjAjczvyubclqfRA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+nsACRA9TVsSAnZWagAAXCQP+wU+fIV7UJkFvrnS1A3R\npvzwyow8G0qDGu/Y1ijQLrJ7pt0KeK3hAxv8rDO4W5q/nhWQxkaUDqmVBc7p\nl9FBR9GktubH0jdqgidMuY8LfMr9M3UAchRmF8vTIf4fO847nhH3rmPZvOjQ\nG+fNG6veoQ8VnxL79QxYMdsrOeNcppw71hzJr4gWaoHgz2Rqq8ALk+GgWyLV\nZ8mTYV3K9XpM7rbK62sBREFa+dMAKUG/+enoThM8hsECTYhvC8vqiMXB4qmP\nt8hEz0iZcwT2VAjCjgXTY2S3iBT48rYlgpg4gKDt9fPQ61/afdG5nnI2ySYa\nCGspoGNDSBUuLMk+jkDge2co3wiPGlguouhG0AHQTHM2h4RoMhDFQXTba51w\nq6uCgFJOt1MYiMApu2f5PLLdAMAEqkGjx/xAx6WZxwp/MvEJfUqyElSYJr3e\nWOqIizB046DTfPiFtpvfcQoZFHjc5jA2DTYLoVeMKyqb6rjGITGrFyWj2X6r\nItGVQr+XipsWWmd/Yavx5ugo8PSWXJbu0uQKnCUeBTNcGfrV39spnypsfBn9\n6C7KmywJQ8ek34k2U064Tt0KxqjPiMoCdgg4lh3R9wze8BVtpixQJzjIoXWh\nqCitZHjaSNG+U7NfcpnWQaVIvaeBwtyHtzSLPfg9jMgtSx98ind4bNgiUfuw\n6H1V\r\n=UoQW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"aa67ddaa5956be1096b1d442788cd4a5565d7598","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.391674a26.0_1576696575953_0.049231386282314826","host":"s3://npm-registry-packages"}},"5.0.0-canary.c4837746c.0":{"name":"@material/animation","version":"5.0.0-canary.c4837746c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.c4837746c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"309a4951a8cd963db85da5ebe1d82be0efb64b84","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.c4837746c.0.tgz","fileCount":19,"integrity":"sha512-j8WjOcKnUiFBZZga1qVJzvqkIPXQ1VQyAWYfJ2XJ06XslYYkw/tu+nweLHA+/xyPYH8/M+Pzbf01nQXRlq+bpA==","signatures":[{"sig":"MEUCIG8nLuoUVUTnL/k5dPZ6Piof+63CHoHC7sBdPwiti8DCAiEA0HB0ebIUqGMg6yOFaunAlssVPKK22PbWRqhA/80h9Lk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+n88CRA9TVsSAnZWagAAAIgP/2ZkenqIyb+ZqTVo9f6L\nkNG1ZRV9TKAMwChzGHLINciedfDe3IgTwPxNw/5gn2i3uuS4MEVxq14SpyoD\nwAEuem7LYelDxeaJcGkmEyfZeOC15SRODxND0Sv6BuWpOU3MPoQOKQM2uisc\nA5XsnuWhfBEHHC74WqJ+bioWSL/T8ERgkRdRVdvIQtPahtrqiAS+9OjAZm7U\nddK+BQ+ORsyj3r9afdi7USlnZl5z7EF6ofq5WShuIIOHFdB02yiW24sCpS8E\nA38/gXRip6YUGMYXsQWB8ERQQ3FKv6vUsR41eBPFkI3icb/L8YoX7QqN70mA\nh5rFsaK9SMeQCPvEeLE5+F+uV0D5N7pmKFXtMb41o3FaVFn1AJVqfIZ1wza/\nb3tqVmcG9kjtX8KSuPa/6YXCnXezxVhib9/GofJvbjMeMG+mYSGVe3vGa4/+\nHygfz9P3BmfhBVo5zj2HphTszGXJzcJ7cFKGGHpKDphB2Yt2eq4hDDsiZK/J\no+zjGFtxDOk2Ydw/aXL4hBcQ5JO/PgEh6bRBPw5MN4SYeiNc6pz+w4IhwoKp\nQ5Jl+ULWsxF4E0JnXkSJEu6EgPU+ea0Px/EJG9x8phCWUB06sQZDOyF6eMUk\nSBq4lph2FFPokTYhZ6R7JCQFti2nptB2kLz3pmcJho3wE4IyvLXOXOj3AM6n\nYX5K\r\n=uj1t\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"44ccab29aa0b806ec249d5f5117ac9f5d82fc7ba","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.c4837746c.0_1576697659940_0.45274418224843505","host":"s3://npm-registry-packages"}},"5.0.0-canary.e41a70425.0":{"name":"@material/animation","version":"5.0.0-canary.e41a70425.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.e41a70425.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"821f07f199bcbbb453ca8f542542b3af84b8cf6d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.e41a70425.0.tgz","fileCount":19,"integrity":"sha512-Iom2Q+4YqTaJGjZzuS4ApLkQasSmmbwyFmEhpDv212pvwxts2f22VX5EsBNjA8ubtPoPOKlKATgrN7zSAZKI8g==","signatures":[{"sig":"MEYCIQC8xZan/3G+yXQDLabzTQQ+lTgNrbxKw0kPUKR2IoLK6gIhAIbwr48mdXjX/RhBxkzU6hOCjtxgsIivyGEQ+pRXeaUK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+rQDCRA9TVsSAnZWagAA4lIQAKTCIIjuEVRs7Xqpltmi\n32QUBwNcGx1+eqVRdiYWUI9g4kfBLjJQtoAWFxODaGKPf7rnqR5A/0QwGPeS\nF9q9cd3WESsG0Cer1lCxM86IBhYl7vrF/JkqZ56xU6ZbTLezLL2b01NF7APi\nzm18BTLAvhQNrlPVbu95cf86uezPaKY+xPVOZ/1KNBRra0fwYSQF9qIEhasl\n1FlbvCMEXUSchltueVDYRHVajDky8dHvykZQTAoP/mT+0CJzveiukwuM1iWo\nIfRCLIRh8x5H82h5Lw7V9aNx6J5f+Mkjj7KhbTDKEHhE//9AQHrHVYqJHpX2\nJDWStrs+4kN1APpp+kQf23XMLQ7sEWDQok2IfCQ+HmLUTLPJL19t5xgHUFVW\nJkD//Jk6J7kG6jmX3FTEnk3SEPBgNdPtZY09Yyqtsx15fkpin9UFPF+LG8Lh\ntlQ9XnXGZYuXHSEte8SIBvaL4lq4hG2JS/WTcirvvgJOUr3Dc5XxrQHqfpsX\n11SgD0IZ98BppFtzsJauy1aL5593dclU6zvxSbrRAkBAG0ruFjIFuACEZcaf\nsO3OgIY+Bc3wPvSOVkBghRlGHHQKFaueidImCuCH2z2HO1IHz9GbNbg0IkNX\nwc2z3LhEiCDlXxc6HFdMScGdhtpcTjBt9aKwbAW/a678cFu12T7/qWbm83kB\nmQIt\r\n=o00M\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2e938a63bb3297bc73cdf8f1f206885e2ec84a6c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.e41a70425.0_1576711170692_0.8210198611636033","host":"s3://npm-registry-packages"}},"5.0.0-canary.bac43eb43.0":{"name":"@material/animation","version":"5.0.0-canary.bac43eb43.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.bac43eb43.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"535c5d49302ee4913a2a8815a6da8c62e38688d7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.bac43eb43.0.tgz","fileCount":19,"integrity":"sha512-af1sQ72t1NlZDPn3kXXZPmMrt99QiG2wocqVEZnfOPX+7cuGTP2doO30v+qvi88DLSCgt9bfcP4zDsrWlxAdeA==","signatures":[{"sig":"MEYCIQCqyFkIa+iKI3ey+nv/PDE+rFAYhDd5XrId9nJuwzomtgIhAI55vvxuL7OpB+1BEi0HSl8bbMFc1xfUbqlKBrQtU1Ie","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+rTiCRA9TVsSAnZWagAANtgQAJSSXrNupBwtuUm9E8Ib\nOZ3Dl5xWhaDUKl/NkszOVfZF8cBC//YSSwRyGs/bLrHr53FXeijKb2gH2SEt\nGuMpZvJF4mCAsSs3f1EcRBwB4VVzGvFaJQPUnfdJ3vrPLpDjbbR5JPglHxUW\n2YU+e+h2BKILAR2CvzHqittIpyf+VXT5A7luuA7b3Oxmy0VEUNc6yA9dqB3B\nbZNepbknenYe3BRhG+myDbws5uMvtA5+C3BNcE4AJiiToq2p8u0vwg81sFKR\n3TPAyAtzv0NwIvuLInbHicS0h0yS6r3RiiYcfpe8vey0YtkhhBgyLql9SPIj\nzTA9iQJJbTR4FbyNXIpWUz004M6pZcJQyzqnXYRGhlQ2UqTMUFD2e1fTKbjO\nvvwVHkwn1WHXWC9f55SontetmHNT6PHP6rM0DgeM+MVQOXKVNu6dHlJU0BRS\nqnvBdhROaSEv4FODj6AxWYmIfxKrf0TW79oVl24zIrEx+MNPHKxMzGpeInnc\nKJ/nEwHRDBohlfYMzi+lk7JPmKlia5x+YCkmJ5ofAYXzHf+2+7wsR6SthKSk\nkgPKRiEPALHh8j34CFnwct8noq867nnL2vyDyw8AcMCg/nWP7b5t2xHs1UPV\npan//Z12GknmC0L2GulUiTDHGUFueqLLSCvDmIB7cKxGuRhEtDqFEpcMbYAV\nO8Ib\r\n=U4xY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7035dfa39edc06f1b58f72c5e285bd2998747232","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.bac43eb43.0_1576711394427_0.991709521884568","host":"s3://npm-registry-packages"}},"5.0.0-canary.2e491de55.0":{"name":"@material/animation","version":"5.0.0-canary.2e491de55.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.2e491de55.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"dbc244c25cf2262bed48813a06ba17ff00525b19","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.2e491de55.0.tgz","fileCount":19,"integrity":"sha512-+bqFw8Ho4GOEW3mTMHcthkq6GFj13WFYNGqRXQ3ldCQsxORM6kuUjGhOjlWvt7DhOd1rfZdUdGGMcPurPXhpFQ==","signatures":[{"sig":"MEQCIGrcGfS/dwb4w8XxpsC52MlKtgBXRbhRqu0LJIcTaoV1AiB8cry9NV42E7Q7tgE7xvN26A/7mxULdjIiH7cBFYklEQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+1WgCRA9TVsSAnZWagAAiusP/0AYBPciQRC68deIMb49\nDpqZLu/k8CtPijRORqlIB4cTG/C10QGrZGLDtFD+p892GXhQceZEgVEZId8I\nh3rRjjSvONwwm/3Xi+zsSY56Kylr7q0chB3J+k+mbKmRmXYZOtMj5gDaRt/s\noIIBcyTJKhOEHXH4Xv0nW0pzBqosDj4j8jtRHA62UExxvuVYxnd7JS7UMrq9\nZtSdPk8viVj4ukXXUNG150Q2Yp9tn28xC9Dv3Z+W3BfLHsT+v1EImrC25Wlt\nDuL13gn43pcKgl78VPntCaZPenpwxSDLz/o9gry6Ny6AUOApc3HNi9Tl/owk\nfRK9C28GTsNNrD0UhIOxRyCeFRqX8dWs8DM0JSAivx5L1J46Bb86o86glfQY\npbdih0ZSGO77aCnSKWd2q5lfrIo//ehjsWcbYLTzRv5P2HLKyMNsFzbXrF1T\n5WrhFeojhlODMIsQ4lnhvklWZJZ4SC028ANTDsMiZ4eeWL+BQeeJ0y0FmiSw\nutdyBQ8F9gs1/iOVHJ3pnEXjhMPXpBu4lzEse/q8b+UeX97QixnjcxteSboD\nBncGBJ9aAJhIG6SURk7t7+ce1W7EvVNy6HVWYSAtEbM+jPgOcrv79vBQq3s1\niX9JhpNs3jww0rKsQVbr42nlwKWRPQmbooG1W5HCM/jhISP/oHBgetQrymCd\n8TQY\r\n=A1yg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"731b98f2f9caf1251d3a82a3abe09828a92eb434","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.2e491de55.0_1576752544383_0.39562714315983816","host":"s3://npm-registry-packages"}},"5.0.0-canary.ae101c144.0":{"name":"@material/animation","version":"5.0.0-canary.ae101c144.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.ae101c144.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"778483ddc795fbee86864ee3c0d3f08d80bf557f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.ae101c144.0.tgz","fileCount":19,"integrity":"sha512-0GLPhnJQHwkoME+Tu34aQ/zn8E0aJ6cgUEfukiBBrY43rpAf0mEVx3mDuLO4Y2aJ9PBmD4gk41ylrSgR6rGUEw==","signatures":[{"sig":"MEYCIQDelt/wLXc20RlaL6ZodkcydblZYwIBvWyOPW83Oc2UPAIhAIaw6yEDJulbhb4S1eJI123YQv7x84oOPB+Na7zH13ah","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+6QqCRA9TVsSAnZWagAAVgwP/1JazV5Cp8Y2DS0keSlu\ndcZszaBqHMugp6Hg1nOeLBU0hPpG+oCn6AJUtSmJJYG1B/Gv7l5oh1QqNL3d\nj4xmdwEuOu1yaymEaSpkWFqR7TWRHQc/Cp9P7tQ+7/sLqLt0KTBGxOqhMNFG\nvOt0hWjauvX0HumYTTInLjwhEgCUiTscje/b/r/x5A7wtXpUsDsXBTevCZkx\nAZtNdER1LJaFYHOvEmSbe22uUFt462Jot9HK8wFrDbUIJ5kbXi7aLh6RRe8s\nNeur1rPn9Oa3Gij7i0jWWzhf2xtqgPdsI4UE+BtYheL5TjfDA+5k6wgK0C0G\ngTrMEw+xndf3rJHmCi5l/Tu7U7tTUoYcyt5S4RUaFum0es8jZEjNXjCrXwyt\nP0hbwrP8Du/0lcHGj/piy3Fkp8s1KQAXac0b+RqVytwLDjDQMEDSu0vN9vkT\n9cXHPLM2PLRb7l8EJG+MNDi5oIsPRGlt+VbGC2haJ6gBwwyHbvFSCgk+Tz9F\nYyDxnoSjY+g21Wg7vC3eRKqFr2LAzOoAEAR8CimZ+UA2tb8rjVtaz6pacwi5\nVPnjrfNQ5Ta+1yrqM30xb5RjmbYZO9H8OY+staiEvlJ2jcK0RjndHgnafOc3\nyaWaop1GxWia6M2h+bljfoQ06EjZBQU8H9LkmUDfvUbAy8yCARq+TrEtJ0JR\nhGp4\r\n=gKED\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d11f348d85fc15df510c3e33822ce23f44ee661c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.ae101c144.0_1576772650180_0.9063213721449348","host":"s3://npm-registry-packages"}},"5.0.0-canary.a51c31f26.0":{"name":"@material/animation","version":"5.0.0-canary.a51c31f26.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.a51c31f26.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"db7d8455cd2cd4df5b85ac5c57aeb32378c667d8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.a51c31f26.0.tgz","fileCount":19,"integrity":"sha512-j/QREYArZvBzVWBqrFWwPgAvVcuX1EVuwZEPScYoWAOe94O1/N+hb0VSHLVlnUMxClQnOLYfKz/ta240pYFzMg==","signatures":[{"sig":"MEUCICYfoDFyjOlzUoSRLf+heSZEGUNdO7cR2x1j5HdTDjL0AiEAnv6kqHHhIhyIJw19oKWK7Y7XMb0rquYDnf4AFFZgrTU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+6/JCRA9TVsSAnZWagAA/L4P/3xzDvpQDcgQ/p7dCsjQ\no1v7CqmcMYjkkPIAT38LnYtu4dxN9BkbA6PIO4qmjd+gIZdcPAxnU2AB5FmP\n5X8YxyIFcRikBU83hOpUxSBUUsDDgPlqpAKuN+1N64VdELF8Pf0bJrDaj1sh\nFCvBcgq8Ep5eaqUj3AGe/OMja+RJEuGAU6jJHRlKBIl09VK3eumIt//VPLbR\nTY9nafDa0sANUKjDq9dqvKPNSRr3bTS60oL+pTTUsZiBIDXmqIikvN2TngWh\nMV+17RBhV8a0/BFsKY5E99s8MST/tzeM55GnuB0P82b5oWQd7W8OC9u5donC\nnt95C57fmm7S36Lyvp9tB66dzXw6eat5CEiZ99xT+Zc1abQFzgh4A6RPgRmR\nz85qxagpfhqNN2OQz8eto2nVhepmIA91kdHQV30STSPzu1+Pf7JJhV3WpyFO\nqW7YbSqgPdWCiCb+a4g8RkYzb8+DaSV5MrkCwubLPQhnhFVMzoAr1tCfdeJI\nvkrZexDU/vyS9+ivc1vhyMv2vNJ+UitqlMkSs5C3wA07xqG8riRuQ74a/Zc2\nW88zP50YuUsdqcRbpOk24+DF1ioHGHfOnVyyadwawaXCTiV41bGJer1KD8L+\ngIMHqauepOjtACEhRPfFzHeSxE6kOQ2d2EwGx7bNjRQp1QaNNt9O9eQ31q3o\nFQGr\r\n=G3Gk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e2dd52b70a7e3cd011647222c15955dd4535cd6d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.a51c31f26.0_1576775625265_0.39115069864408936","host":"s3://npm-registry-packages"}},"5.0.0-canary.21fc4e13b.0":{"name":"@material/animation","version":"5.0.0-canary.21fc4e13b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.21fc4e13b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4bf9ad7749f316ddb24a0c9b5c4921ff7277171a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.21fc4e13b.0.tgz","fileCount":19,"integrity":"sha512-uPPWlCw5NyYLaRwyD67rZHW/nVS05VSBpkrTYij5Oi75UK23zQdLpJs1q12IPDWOJE3nOxCB2Mx/O5n5gASdww==","signatures":[{"sig":"MEYCIQCP8bS6kE9KOxp/tU74UIQmt1L23bo4qjdaPTh0g8hNJwIhAIaQt+jHcarj5vS+ukZT57VM+tZX6+juN9RxWBM5+7rK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd++sJCRA9TVsSAnZWagAAmygP/0MYNS3TTuFx7dS6g1US\na1HhzxLbWNSBFV9ZdF6v3UG/9tUMCjU59LHSI3s+0OeDYUir75xeZpxz5S0y\nCfVoSAjyUkzOFHO0iIZZGyc8CsHiLaadQ2nUFvAHq/Arz1rI9TnZ+pcGYTi4\nBHujfeyvILeLNtg4Er1z4elMpU/hxbtMtzUdzxnYPJH7KmIuAckyNo1kgWKr\nBrfSMxJrDOUEVmCrKAn0BACe9Zsyf4t5/wjy0BbF3auJ2JTOCENgyS/G6l1t\nG/g4QjEd/kRGpBqPdO6WtsvWuSTOCi3LVANFyGK+mBl8PS3KI3cWfmSbDaUM\nLlY9gC+L7y5XgJGLjSapAiLZ6lNNMmoOfuWzL2YN3IwwnWIGkLhuu199GzMm\nrFphERAIIu4cb1/gN+mz9wupCa/PhKnHMVkKcCz4P2TajwlGCFSAE1JTDUyd\nA+AuWiQtC5UcgSh/U+c39IhLa88anx3/+PbBiK7YlmiYPFLY8Gl5Kb5x/H4L\n17gEp6p22XkvD+AwizkEIUovsdnzgLM7jDvjZKp0/3WUlMM9osqxlhdhfvYv\n/GOJmgBZEWccykCSBVywmMLM10WQ9vH/LupHt7feBRs0C4j1xfeYww7NVni2\n9UpuDkgPjtDhxHdwM/G3c+5TnJ+uhqBf/N7CMG6sIf15hC7x/B0/qOC/i0+/\nWCwI\r\n=H1u+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ca71d599c2aed234cb9376ced1aadb512b071fb8","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.21fc4e13b.0_1576790793368_0.7809000966765225","host":"s3://npm-registry-packages"}},"5.0.0-canary.d2ae6e17d.0":{"name":"@material/animation","version":"5.0.0-canary.d2ae6e17d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.d2ae6e17d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d47c21fe26dda7e51fcd52633ef2e4886695aab9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.d2ae6e17d.0.tgz","fileCount":19,"integrity":"sha512-RqJB/bAqZ3AJVx0bVcI00vKvCN4lPWGSy4Es412rvrDkBNBnkJoE8LIqszb+GDijvNspvSZZ9rUyZCE8sHQnjg==","signatures":[{"sig":"MEYCIQCQ3emrqwtOvoISx69JOsawR2dQDRi6pMC84CHd4d9X3wIhAMuJC1EWrJLeG3ldxziWIWxx+npvg/aK7JSFeFPHF/H7","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+/hlCRA9TVsSAnZWagAAWb4P/3nZVUaznkrb0uIXQ4SO\n/vePZzuOM/LtX7U6zuerRuLgYl0u9DyhZnGGXHRa0So27SipRRvLkw3Mu5Sd\nB6CYrFy6hzIIY8pjfJ81OAwb3Fovq8tVAS0LJWYVDs9d2Izruct/egHq4AW9\n1m9T2lrx8ywnVoR0m50uvcmAvvuX4W6q1yKfLm0pfBUeXIlfZ5boPcHMUXzA\niH8Jr/rzbZOuOlZdah80xKDzFdfxbnpdwG5cJNG7/5iNrnC9wg642V0/tpZy\nHwHwDlSma6QeedoMrDY3QpQPLd4dXhZ+KYhJWjIB3iVVuo2BXvMDN9TkXKsf\nH7GUwFxkMtruTaKMDqFgzu+d0ECBAt0H0DuZwZ85f4fU9YPa3tC8kfz0GtVE\nvc7W5BvB2C189ujAf5NOE3y6BHNVRp7Qisybar7mdxe7PUWeUzXNBnzOGD6m\n2qifgIRh97J6qaOPv4t0MA4xWHZRI00jTaV44edDqQeK3pScyH0YQG7IqEXm\n14pR7hgeaorOz+6ryWuWq2OCVRH40wb5uhe67+n45HDRAmIDvB+R0lAqn6wC\n9csM12+jSmIABTuyausNPi7JlptYfJSIKPPTsokyRYA1j7HbXzgkhED4f3Gi\nh0/m5aFf1Np2Ame1OZMnASAzDT/b2oJsnzj1dbVsq/57jfFDRZCaucMx1rM5\nf72b\r\n=C5tW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"aeb622d14d533f70c26396fb7db6c8bc48eaf8e5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.d2ae6e17d.0_1576794206236_0.36596875330106915","host":"s3://npm-registry-packages"}},"5.0.0-canary.ba30399ad.0":{"name":"@material/animation","version":"5.0.0-canary.ba30399ad.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.ba30399ad.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"77b67109497e2e16fe842765368cbc92584c58a3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.ba30399ad.0.tgz","fileCount":19,"integrity":"sha512-ghDc7dgPQx7h0I8tGAZS3zoUrp0lmcE33EDdKZe8Mc2ePII330F2+hW66pwVSwnDzEyEpwCm7ufLAiMaznBPaA==","signatures":[{"sig":"MEUCIFwl2wAJrH5ezeONUdenKd/flKToYWY94aq8+G78o+WSAiEAvO9n7NcYH6/wtPjfEfHn8bToK5t3+ud6sAxxpDcnVjk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd/B81CRA9TVsSAnZWagAAAXMP+gNiFME/6h4K8on6PGze\n9M1gnuQrV0EzeIp4MIchXb5Vp9+2dLNlMCKBke0JzCT6p1N7TsOg1snGcNu9\nlkmX6jyBrGIXggfDMQM5Tx2eJPE26uUzzRfGm6ffSID/Yz25E3oOwDp73mel\nMcIZqGwnmy2c7OCd7gTHis9poZtTJHlqFBK4jEFfEniSDc+8pt154qP/bswy\nj5eejNN9kdVtKOx5YH2Y9vFMH0gA9xd/C/X/ImF2vUqmABPniTnM3UAxL6RG\nfnp98HyRWGQUKcS2VZ/TmJM80na3jeXlZpll/5sADMo2Nx4fqdFpGzav7X6o\n2py9erYUOy85KZnT5bVlcoLukZAZthz+sOLHhjT2lZH8WeMDiCBAWFvBdU01\nLdVHFOMuBDRpOwbljQqR1WAemvz4QJUI+V63IPwztYT/3VTano7YRNZJ2YJS\nn+bfuDE3aAa9dgoED3A9+HpJQxwatW9+chS4pIJRTkvwJHkw0kpP15LLPta+\nZv779/j/nzqRpRP0i1qTGRKblWzkkw/nQb9pz2bj1c8YO79D3numRo1Uf0lR\nzf1uHND9uctxRFzGUi03+/hPA/ZkCxsW7mgqCV8TFZSvPbobUQv960kWwkBK\nXFVf3opONVVfE+vne0ac8ak6W9+J/dsovN1axjY0+huhJxGCyiR+ubCesFMw\ndtVa\r\n=x1Ov\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"75ab7f122d8d469963211d9f9591a84602711f72","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.ba30399ad.0_1576804148859_0.042688595570555155","host":"s3://npm-registry-packages"}},"5.0.0-canary.a08ccec35.0":{"name":"@material/animation","version":"5.0.0-canary.a08ccec35.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.a08ccec35.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f04acc03216d40976ac19dba4205d342a5e0d66e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.a08ccec35.0.tgz","fileCount":19,"integrity":"sha512-zWK+N6G2jKqPcIyw+bnFaIiesI4nSjZ/AlnbhmSVPaz4fJedz4h7LXGlzrfwT1RjzaModlhKDXUY2hTeClHS/A==","signatures":[{"sig":"MEUCIBVH4ILQ6AYXxAUoBkcHwGPpCaysSMrtvp4tdnjUfuzIAiEA1ahQhdmotnKt4h+UR1nqVy6R5THhO0QZj5RjKINCc7w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd/ViUCRA9TVsSAnZWagAAnvAP/2BcwrEte8ark5goPGcC\ntoTJ3MVrnOHb6ruCC7yCjsFUU39Ysvj46yWr7uwHedz6q1FvZ0SM+0wLnKsm\n7sV//R+mlywiyD2s8JoteE1MD243mOuAQjWppTXTd2fNOKcB0MSFBTxCDDby\nuRVgW+iLQdvWecx8s3ysdC+rXvzOnVzXWQNvIAyd4kFB79YC/mzuohzQc9p6\nIjK09d0nZwH69fXLvSQ+tekaQd6a/+FBc/C8I4lga+sBWyCHlWx6ClbDRnfe\n2vUVLg6wxbiWwaf4Uba/g+vqxveZzoNd1UwyBfxkh2P4l0h5bGvsSleFQVlM\nSXuyDhn+uIjQF5nXp+G4n4QcMuNkPN0Dy1rA8D7QSrteo8KBP6csAN44lRG+\n0b6YYcvzXBcvh/ME/HbpnBm/BO14I8WmrVC06cCBf8eZ9igQSU7L+chuodVS\ntnJLNXO1RhX74idQdtVRcOcAGe6v0tFUVmt4BqOGICwcQrCc+7pmezuy487y\n560+LkOZ9XcBYxCUFiqobOBCJ2VRyN8N1MEYOCAHjmirC+tFzbIjQk7RxQ3f\ng8i34H7aJBGb01VNToRwBYV6/Xz1V18AKgNTrmWg9iLtf5xAfQCumFcni++5\ntAAgX1YNBApcwxHuGfH1Jt36Yt7502JCVorUwPR02D4eAH8El9oEsF6dL5+Y\nt+nJ\r\n=uTEP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"121f2cfbbcf425b2c92760a0fcf0301dafb14636","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.a08ccec35.0_1576884372150_0.8083323514437177","host":"s3://npm-registry-packages"}},"5.0.0-canary.a2f75105e.0":{"name":"@material/animation","version":"5.0.0-canary.a2f75105e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.a2f75105e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"00c45ef4ffa88b14ebf27bec411ab14ae4245d4a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.a2f75105e.0.tgz","fileCount":19,"integrity":"sha512-WdDr0OTk+vb4qNqv8KoSFtGVnc2HtYJMMJtCRMrgjItgo2uDV9T18h5q5/x5Tof5CGGK1enak+M9ttVEqyz+Nw==","signatures":[{"sig":"MEYCIQC9fQh8Q/J57UYyo+aKgCItBECP7ztMLgz6db40mp3MRgIhAKInYmGP8+mfejBb3pVm0ieEW+ZHx8E34HF1Fq7AFUuF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeARmuCRA9TVsSAnZWagAAUC4QAJM4W4pDqQeRsthpg639\nYYsNzjaP4mH8a1NPVyeKL3F7SH2XdDJzUuHJpaSTkPbwCULgFxF9kMZwrO/U\n81gQjPzLLZnF/PmhU9IjJCbeGjH8630CxAS9x/mv3NV5FIrbuxXrDZveGgMw\nqECsPqP9EBgERNiD9OZabMwQHJ3m/0MzE9SQkJBSu2vjpht98aaLgdKdDbK0\nLPGZKS1niwnc7tViR4CEwUR2ajujCDGkeoGF/hCh7Mo7dQuqa3930Wnyus9N\np4kTzCpmPT4apxPFcJfKHvkyCnik/K+ZULzYVSAz7Gv/4vMy9LvTORQmVUJE\nxtF6cWOoKc3L+C58yBHZJYyaq1iCxLPRLE+d2mBuUZJVICj+r5wBUJzfGn4I\nEQUNBAUltH6dNzLxqh0RU3XCJoOnmmaeAtZRsTcJ3Fl3DhFfd22fQpjKx7Kb\n2s8eVTMUYtFZRYEejxlz4H1gBuvkiMZspUYkAJQO6C3OC7cYKHF1pNxQdPm0\nKK/qkkMeN51gPXfaUYjQJsVuDpGHVJLjX0aKor/NTSv4tvubVvP63x1E84gD\nuqE9wgpKfI42oHLHGqCCPNCsUBBxQAjAjgkNmQx3+sLArPjfVY4GPm/UsupE\nFSXpZeFP4zTSB14ejLTF8iQ5Uj2XovWUd4ac9Fz8/9gbuctzdJ0NwdHH511Q\nz9Kx\r\n=GgVk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7b2f4b595ae59e3e680ef1151ab400a3855144d5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.a2f75105e.0_1577130413720_0.48049254692547816","host":"s3://npm-registry-packages"}},"5.0.0-canary.c054a24c7.0":{"name":"@material/animation","version":"5.0.0-canary.c054a24c7.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.c054a24c7.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ba4c71790e524d6e3ada8514c7310563b6f46463","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.c054a24c7.0.tgz","fileCount":19,"integrity":"sha512-CzUgSfgttd705a4LO1Yq+jobiw2W3eKfAkNoTiS4jOFu4Ih90g3bsbVqrVJcN6rx6cknNi/b27jKHs911y4c+g==","signatures":[{"sig":"MEUCIQCSDbtyC2lRpSDqbTKIAzWmeyuxl+kRogpiJ5NUubWSYQIgNQk1BlX3Ac7zvLuwVkqXOn0KOdm7mvI+ev9AKv9JTY4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeATZnCRA9TVsSAnZWagAA8/8P+wdsBieAQ4l/mTIOST4z\nGxpoiK+TuxfZZobnOIrBZi8huoA/D4cBHyqDG8kCvYKmuEmmlzVN/7UCyxbk\nUTIiPPJ2S5t+eIdCPBl+qdOotbF+RK35CH+wlrnQX5cbsw7F6OSR0BHzV87X\nMPgOmu91X+BfbiAluRauNNvXfuHkQ9E3qHolKc51bWOeL/GmhpkSfJ2KucTF\nSTAIuTuJLO9IiurbEXUHDpeAZMHLBlhwaoi9AGQzIsFOsTqbJwMzxjypqBuv\nYsoYJ31xhvpdlE9Merv16PIbznGN5D8U39BZeGzC4wMPSCvGXbvr7dBehv1s\nvA3wms3RNtU1jZevPkvjHQp9/tnMK7x1EpprjPEbS5GOmLBG1ng/GdCgEcNM\ncczyA9d0+py/d6RJNPQEokoGn05u4QK7y5Li75fKpOS4MRkJ5H8fOIHq5Aum\nFT9i6TCs427mDi3Cp3Y7jp4J5XAsVUW3ICEG8fw0VQBHrfMzQYoEJeohNlO/\nIJ8wwHtsN0zDdvwbLQlEK2+hLNLWonJKHYpM+TCP+5D/dmEPJQjnYqsiH6qc\n63SGyGMJFoOw8FYYwbQ8h97Uamru40lYhPjA/76JgEgsEczO/jxaJQSqJ7sH\nLfi4UhTbkfqpH2nTNJajr1t3aNXJRSrr5vGFYU1zIWBzDqlladnl32mKBHe4\ne3RS\r\n=k0xR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"4e2a3c12859a131938df8918a9f43b9146056488","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.c054a24c7.0_1577137766957_0.7762617201528501","host":"s3://npm-registry-packages"}},"5.0.0-canary.c6808c51c.0":{"name":"@material/animation","version":"5.0.0-canary.c6808c51c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.c6808c51c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ca87b522279efa22725d608abca06af043f3dcee","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.c6808c51c.0.tgz","fileCount":19,"integrity":"sha512-RdgzfUcLr+wOtRN7TqJnvc5YsI3F2aIDRRHKmfWo3vb0KminLU9F1ashxQ6KUUz3mWmdT3y3RwKuR2nVoVPTgQ==","signatures":[{"sig":"MEUCIH3VEghaOsOpJrkoEhLDA3r7eYJErnLiw47PhVMzBo2cAiEAsFtSfSM7CpCj4OFeN8XmMATfiLXVMJtSD0VeaDW3NIo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeATd/CRA9TVsSAnZWagAA7LwQAKTxOIabzDV9GVE8dZSq\npfZ5AZeegRgWPAIMBK7uvR157Y78TaV8rETmsdeCVbDXeQsRQ4ybqrX0ZpM/\nVqpfiJtmyDVN5qTqqpYpQwmubf6KyCMQz1MNno6AApK1NmidizBB19YpatQo\nJ1grKmnXngEQo72bbTZd7rP8RyO2aZuOIqqi4+WDgcVXM448h9c3SlnUaB40\nLuW+8mYvQmzJ+yrBv0saeISyGY8zeaIeSq4l3sh+k4RSW/3JJyxHlYH95L+5\n9yfsJPyWzVXRCPSNxH0nwjM2w5ET0hWVl+/wHvjw2jeGNrPTvMa0B0GergOC\n++5MC45gXMjZDA+qQPOy0OitWNHfexLxqk9qZ1xqPUJXl4QtJDXfW5zAd7H4\nu8FwdH4wpOfr+YlPcK8w7W4abBlPqbcaGJ2ydlJXLDEDodnEPSL6zQXVdn7d\nqWXyglhFNAJoRIyOpdv+1zJ86dAKH3vlfTEqp9NB5h/98z9hIY83WtyxRXXz\nxy50zekMWR/Ijv6ACksL+Aq3z1ozUBK4esg+Z5c913rj5Ua2DcSUHdCv1diz\n7SUv2upY7KNyOquPZbyFtcmputisghHbIsG/t+ouSpQ6dYOMQJQU+FKbG8iN\nieC4MLKlzXjbt/PnDNPqAhJIa0vpQcp6gWMLxPqiF4G0+G/Woxdat5GRmbcZ\nUGkB\r\n=2SDu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"02ee460be616b30da3c6d5daa7eddbc5f29d2500","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.c6808c51c.0_1577138046840_0.8452867898650678","host":"s3://npm-registry-packages"}},"5.0.0-canary.7bce9cf77.0":{"name":"@material/animation","version":"5.0.0-canary.7bce9cf77.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.7bce9cf77.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f99d7a7b9b8e314777b152aca650f756ff733f43","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.7bce9cf77.0.tgz","fileCount":19,"integrity":"sha512-c9HD5Uj8iJfCAteqO3xmiB/mk4wUI2r40zQcBOa8rqwgOwucUag21Td7WqDWPTHmWDYpuEiEleBPZlKIXsH2RA==","signatures":[{"sig":"MEQCIA0SH+CHBRnPjNP92fab1KbJayG+dwBlTAxSAF14FAqkAiAAuvgQp24LT8ZPoboL1Mi23j8hZZULjdD1ixaunvGgiQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeBP+nCRA9TVsSAnZWagAAr7AP/0llC4YbVHaYxvmJhAFs\n9aUj7ZnqzyNcs/gqFg/jENuGsKGREeQUpTr4w4/KO1PFFYcBFD7nQ57auro1\nLFVeqM+kcgMmQTtFJwCC0FmwOxOAo5kp92eZ3rAP1Rr4LGo8aPtHpvIN4mXU\nyKn+OhbZ7B1yrD4hLnXkdCz/momf8KdtLkpyVl5ZwmLKHzTKF7OfeKHXKuD+\nU6acEPSgAevyhiahJ4VzYtGLMZB2JzKcHcvrGNWjt262Ilryt8FOAWT+7iB/\nszxjbMfkC6yK1znUwgktTm5LbF0jnBdvwNMQ+AVJ1VWJe+94uQcfUfhUdgka\nPTTgEgy6VFrRhkCpAI+yXc8OU2g2DSnYDkHB4PQyq8AyfZuCkj0iB8QJIq50\nrO6Q/nww4K0L5CJ+gJ4reLWsaTFFn5Pp/8FDIEh97/Ris3dg2RQcxmmj+j/l\n+/Pl9PPnTKmevZgPzW1f6iL4SGa/O3z+FWVPG8h2pBZ+r5r9mqNNDeuAUNnb\nVYrDq9MEAJawMZXpCU2YZitkUSIwgpTebJz97ZZ1BQAg7mCMaBvsLV6MLV/6\n+drRqTbx/O/A6e7cPJBq/RXeH/KqOZnb+OVN6ZsrBUHEraWM+bc/hSUhLPKV\nXW6nMrjR0wSZzENNkR2lnjH3k/zOZNN49NGLz9r8O+itFuYcTO95WI7e9fCU\naZKp\r\n=6xxm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"1f5c1996d2328a53d1fc5cffe847b04aad48432d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.7bce9cf77.0_1577385895455_0.7502780371345554","host":"s3://npm-registry-packages"}},"5.0.0-canary.c92f038c3.0":{"name":"@material/animation","version":"5.0.0-canary.c92f038c3.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.c92f038c3.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1eb8731c18fc5475db40e76b1e061a8f73fd8d97","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.c92f038c3.0.tgz","fileCount":19,"integrity":"sha512-/rxcS+Rv8SCvH1Ic8+OeDfHgbczWt0alAGTFJxFURD83r1LpFcVfcxw4T3EryoEYAClClm9+yYK7Nz73pdHE1Q==","signatures":[{"sig":"MEUCIQD4zDuZm79Tn0Qnw3j3QkXUdBgsCNvGbCyffaHT9WB97gIgdRIfWwuxvgBUaWcYlsy40Rf0CTxMeBNCTAaBHYK6XEk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeCnPvCRA9TVsSAnZWagAAJHEP/iupN2JLvlXr+F3AACv6\n0anupheYUdupAwo6I4IYgFiMkWtTj3e+hbK9iyT7/2x4tUboAe8xKRnPQ/NM\nJ9n4mC1o+/6/0D2mGBaXyeWzX1dmEQK6jZqxcHmjVXFiWeeWiuEuAsdCqiV0\nHIqcgYXOutOqT80wqAkJ7tM3ZbePCt2of120xQJ1Te4eVq9kNpjF0VUCaeZG\n+MxJk/EFVZ7TB9KYmEeOO+l15/GTqYPmr2YQ4apI+83lhSTdgPmS4htWkax5\nv7DiQtnnu7MZjb7Vv6dhMPEEplsWWs3D3fcWQqIZo+sFPBlJu4iPd2k5pQsv\nRim+YuRYLCAjtt/f0W/T76AmbjNsghZH4PGbUJyw8Rx3b2V7/XzffdWhDvtK\n5nIxP0NjDL19AXLWJI7Q2bW7Sjes2TmaGHhaItIWe2E2L5pbYeX6owzRM1V7\nYxcIoDdV1wAcGc4aEqpXJLX+gT0FdV3xUdUl/UzdrLZzcbdesvQv5vNcP07t\npx8LYn/EqQqgDygX8cGrKegDI9p6qoGCN94y5cgdMZTOlIOFZVmUj5Q/TpFY\nl5TIMS2gYlWE0J5/EjA8xvmGYQt3kgad1+ZzdbWsat8zfnN6YBsatdofXiSn\nw0QD77pVtXy9TqO2qMhzTIChggtyv6YNMafHjSIjofOXr2YsTV6n+JhgwTok\neGdT\r\n=w3dD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"823f4f89b39f86d10ed69fa8a943c050c2d83a6f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.c92f038c3.0_1577743343062_0.9465171803718342","host":"s3://npm-registry-packages"}},"5.0.0-canary.1f1ac7558.0":{"name":"@material/animation","version":"5.0.0-canary.1f1ac7558.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.1f1ac7558.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"39c99b86dcf1cd2bfed74d72bac3f69cc8a93005","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.1f1ac7558.0.tgz","fileCount":19,"integrity":"sha512-fuzi5sJTh+9ht1ll/vNzFIO9eIS+UWoVv7XYAJOsM/umkVS9X2ubrT5K0NpPeFL5HFfbaKkk0FS9HyONsHxANw==","signatures":[{"sig":"MEQCIHnHdzI/C/qcGNi7NppfhEPmxVshnhIlntgjMgUKnYhRAiATBAxPKOKm2GnwpHgp71KrCWSDsEiPiE5DQPuf0idtCA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeDlhCCRA9TVsSAnZWagAAuEUP/19VHOzvs/EPoiBYpfZP\n9BVCkLoB1/yONxG1FLvgutRw8+s+m4Nb+7Der5MNJyiUox835sf5UePQPbR2\nNR+lY1wyXQXBqBU4r6ibNXtEvIC31Bdh0aLTw/Uztuz0Wrr2gV6pjT6bSerT\nVrY4FG8HR7YoG9ntzKTCYzqt2CRp46Cr5KBPHPs9eBGvQySrCtoq+FtO5MpC\n8OtF74owMn1XrZuwMypwc+GN1RgBCMjnJ8s++zXx/zPe8EfO5tfhaPfnj//U\nIjxe+4rbh4Pb1VosoJH73B72SfpDP+xQ22PBCHB6IQlwKoYl7nbQMWvJQSHS\ntB9tzfVYW7fc+PF53Bt653727GdvtpnG8o6Fkq4WvxGnFR6AoSx2S9IOzjkB\nPEqcHmWiCZsx0CehCUBSVRh2FD8axqN/2fCl0+V6Ic4w79lJcyvI+Fqe3M7B\nm1mwJfrZiRKxuNXXalaICizCNXS4iHetDZQIADK6Uijycapkf7Qv0h1GynOe\nD7QWRbB1ATJVxFJr1VoJC+OuBydhNaWGhEw61FxolfD5P3On49PtL72UZb8s\n3uE3g5lUgOmbb1iPT6qkqATyu/8RcHmsng7O4GYrYeBU5qF+NgZugqqRySZX\nlD6NChZ8Cb/40rU/V4UBb3r456XL06c9KW2dDVFuhXJ5TMeS7szkWpasHNuQ\nqu3R\r\n=3vTn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"698a9278145ef0b4e06e9c33d51051b9650c5b11","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.1f1ac7558.0_1577998401819_0.262773200568196","host":"s3://npm-registry-packages"}},"5.0.0-canary.ec26e799c.0":{"name":"@material/animation","version":"5.0.0-canary.ec26e799c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.ec26e799c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"62b91678ff1b796b5899073d5daa3125fc825317","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.ec26e799c.0.tgz","fileCount":19,"integrity":"sha512-rMp7B8ssf1mNyTfbjC8T3w2rDII4sufUdpJekMwB2TSeEcuY2+6byA+JWYU5zd4P+a+MZxBLTtUwCGAbhDFYSA==","signatures":[{"sig":"MEUCIC4BxY0U5rxmPpM512JjASQmJrRzegcIbb/3zMWAtOJuAiEAq13gaZmEOJjsNLNj5Yl7MZlQToTazSswqT30R7LX7H4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeDmOeCRA9TVsSAnZWagAAISoP/1OP0vEn6pO5R3jp+2Xw\njrepr10jwDhVAyKQo2cYY3a+ec4+r+hRd5QxI/83eB8recN38tmJEAMXKIyR\n/JFkpnRjUo9agIGasIKPTpwk+hkawnQ+HaCv2Pg7/kY2rz99/ewXeUul6IMQ\nvANWwS5KIraddESrewxyaVuUMuJN18osnx9ntugUhlZWvF5IUaF9c3kBlii7\ngxBoY7XYU9qW5XW0UWRtXtC3IH6FzD0ZZrYnZD+Wc2pIRbbajg6EKpV9oPIa\nUpeLfq7eNnDqnSAT8NEwAJOejdKz38J9CoUroA4nrF+pOosjDlG6o0YMEREn\nSSvA8AbhF1GphiJWkxgBKvGHMEb1RmZtrqrZjapQ0tvGqE0DRwI7NlFCGrdM\nlwEeV9eQ6+VQmWaKjLR0TPval7M0/Q8sDgXlhr9cYAN3HOL4bynwTs/Bu94u\n52fmWTHVUBmWOSHClqB+Ik9NtmGgmHHFAh9SynSbVw7Pu+lJuzQdS4PH7aEu\niLt1nNrplv7wZHbhFL3TB55GDp9vVyaCKCtdhCfRVDTrHD2QI2364Tm3+87y\n1VEvunTBzIGWWhD7kihjAvt87wvKuGleCHefSPhg+b+U3wmh3iRm9VLNgAPV\nWQdzNLHHhpriJXCPdFOOYQgnhY7S9RFwo+yxjaywBHVVOIj6hrgSNzX0XLI4\n77A9\r\n=5op+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"813829c13087aa9fccac08bcbdda0ffddacaebeb","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.ec26e799c.0_1578001310461_0.7983134523289395","host":"s3://npm-registry-packages"}},"5.0.0-canary.0a40ced40.0":{"name":"@material/animation","version":"5.0.0-canary.0a40ced40.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.0a40ced40.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"aa432cbcdbabe965f102fdbc89d5fb14d4baefee","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.0a40ced40.0.tgz","fileCount":19,"integrity":"sha512-tkWsMFMs893O8Vn6mC7l0NOCmRoY79/MTe8gIIlBfJm9adgVcSIiyiZoUTG5NR6TgbEE+4V3EtrzuYbaSz9RPw==","signatures":[{"sig":"MEUCIE+vGW3FitJ9ymx1UCxUcI3IJcxrR2JmVBsY2coDGLiCAiEAgqX9xHgkHStOIvrYhNep9vMBfnAqvrnnzXsThSHZP7U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeD3UgCRA9TVsSAnZWagAAvdwP/304GNbzulcxBhjCtuBu\ngHm2BvtwifNzLIAbouVknEbD41ldgAvRCWUjdG00G9x3dDP6SI3lybwDIb9y\nr5OX4H2PR8jmW1VI9RZmQVzkNqNkj7aFlGp1NT2Qs+DAU5l4dD0AOI+z8Z1x\nTKC+OCM00SjwUbkZgVX+QZXCo+KXrctLDeAWvmEI06xS4LjirtErysQihmtm\nwmDqsK0tf5dOKrQr6+U6g+hL9Gm2vXpeaWwoaX/OeemLVLV90QcRN0VzkMrB\nbkCi4IyOJ8XO4zr+03HBExIx4bnPYvtY2wo82A7udiX8F9KOGP5X30QM7obH\n6hlLndVRKxuFzk3EiUrm6FF2BJsP4BrbkNun2/ylwXHkgUquPS3bsx9MOomV\nnEFaWi4JcL23WUpIduxMBDULZMQjtYNmA/IndiubhPW3j2qIO7ldtWkwwdTA\nSuXxlajWkzIrL3kVQxQa+TyfTl/cM+0I0ez7ex/wsoaCoTky+fUKuv6QkUfB\ni+Kp2bXL32zH4mJmViIidz+XjewDuYIdin2sTgTA8+RrwLfHsZCTyU7Os944\nJo1ClK4CwJ3DhIPMUGAf2fgOlew5hXzDi0z2y41/fzTBwYhzEnq8ufk0nCOX\nSKCG7aHlI9iZmqxBN4f0BG86n2PbG0RFYwW0ohrct66583htLYpB/oyWXrpG\nzITZ\r\n=/YKh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"dcddd5ac583b29d0fffe1a54b6f634f6b90fa44c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.0a40ced40.0_1578071328041_0.8909792164726966","host":"s3://npm-registry-packages"}},"5.0.0-canary.3adf84899.0":{"name":"@material/animation","version":"5.0.0-canary.3adf84899.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.3adf84899.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d41fde9bd053e0d698c9f0cee7c3bcdfb91e69fa","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.3adf84899.0.tgz","fileCount":19,"integrity":"sha512-shEczVUN/LUF2VFqXKPLsN+nNWGXTeaC278EK1inhTy1Dp4+S5JL2fZ5jRzJO/kzoRHYk3wydT8pO1lYLK8haw==","signatures":[{"sig":"MEYCIQCoXPjtPK4gIhNV8U1LHZnKttFB9Q63vqVMs6hewRpHswIhAO+33K1YG5HQg7CtmFDzI9uTYmyjA/9I24aKwRR+ZPQG","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeD4Y8CRA9TVsSAnZWagAAr0cP/iXTTipBuwq/25FLFkpi\n8co9DQ3JofCOEmkmNpS2Meprufzrw0TBmj8X3gjlHAhtNUcSy90ykXC3AJGg\nRWXjDrgjoJoODXV9bTYRb3xSNvO1U6OW3Eb+oauSvYEbJOSmOKM7W//9UnWj\nZSJ7VS3NqtuAqRJIChU4NLvNjwTgWorVKNb24oBB+sgfRxk/BPXYMpE0dyoM\nkBOLVphvm+z6OmPUqHVcA6OIA0vzWfBsmhsoLRYIKC4SI+QD0aOzeMX/J2hZ\nUV6W1TIE7pBnzenQshh0Xghr+RhrPvPDOrShTZW6e/fiLtmptZLl1PUDpqjf\n29BJGE/2ClQu8hUh2IKgSiNi6IC2/96GT3QBb6qX7QrCTQo/tT+l6ntpOYtH\nVXj0yQ6IRTAXFWv060jabz8sXecNoMTHlbr6BEegrzk4qxQxO0BdgoDnJ0DA\nMJl9gJ35gbJem6KbyNKdqZMME7dXydVpZQ2a4GirYtikxzo5Kqv9sxMIoyYu\nibdmNomh8+KmGshkUoO1YK8dq/CjuptyY9xcI5CefmcVelBscz9byccngVbs\n/W+aaTVXhHYyIu27be43G4SzZCJG0wFeolp+p4SqX//LhEfR201Zfgy6y2x2\nsP1TOQDHHy+5sHQutoNcgr+f1saV3d29UoOIlC9qNPYbn9Q/bAw47zMqsL+p\nRYku\r\n=k3Gk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"9f20ea5e081bb781aeb0d66d6db6a0ea7a0f5619","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.3adf84899.0_1578075708166_0.46557599628035695","host":"s3://npm-registry-packages"}},"5.0.0-canary.0d42ee650.0":{"name":"@material/animation","version":"5.0.0-canary.0d42ee650.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.0d42ee650.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"94d0223a27e3eca620a8627a0aebef9acfa76cc7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.0d42ee650.0.tgz","fileCount":19,"integrity":"sha512-Poui0FmaFVCXKhOhij1zeSv80gAzJjHX+QLMAVnzvzgItM4oc6l/S7GpDizjoNrkv4NrACS4Dh5optK+0CrVYA==","signatures":[{"sig":"MEYCIQCWcAuCE2A1NMjbW1TnKwFwRlwlb8qjN5sYBXcpDhifmgIhALjsmiZJI7HqNtid0az899hqXVfdKKKXgvgVt4b+cTmv","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeD7PXCRA9TVsSAnZWagAAz4UP/RfH/cJ4WmnaaodHfwft\naGskbnVLTjaatZ1RuJbefgreDYqQFRLUr7sDWWZ1ZxoksQabLiYDkxlyptF6\nKPgvO499i1cOzmphuGibG1vheCNbsAGpYYgLEPc+3Uyj71Y6X6IcSl1OS+G6\nYE2oWzoaL/VQMGnFO2INyIQaGNG5maSG8PAH62Br2SKhBWNZtBOgRJR9k2GW\nkjFDwUiixpZwe2ohHpm2YZvfgYpckysj+UrGPSrloBOl1K+6AjQs6DdzyY5U\nnm7+Gn9orNW12YZ56H8ZNeoM7H+ARZoXSAd0gm7f4xPbw9Z+nbhU1ipYEoPX\nNYWVxN3vYnfNXn4e5DGU7JJsZvQNfQ8Sb3BxhTAJlQ953nsjO0DnF9ooZXXy\ndA/bYFGQOKnH8qRcPawmEd4Q765gOmaHc9aZEDNqN0LW7KQEsl1l4e87dMHr\nkEuPI94hVdchJW43owRRRKVN4rulLLfff9bhof4AC+3rgUUq3YZlDlE2Xa+H\nwrcwCUFB/LPXRWaUHaGvEaNdfFXgMZ+HYinCUDJhwqAuvR0pQebPyct7q75s\n6AIOE8KWQ9KsDCEAmHMAlSqYGoEhitQpASBdt+hVqOBF7m4Dz4VRAvJsJiBs\n9pPe02jknimz1uY09cHxD62fDBpDwaO12uBWpR0/wL4c5XVi1NNtrjJRkWUh\nHIby\r\n=KOF/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"184f253632333982c2b642e450e6e98c9703fe85","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.0d42ee650.0_1578087382868_0.23391779214693598","host":"s3://npm-registry-packages"}},"5.0.0-canary.7be9e4a04.0":{"name":"@material/animation","version":"5.0.0-canary.7be9e4a04.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.7be9e4a04.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3af140f5178bab619df5a63a5d5f9d8674c99f28","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.7be9e4a04.0.tgz","fileCount":19,"integrity":"sha512-U4Cmf1YAtgSDUlA5V1qFHDm+1iBu2iQaPunkbR8+H28OyqRSkoEdCruYqt1F0awdbYLA9yI+itvQ2DNMwuFMxw==","signatures":[{"sig":"MEQCIH9jIDzxF+q9mdMk4rb8UY9F32AuUwKQkJlLjIQe1OA2AiBQo+Q1XQouffUG7Mvvqh46bPDomEegBLv6GAsZHap+zA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeE2hzCRA9TVsSAnZWagAAB+8P/1EhCH1scyI4QWTVSCw8\nhEs31yiLZe2AyL84ZVdDFoB/4M7vGSsjl+1rQEZH/qx4ID+iNYijg1eG4Vtz\nuAfvXAlK+QyL2rSRmIjrAMJPQnACQlE2L/KHwFyvwEos9ErFA4iYL39pCy+R\noGfP2aZHAan3XA6ska6hRIN1I0/5q+vbU8ty5GPjelTH/Dypfdwix1zFpAhB\nYxHoPrnQRzLkNSktOJkzr+DMv0vgLOXcA0UbgbD3E5h58mJs0pqpirHpAvow\nWVktCyPG1ANOPLEnVTf+qOBC3cPPOxVbst7qY5WJE8poR7+HlsohmNTbfkDG\nC8OctrOqN1ytxDJswmIasx6CO96Jnj9nSOQkSHfBNBP5ZDeP0dxnENH1CgWy\nXurB+lVeyYJhDVuOMufUur1Ep8NtwWLlmlVyoQ5qSjZEKtv1CPssHe3NaC4W\ngPggPGdLc+Iu6af3T5gSFfI8qIpxfGd/+0mzp0K7njDHcL6mz6eWyKsxY8Xs\nKZFSvcyJMPSSrvYmixVp214llnEpC6L3gYXBXykNHJdA8YpNmvpiV3WquISC\nsa4CIkI5EX+lfSOzOSK8B+G6ddl0A4UUycPm724MAVjDqpIzKnu/wca1x6Od\nJJWs0/1YZsfsaec2ADQwioOy8M50dN3cFRM80Xg+InXpmAvaHe6V8iSXW8A4\nPV4p\r\n=FJ/x\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7675b02e76469ef82297d4232a252b678b22d1ee","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.7be9e4a04.0_1578330226464_0.7775720091380118","host":"s3://npm-registry-packages"}},"5.0.0-canary.847dd1ada.0":{"name":"@material/animation","version":"5.0.0-canary.847dd1ada.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.847dd1ada.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3bcfba2cbbd39ea2e42517737b42c43f27d79ce6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.847dd1ada.0.tgz","fileCount":19,"integrity":"sha512-HurDO53KblXua/vJ/U8T15k/8XUGAzSWuHpBPt0Ykc749HZbWZHJevGHnLyTk7fAG53xY2yA6TuY/8wdNf8aDA==","signatures":[{"sig":"MEUCIAxFfE0XA2xktFdhykpB5xVTUAXYG4PvYLiNI/DiAFmFAiEAgtoRL8qudCD37dgCwZVAb4Z15qjgqvO+ob+BHi7mly8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeE4myCRA9TVsSAnZWagAAwtgQAI+aUWhgHhZm+ZcAD+Qj\nIM0nYR7JdUb/JsDp2ddvKLQysr1fNAJXDo+0H9qZqK6Sbp/ublZ6jGht5KAw\n/qaVX142vchqwzexrP0FMiBcl0j9zzpXfKMesEYi2y014VYWTkViwoiF4OwO\nwr3SLuhZPHALFQgcGztzO9rG/C/C4b4ijjawdTcfWRojaJ+Cf/N4raPXECsw\nqJR+Rc8dM/q2MmfLMFZxPY9ytZqBUENHef4gLBwhXbDhJo9lMi0XbllIi5K5\nLi21E8p1SNNCIK8o7DQ5t4A3pOMcEGTrJyFqgJNvUopQuNBsIbvaGwg2CRUw\nRaEzV27DHgvQbVqO+89Kkez4aqBDkpQW7jmidKzKYF79F2ZLsrslXItYegpU\n/R9gI5ubTs2rDGks915Vay9or4pQ6KNkF09tH+aJOvnG8bSKDYum7CnBD7Cd\nkDkLtDosCGaS0Kv38Vg7q1Zsp7lyFUo4sFPaB15dYRT7VrpsKX3ermVKXHif\nzYSW9TpVH7t5itovpqmiH00t0zuBjHIyDj8lE1cYTz5jvFqhSgYOZWrmQpqQ\nsU/x3SkzBAjrtunGEc1j3xA4iReQblpOmXhMVRRyeTZ81RP+u1gwaE/ip4yz\nOtTr3AoGiHJ4fhoZiWdtLIkO60LUTmOnaTobOIgI6J2qlhzDvi655zte4smm\nSuAP\r\n=I3R2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"cccb6b13f05f64e22210548991ad471df3de97f4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.847dd1ada.0_1578338738044_0.2604788278530763","host":"s3://npm-registry-packages"}},"5.0.0-canary.39df7e5df.0":{"name":"@material/animation","version":"5.0.0-canary.39df7e5df.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.39df7e5df.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d8f5bfbeccc87fc52355552d1dfd5601fed8e584","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.39df7e5df.0.tgz","fileCount":19,"integrity":"sha512-L02VZeNSJeTuBsvy5seJdnZ441v7m5Fhl38cSH1uwrUr7LhIGIksjBn3haoJg8aRF+OcICAK89PN1ZpNXQhDYw==","signatures":[{"sig":"MEUCIQDg2NBFDDgPu4Izz+IHA26TIwfO6zMQJw9/Frm2UqhjiAIge6KcGWmS3n7qsqruD3D3MaUhw+7evN4GkCdZucw65eo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeE9bVCRA9TVsSAnZWagAAxPEP/iq0S8kXcUuiIPlvklN1\niMsrEgoSOSJM3JIhlyZDrWdjfHwbh1cU8lJ+JFenu3UWC+REZhJE5NIpY79O\nwQRvIXB0U9RD3upZXUP4AK57b2XVJCvjQpAjFJdrz/pNpEbP0PGlmEflbRx0\nkxFQ9wm5vRjNPUeBr6/XbiERAgx8yOt1IXuS/zNo0dLiP5aUi1Gke/N2ambi\nqPjLJ+2xGub+Isqb14D784X2qz7D6SDPwv5E5EJ4NQL6Yd7g9HuiJqK8msIo\nYuTUuG9jahhE3O9KaT/nub1OsiUu1X4pmOjp02/IZ8wRNE5eYO4IZVCcM4KJ\ndY4H8YiQNdQqQVBkic7zK/YfeyoSEGJ4pU6tYpDH7PkiCjjQug0mWqdWmPWZ\nxyKNamm1AggyWF2OvymN9HzbevBRjIu5W7N+fbygXltO79ZjPUxKFfPAs9nH\n4Ah/nGCoOvAnBvhlrQtsRvq1auFJOnFFCvbDE/Ir35RTkJOMY3BiQ3ypPpQi\nJ4MbWFTvpKCF3vB2xa5YPBHw2oV/3ZQnQNFP8pK6iNoeOjbhUpODJoN3Umav\nTl6vdeAi/J7GBu2cPB+RtKh6X3JnmpPsXashEGqapeOcbHFfL5nf6Wa9n8CU\nhLhYRPVAGrMwiB8ZR/arxfqVNtbI2ySqz8CikV9vm6tlDmZkx2e5G5piNr1o\nZBNk\r\n=62ld\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a6995715f8fc80d9a20e6b8ea90e80f4906ca595","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.39df7e5df.0_1578358485322_0.9351634324272917","host":"s3://npm-registry-packages"}},"5.0.0-canary.f1a2581ab.0":{"name":"@material/animation","version":"5.0.0-canary.f1a2581ab.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.f1a2581ab.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b3554120a3f6be94fb83ba924d945aee35f93198","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.f1a2581ab.0.tgz","fileCount":19,"integrity":"sha512-I0fS2jkREjV+V0/VAwHWNOVwTbngHqtzMC9QEnsDK79nI8BcAeRWNxogfJzUcLdOjy1XMFN8Rjput6yA9rmefw==","signatures":[{"sig":"MEUCIQDe+rTK7WGzfK471+84cPU7Ja4lGVKAQ4/27dBrxzjCywIgBZLZ+EC2Ha524apqri5jllCERqrJHbg2NU4+VPEXlsU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFJyxCRA9TVsSAnZWagAAePcQAI3vI4wyw/XWL6WBXHuR\ncxUNfNGh3peQ3ptE1WpWud7JsIwQYjn0g2HDqg8CODCLWY/ENR4h4cg2FBCx\n+bJZnqUYPfttPC/ORokIqijQWhjWBZoikQZvUAb0HiKsT09CxJAVUI/znmQl\n53B152fBXbUqYUzPG/4acRdNCQljEQXF3BaU8GCe66HFI8yGNZCWrH6vISlR\nYnTKvt0hCxynMwdx5myX5Y0LX73INvu6QYm88/8QdB1FkUk8mdZ/6K+/gROd\nS+m7Vw5biV6axmd0G6SHKXYDXoyCYzNlniW6PdaNXbfZG/b43fZiS+NKRGaH\n+icEeQ8OAjD1tcPpwQzNe9CDJKz/TbRrgCM+JtRBZcqV/MVSsm/+axI307Tp\ndD28eR5401a4oMh7vniJ5Nupo2Co/+dCsVMnFGg2sKAXbwGjPI92l5bqpCTh\nkYHRQnL+lOe4xyr1KnBO4X06L9rl0oC6zt1bAiaPGbQVKbozgMPIut1HHQGz\n7tBcE29yIxs6+riAegAGSP5RlVNVDveme0xgKalaZhhmpwOMqh0JbZD8jvFJ\n4OeeRbd0cgaTKrIKzatxdTPMleNQHWZFGQDNGAjxlnmQyJb4t++2Z7/rqerd\nmxQ3A1ilTVnLVLkAY8zWJsdSuQejUIywshng1CO8VSrp/vyZpnMN+U70zGG3\nPVcS\r\n=jGF3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ae69ee79a4a22a7695be055fc67e5b974c2b989f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.f1a2581ab.0_1578409136804_0.5605664233268881","host":"s3://npm-registry-packages"}},"5.0.0-canary.7c7ddf347.0":{"name":"@material/animation","version":"5.0.0-canary.7c7ddf347.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.7c7ddf347.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"03a3169d7f0a6d2d8f104b5d1113790e80f482d6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.7c7ddf347.0.tgz","fileCount":19,"integrity":"sha512-B++B6cEX6UoTM27fyWEqHLytYGyNY48dPbUQoIgykbT7f9Pu4nLJpDyFKua96luVasmmlEASgm2RbTlMAR2cNg==","signatures":[{"sig":"MEQCIDDFbL5QlLDhbMgKu0gIjOvrkO6zBD/nVq+UjRehvlLTAiAWV09Qgr7b2YnLHGbgQnjVi1dno2Uen8J4IiJCvSt1kA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFKBlCRA9TVsSAnZWagAAhFgP/0XpJ8PjmREIsHrR6luL\npTme69OwPByswlrrkGxF8YyS32oq+uANJ8DU2gvFT4g0QbqGOO4KxQqZzmX1\nJc7iep9t2q+WMeNKL8eLOuAfOLV7tqKCmOWPXjLbGqmsIfxJzOWQarqOXugn\nWING5tQinjNHNYVw6Uxi2OU0jOcpDkHOsdWw3V+VMs4PktxOo95HE0x3BUDy\n3+FHtYR0JnSYAUoqD5f9Ny9Oem4WhgyaUORaOxq5/Fo4SlHPEGQ/j2FqKFiC\nOkkLKv8AR5riK/wjOfv9tm2b4huMDUjJujYxjX3J0glBX75A5Gyg/XG7hg18\n1wfkvgb6vFQju0liVKPZO7O+dEeLUBBkvl7ejj839ako13hgbEZV2mvwcZPl\npiuXTJB0Ov9ps/AS1HBXhRJiSlaP6mtRYa0MeZgB69sIkKFxWNxtBtoZKtQy\nP/BbQS8DDepnS6BlfTPFInKaswuJqCKVVRqr1ewwP7qkD/BgYyQQTQXlWPNm\na/eRYojVIWdfUf10zjtwm0omgFw8TZhb3c9JKPWvqsO7QKgusSelaA/CMx6Q\n1I0UdFjEpDRvGg8jcHK004KH6FlTuiikSuXpff8T3lJ0SSSWDd42dIPTTYVT\n6RLfKZSU3paLtNh53Atjm/d+o3vobVdxefmGRKQXDWZ5jlZFE3QLZL5XhJMW\nItW2\r\n=P+ke\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"940ae7448647ebd59a16a94b84c479f3f7bba9b6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.7c7ddf347.0_1578410084108_0.9620297963743085","host":"s3://npm-registry-packages"}},"5.0.0-canary.a1c84d4b5.0":{"name":"@material/animation","version":"5.0.0-canary.a1c84d4b5.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.a1c84d4b5.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9f0ee47a5b3c47e94175769724ecf01d90acdf51","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.a1c84d4b5.0.tgz","fileCount":19,"integrity":"sha512-Vxd0Qi+/x600kCIEPLtLN2LJ/5ZBPC0EMo5B7ajwlK6hP5HzwDQSwYxltmoxSUbE/Hlkl4rWNn5FQ3NKCSEHVA==","signatures":[{"sig":"MEYCIQDLl0QVWS6yCCF8YIKwqAWw9DJiD5aTzz9qbNyuHMJFygIhAPi2+gMOwP2CtJbFUgcbnM4/Srg+XBvTOtoqFjNdwRv5","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFMlUCRA9TVsSAnZWagAAN4AP/3mw9hoJQrmANhFl0uKp\n9wJsj4J7JAc3Eg/JVOCzGRyj1PUmRRe+nkEUqj1ZX4apzLi5DIW2dFTPYA6G\nzOefb2NbguT6NP0Zk71lqwfzZ/w9LksO/bzAlHTROYEa62VfFdlxUT8EbXTs\nL72IRVXOkxLn1OU+8J9teGsHfQUm/VrqyOdErhPCLPmN7//cDb6ZekmUD3L2\nI/JHAXwpjhpmegvwSBRjnrJExdb5umAkF3jcFNhqwJWGjs3NDHOIOa5kWQeP\nxQ7G7mLQjd+OvUrIAC1ekWpZS+Vw/X1ZP17w/23KxE7nUtHQ2iFBqPOE9p3/\n+F2rTXjU+N46EZxt/wvXEds1k/2XbD9hKhnG0/BoYRmxVa+vYxnzTeUad4gQ\n1mewmGvLx87pwlhrDSZJCgjgcd+DQpJJFWoiAIdKOat7A2P70bKJMGEvlblv\n9eg+Te9gqNGbooAN2LM/1B0qHUb/IFP4rDrHz2HTTaKSpdFvSTWkqF6XRZO8\nOCqfXnp79RDCaaoQ8cQHoduJASl3RhkUcJOkY37Rx3HBPLiHDNS38Oz3fNJG\nj49xA5E+DYUsnnWKHe+cM7HwuG20cIH9p6S1qvziGOC92JUUwGsODAhYSPNa\nMuW1w0FMWzJzulvqBWD8BO4rzlUGAqAv2Fvfq3lviGhT2H4Cde1wEvyynyk0\nou7r\r\n=v16a\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"5ec624a1b571d87d94d5187056a0b6db214d229f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.a1c84d4b5.0_1578420564332_0.2773332888382385","host":"s3://npm-registry-packages"}},"5.0.0-canary.ec9f16578.0":{"name":"@material/animation","version":"5.0.0-canary.ec9f16578.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.ec9f16578.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"db574d93d4b92936faf0db3b2b0b211a793775fd","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.ec9f16578.0.tgz","fileCount":19,"integrity":"sha512-fKt+Z8blg0xOaC7YZrbSbdfr2dvtuQoknbrXTCj9U4qqG9i5b+yDxUB2GhBn7JTWkLUPQ/2FophzdE8KheMOPg==","signatures":[{"sig":"MEUCIFsfR7U9YBQtG++AqhmiuDAbk0Ki1ARS/LCfJu6xguysAiEAzzGibjiWH6KXsYwCDaspEVrQUCSSCPZlcTXJbk0Ztec=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFN5RCRA9TVsSAnZWagAAdw0P/igxrxgfij36wgJyhqfs\nRxLDGQzuixCqJf7iwnxUz2DmX9AES9MDAiQVCLJDGBQVWijsdA+mYVgNEdRa\n63/3HlJDX7VkkEZt0FP7CxZIg+4XZzbgkAXa3L5K5KWZd4QJfpOVpfotuCQS\nuFQiGh/yMt2o7qk+tc9j69DTDOtPNSWqfk+0tR32ThdT24IsLTtN2AFB71QQ\ni+sVG7UYBkJupXmCrR+/f83OLu4ojpVz4TBSOo68zzne6QRFHbfx62UpRd3X\nHef9B+wrM5tRkeEcRgABHFNNnPkhUODbKF6Dg5ZQnqHnNnniY8DiQgaR6jK/\n7xzHveblN7sNBqLWftsBaSOS50SZ7ekoMwT8SgokAJz17qsJNjKC+G6R25Ux\nU4/kNKoUu/97Nh3Yd2taIYv8OaRr+79K3/rl1+osi/avl9zYyqDX4HB0+QVL\n0qteOKdF3UDRYb1VuMBPhpzWzUD1d7hxpssMr1oSPAMCm/6UOUWu8Dvb8mUT\nhabg/K6agjsCx/CJcr3O+jsqe43eDecV6A7bVI6v/kjGgEaX2SSJ6GYzG2ku\nIbX/pUKw6UyLL7MAx0cIIchuMqTKve3AjBp8nm81R9g2mT+l6OVQ2bfqVtTJ\nDliZ5iB4F6lk5jOly+l80PsNOvLeDpjgOQaN95VlLqlrTnZk25XHYZvxVQdp\n9sp9\r\n=+Jja\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"23103621e66342865b8700c5948ef9134fa8d1fb","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.ec9f16578.0_1578425936837_0.06912588398012098","host":"s3://npm-registry-packages"}},"5.0.0-canary.b602226ce.0":{"name":"@material/animation","version":"5.0.0-canary.b602226ce.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.b602226ce.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"736ddcf005572b0f6e48d5ae60661f7456d0ce8c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.b602226ce.0.tgz","fileCount":19,"integrity":"sha512-4eRRpdrGcMuB1fV+zpUVG3s0va3aX4bW5Emxe1FDaanMq73T5seXuLTip3d3mrB5J6I79Hh46HNSVriqK2WyZw==","signatures":[{"sig":"MEUCIGJi9Ojf0J7leANwYv9f3IE45TaIwMu8yom4r6LZ2jbvAiEAiJOv6f/d2IY73U2jdEW+D77DDDq6Ah3O+1r1Q+NQjeE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFOauCRA9TVsSAnZWagAAmZ0P/2j33eEAstASlOK7AWr3\ngK9jBTeWhON4aA5/SdEFA3cvDoaGcFTpWfYvmhIB2+tLwJG92gDnJ0WAe8h0\nhSEx1n9vhN0FBlQSSwxhvmlRHdiiylpQhT8IaYtU+agaPbqxVXgdKLzQ1MYx\nuXt0YL+AddsqONy56b8nupA6HXlSFeAKk7SLAQV0cTTuX20Uj8cAGig1bKLa\neP1KW5f9SFh5BFi0vVRiBswJ8TvoRDNs74/LL5l/a5/XO6hTWd6VmLwxU1tl\nZhSBax3YrDMLi+q4g432CYsiOFE3/2FMEdQ4w9WxnZVWZ0kPHHD4nrWb2kJm\nxuBQlXFcEqtPesAj3WHqQ722fRNLY2NZODwNB6OotTJpQEZZYSfY8nxAJ6Wa\nwSpkMO8/pD8eUXXw9X23OaZqufGYK5ubmQpoMj+4SOeMX2R+Mz+5WGvnecnf\n8wxax9MTIViH6Y7UO2qtEFfR/UDZ2lIR/l/1807f1z+qeGeScvXIBQxogPSE\nZJve8+acAjvajKx01wfHW1BVlIRcqaOAiN2Lbnt5/zFy2lg/7ZGry8hdE91Q\nv9nS8NRDZG6RZNEJ1udmXtuf2zwKp4lpUJ60ekgOukQ3JloYJ4/tORY/HGZi\nbvGl4JeBJFwDH4e1C3C3KN2oGib21OavZuyVyD7TudOWCE1I++HaWaYVC6DJ\nsZ4F\r\n=Cbrl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"de0d35ec6a5285ea0c12a54a6e35051ccd0aac1e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.b602226ce.0_1578428077682_0.019468876767977372","host":"s3://npm-registry-packages"}},"5.0.0-canary.b2d2dc08c.0":{"name":"@material/animation","version":"5.0.0-canary.b2d2dc08c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.b2d2dc08c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7b477f224f5afbd9aa8c69e969ea09280882bfe4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.b2d2dc08c.0.tgz","fileCount":19,"integrity":"sha512-bqQeVRgMCcAbRpE2xVqHUPGDZ62ulfAUP6UDKMKjqu3JTYdkW8nVikiXatbmV3ANQFzliwNvcGfKikiRqGsEUg==","signatures":[{"sig":"MEUCIQC1rPZOkKwQyLYlxYRjtcVpDKsUCV5Hgb23cbSV7ro70QIgbWqb2E0hlbd1RcQFYVyk4jTAmRxd2MnYOycVqdiFoAs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFPdFCRA9TVsSAnZWagAAJYgP/169RSfrEdZEyba8CByf\nBwL+LGFH1MrTsicMutZbF3nqHdqT44knIWh6mT2s4Y82pxiOMZywR9uRine5\nBHbw0UAX53ptUh5N6KZbKS3xEch9IbnwYTmK6PS2AFeEfyJSaCU4EkKM0LpF\nfkNFYLgesRnlgY5Q+zfRLIbM16odl182U+hS8Ttz3e3f4nqigtZAD7/JIBnf\nMuubvKUwXPmeMTKcBNhXR/rDyDeXeWkgIHRF+rNLRKorE/TsI91qSVqs97bJ\n6oDeAzpXcvnIEzL0UJnHVdtbTFK+AvrjyOMqATJywIa1So5b8tbYsse8xKOM\nPCVprOsX8AaD246cB8W8txszgCnkO/BipfaiAB3VRg78MtgCDnGYQ/LdlV6G\nZg6z456DzSoAYeTlQuD6pkyDRu+wwJv1wpQVxGP6rJomsbUxFSSAhjvuWS/o\nakAP4LCpf9EpZTAtGyHHrKoJVLkk3sl4+HoNLj6fiAYJg2WyyuOiaIMj95iq\nvbFgDWoxKgvAXMPxnXgdhNz+e3rHa9AF19g4OOmC7lDgjvYqWPi73kjMM8Yz\n+WUXkH/YpadfPYG5cFIFKa2LzMpFfMYoaRloPED+MyduisIfCW3QnE6u0vxC\nRpLyFO7dEzJiSLpqzEJCHqmiJTrixk6RzA1p5KhiFbmT9CuIruWn3sYfIsEA\ngPmH\r\n=wgtB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ec9aa1966e1f2e307207d815ccbe3f16750af94c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.b2d2dc08c.0_1578432324903_0.5947408848175466","host":"s3://npm-registry-packages"}},"5.0.0-canary.61f2d7580.0":{"name":"@material/animation","version":"5.0.0-canary.61f2d7580.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.61f2d7580.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4684cb3cdc236e8b7df48cc6fb715c0d6b9cc4e4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.61f2d7580.0.tgz","fileCount":19,"integrity":"sha512-uvv2QPyNra8a8oMmt8MBiigIOKuXSgd+veWy56HIiejhgJHiu+jlZxK82HIQDfGrKqk+ob8xEC+dY8ceT9ayFQ==","signatures":[{"sig":"MEQCIBXhbY8XOkZI2lMjIMmU8I1jxSgGpTXahSl6rOQ42rXeAiASKSdQGC/VK8YmCqBusVdL4bIrzvYLeO/X0Ba6ZGKvgw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFPp2CRA9TVsSAnZWagAA3ccP/ibdi/YwBCjkFCK0yLRj\n3vd96KT71oO3HuvpVMxClLVgCbtjWZb8pxGJrJTTEeU18FJgsaFA6Af74kaj\nNQg8W1BNoQ0ZcF7kBWpVFJjnCHeuweEU5EKQn08PoU83ZA0XHj+cmwyRs3i+\nTAs94SLlKeBr6K38FTrmKgY1qYVPkbapfD2aJ0AnEpR8R6DpyPCEp4bnsF1t\nNjGFWwKuFSJ1vhgzU5LqgQcTeDWn84S9CySj71PjPYzPmO3LSqCt1ICuAneJ\nIOn54ZAQgkaXkg2dWLojPHDLsvy1wRdAZm+uGCV8UtyNzfOb+iGchiLzHKIf\nmma86bo2KHRZa7e9vFUItiTEIqiEbniNXYRv68AQ/z4IjdZLNR9vYeGht0Oy\nIG7aT7qNuEvv1X58EQXc3yt3+QAfoJlPR/rowRtjecx9OhJY/8jdadjN1fbK\n2l/ytwjcVYTBhlSXB1U6hudI260swwDLxKnYK/l02DiQ2BmO+BrJKny65uGh\nJ2Wix8NxpUryjbEaLM46sYnpl7mDjp6eP1G8L67g4gmFhUP3KzxyX0Fojzgh\nKE5yqvAjU5lgxkV2hfQC2iI1hUljcKhPiQAFWQ7DjqCdPsGV1WZi54jiACOU\ncOnmnQhSY2kJSZthgE7Cr92qLjkYZ1Ojva5Oow7ZsRLCmCBTNKptUtz4x2El\nyl9b\r\n=kO8J\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a826fac64c34ef89005bede280cad29c76346e55","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.61f2d7580.0_1578433141883_0.2852244107302304","host":"s3://npm-registry-packages"}},"5.0.0-canary.d1be53a2e.0":{"name":"@material/animation","version":"5.0.0-canary.d1be53a2e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.d1be53a2e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"20b59cd5c0f80bdc1be7bb7ba3b7fb4208606bcc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.d1be53a2e.0.tgz","fileCount":19,"integrity":"sha512-X51FVa1+XFw7HezAvVx9yP87zGQR6EwJDVzZyiJ0dCdk3nr5egeP8AQRrCo4jfPf8AsIm46NhSMdX3Ewi/qHqA==","signatures":[{"sig":"MEQCIFydP5m+2E6RKj2cKdT9y42a79BQJCUgqLe64/Gs7Id4AiAzyQ2CmeJUyBwWEeF/I6zy94NQFhs7piXvRG9YbZ/SHg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFQMwCRA9TVsSAnZWagAAJbkQAJifAHnrkAL/RLBMy2f1\nWfl0y0gY2WrTabUJiF+4rmfyjUF5gA9Ec6jLTBkHJCgzO5+3PN8FRJDuu5sj\nscEkegqZJo5to+xI5uwd34UJHCeRfxE0V0BdKjjtPmSs/chCtphOMyKthNA6\nPkYUlG8ceWtbHEEGE+/yzfRbBTa8rWePN/ETv/obXwhK2mJ/ogiLrBfWE+cZ\nBdHKDTfekUjpZ+ux8p5d5Voyj8D7xa8oH4YDfkd+VbfzU6a4qm4ZpvfVlJva\nK43FQMcWnn//iKuF1YSSvgXorGJtQ9Wb6NyUEsmnJPcATMuE5lzsWQCxGr20\nCTvRd1P519DMAZmm8srGKVGRQWbvkCoZ7SkZe6ensSg1j/fBVoe0Nvj0g6jP\n6G4nBA5Ln/Aq6uuOCpDpaWKBb3TmArxi4wu5/0vkpX7z2x1KyOiXtt9nUzK9\nELDNLDMzPtGIccXJkrZ7P/LsGz2OYxhnkKcgHvWfJPQWlTYYuMbA02A/LoGg\nAkEOWHDXxQ7oP8XaG5D/MH/er0tnf4UhG4tfR/iKcrL6zhxr90k7ixpsi72K\ni7FmMnqRxqajMI3y1BeFouvlj9meijI0+VxYZXngRtkWliFWt5F6WoUpt+Tz\n1pGM7GwCNXAxQwYOsmT51HDCAshS96RewKBOXn4hFK2pWypYVrriQ6YqBLBi\nHGkc\r\n=vaSn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"5053f71f9a35d62630821c2c4084794f7bedf258","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.d1be53a2e.0_1578435376121_0.10867000572240726","host":"s3://npm-registry-packages"}},"5.0.0-canary.9b0d06e32.0":{"name":"@material/animation","version":"5.0.0-canary.9b0d06e32.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.9b0d06e32.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"422993d458424b8bd92254b17c07a19a67bcd507","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.9b0d06e32.0.tgz","fileCount":19,"integrity":"sha512-kiP/jRA4u8dX8/2QR8qqmPcT4XJ+WwBtrzW7kBOrfM5Mz85wLlSWM3WhQvQHlZhisEAgONwUh5kj330ttWH2pw==","signatures":[{"sig":"MEYCIQDmg3ovEWevHHfxneTyrdzhIwn9ygEKUCNpGc3vexL2KQIhAIsS9niar3ZJoF6rYaOfc79sYtNbkwfv+sAfarIVzWNJ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFQPFCRA9TVsSAnZWagAA/MwP/iitGDDHUOezFgwxXwjG\nOTWXrx8qMuCzIXiC4MViLvC1tgsSxESEpjxCiRHwMNKcwe8SIG/bAGwjCrbY\nmy9Rll+4mJhgk4YlTfAxQEWI4gkogcZG7YwN8Gw2+Y/XbKZCFCFkHTwV0wmM\nygU1QAu7hdt54q/+5RdioQmVOoRe3iKDRW/DAuLyMDA6CSRHNHP1jkkobYKk\nbOr3Lv1xTt9lrsFxu7TwyOJ5XneNCEFRSh4ddOXvg14X0nSVAeHaZDKYdQ27\n9/y/h0igKhBeYE3kfuG1eqXVr1kyK119J/ti9Af/hGk1WQVAGGqw+X2CqadU\nbz8oIXOCki83FPkQplnCelbVgYhJojiY39V6ML14605srR7XkdlQoQwj79q8\nSq9E0A4WlF3mLPenWJstHDtygq0tQ8Hb8fFZJfZRAp82oJVQla0CacQCjU3q\nltUiag36E12LRr8h9vQCoqTf2LzFM31CZguudUpLu6z9lpJWVBj2QZDJbd4A\nzNxnNy+scXm/FlFsLfNFx9luE8GKXeE4a7Li2lfv44CA7/wJwFIOtBkTuV0q\nk4cSZSqSsUjK7JQVrkzIZXKbdMondxqWYhEzcNmAiL84H+SkJvcaEvEwpOIc\nXjIA4IaVLDioPUxti+qjNohcKKcYmtnqDgbA6b5Pa/wmslXbiqK1N1KltMiT\n9/Bp\r\n=WFDS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"485fa4920288a2a37995f4c736a1d429de15e53e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.9b0d06e32.0_1578435524679_0.787873330538893","host":"s3://npm-registry-packages"}},"5.0.0-canary.730c807a0.0":{"name":"@material/animation","version":"5.0.0-canary.730c807a0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.730c807a0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e84d2f9a3fffd2c39a4f36c439a27c332443d669","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.730c807a0.0.tgz","fileCount":19,"integrity":"sha512-uYgeQhtjefM1HrOeVMpp+gOX8Xmm5FjTNqMTUKUNttKvO4VyoXAgm5Wg/BAyja6L18uFQK0qDQ540+wcWq/kEg==","signatures":[{"sig":"MEQCICVq6/8ait2cnVw9ljA3S7NzUmouxELuF23RAigNLD5dAiADNdBBEctQtxnZo6Ww7XxuLN/tn++jA07yO37o/x03cQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFQQlCRA9TVsSAnZWagAAFV4P/RrXbfQoQ4KdhG/xdjBG\nNSKagXxTA/BoluCImZKOplndElBnDgnusq/paj0ex0EElOezGvUWZUiWL0Pz\nCq+I0kZqCZQnb5axyghj+cL2ETDpXxZL5bgyHGbLVnMOTnmA/RdMCnnxoa/m\nJfa3hGBB4EQKRwO9noWKwHNjahYJ8HoM1gOwUtXnbZp1rwBh6KNyP85sL/H+\nw/dNcDjp5QmGP+zUPrXsHJL/5CZlcZx9e6gcyhopvUHMG0RmuxvgWUnXwPOZ\nhd6HoSr63I65sxLFg0Zo3l9WeGe1IbpZqyR+C4Mp0FanmxsppH7uxen1khx7\n5kLsz7x89OfdR63lsCEHXg0zgXT916Lki5ijalJtQ+SbHRO8NcABQk8At2DD\n/cPGc2s0weS/ZkkhH2LRg3HHKsupeF83MYpKdMieyyQSoKSdGJES+QSKN9aS\n2GSIMoE+iSSAtTZZ2Qd0I0+v+RLY/dJNLtHyWH0VBFSMYMVN5Ze0lpEEAV1C\nlIzdzYvh8D7/Xp8dmboZ/xV0mw36YlasDDfTvSazeD8acPRc4pURm7O91OUW\nNVQg6bcP9AMHIzhg6Tasf7s3grCNA3VU59e3Tg5nqLECCblJQjsm/8R41SBr\nZx8ZP1pciB65GI/FZck9g6qji9uNDxwazeH4KKFUYUyuqQyiZTt87kwnp4Ow\nact+\r\n=3yeR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"8860f1c513146b0f8c59a8c70750d1353e61feaf","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.730c807a0.0_1578435621268_0.6382191743204653","host":"s3://npm-registry-packages"}},"5.0.0-canary.2213152cd.0":{"name":"@material/animation","version":"5.0.0-canary.2213152cd.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.2213152cd.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2b00e76ccb849b5390ffe697ad359c82168e866c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.2213152cd.0.tgz","fileCount":19,"integrity":"sha512-HxeLuN4NifZPXvTrZAX04D6d75YQW2kE5P8zYnF/9ebOopjm9H2A1hH9z8NilPQa27g80gyulXNViMkiT6O6nw==","signatures":[{"sig":"MEUCIQDdi5qASpmDTF9+u8iBqLy2Xc/vdD0ayrju99shznKFvAIgbEKJNOM7MsoJmSQM1XJVZ+fwTLlXmAPT6KPLJaG8hnI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFg+fCRA9TVsSAnZWagAAqRQQAIbFlv7mVyYnHnvJkMy4\ng4zBPTc3OxhYSQjV+3zyI77ov4d5/pBRK328qYwJ9MLsLenbSY7GC7cF6hdz\nArg/BucO57fxeueDU9OfeUs/Vm/qWhHvSw/A6AaSGGeSHyhm3pXk+uodkNLZ\nzwe4EMjnYSVetpNiVz3De5uLiGqzVxUbAiUWmopMkmSv35/XB9OhCUs8jOdo\nO+aeMxQqtKP23AxcPfdXlQPN9k4EDvjqbKNbsu6y7gCP5pzFq5bOd6/CTEsA\nU9UxytsLb2wxIqGzDwgJXh4InOn1swCR/6cc45zrQJqnjcIqc4t0llFCs9fi\n2C3LGKgCSTxe4qIPybTJG/iZcQ19muNDB3iLUDJzP2Nu4A1rVNwlhq6ta0jy\nVjbtXld+WpV3OgUi7u6lNQm+nmVPrsgOKIdxOgkDNqR1dpp3j5WrLRdYD4vT\nb3KrRhfhTJYEtKPdNz0X+Gig3922mEM8MnkILF+zBZ180x/A0L0gfM00AFY0\nguhYtV0XUBPJPA0HjZF24iar8smu56/sJwSSYz/8BatRqU64thkgC7tmbzyq\n/UCKRWXvIFbOlSvcYkpI1F6jKD51p8mtMW7s0Po99yShBL9sKQiiKWYrXejz\nBNWPDxRT9cyMpl/2t5yzPX4DojvxB0kvnaKVbuIrQuMkdTqIOgY0vZyEVr+F\nDf//\r\n=OK9g\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"0a3677a82eb2000c085d0cab420c907dca8cf13a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.2213152cd.0_1578504095493_0.15897006844034167","host":"s3://npm-registry-packages"}},"5.0.0-canary.5750f7169.0":{"name":"@material/animation","version":"5.0.0-canary.5750f7169.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.5750f7169.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"096dfc0e1c2969a1cd7eb500e4030076cef89837","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.5750f7169.0.tgz","fileCount":19,"integrity":"sha512-Zm+BKV0nSZ1kM/QCq80u/wWGOwy9uPOMUwMiYJTh12Yvyl8kOox67ZxJQwMwtQBGxEu3T/4J8zGDF2DLzBOv5A==","signatures":[{"sig":"MEQCICFoti1VPCL12tXCflAU/oMSfkc2vwWJuxOQztou/dRfAiAtHSD4E2wSlZJa0DK1WOwpV36E4SgRwQm2o1a1EpTpuA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFhe5CRA9TVsSAnZWagAAfuoP/2v6pdX77jGJmj9P0TU4\nC7ON7zDYjC+OiCE+hmjyUzzP7jdJyWQ7E9D6a0d/guDbY1rMxtPh028Jx2kO\nufGMFBtfzAlaltDssAaA7z/g1nv2gxIYDRiNPFUpsbuzvCD3gAmkJ1QP1zOk\nOVu2TuWR/z/XZWKh+qbUzdmKl6ITQ7SeuPBR9Tp/Dq1xmvEjy+VEkPF9BI5P\nODcnObbsK3dT9jCRcRnelGs/lLld6oLChNUcaAPGF/GsHseZs42/FH20gbWB\n68a5Vn1g/f2znlqCRxrAfXIpFx23TX/wjNKJpE0mUrac1L+jPnmL5m0X0jSy\nIuKW8wMt5wtbM8R0EVj+ujk8Wn76gSDr/z8wXCxBk5haxj/PhgVMEJIZ80pO\n7goBLDjNK09U4RhzA4hW1uiD7CkOn9navGT0jHX2s/FLq4Fyd7JYRKwOIgtg\nL/cmA1DJ9ta6jd2RSFRS5+lQ5mFz40eK52tjs7q0tm/IIFOmcna5Ge1yErGN\n4yzlSPqPGQN0faMgN9GZNOOnpM4F4icIYWnDzpf0SW6Ig+ffys4xAeH8RcIv\n2+74VP/dhpqCwlEsfVasxTF4WPsgfVeOmqGw/+F8khqlgKZrOoedeOARILmQ\nyER6D23pxJv4XCSyZ5LvoS/wfbGgUOhWiQ7zo6J8ES6hELt1l2nzz/m/2oI2\n+Isa\r\n=pItW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"394a48c85aa714b74edbf6f2b4172e4b066f604f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.5750f7169.0_1578506169336_0.2797291122465919","host":"s3://npm-registry-packages"}},"5.0.0-canary.f7abc7a43.0":{"name":"@material/animation","version":"5.0.0-canary.f7abc7a43.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.f7abc7a43.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8032cd6ac554f111621f8cff605b80a75394c2d2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.f7abc7a43.0.tgz","fileCount":19,"integrity":"sha512-cPB3/IWqJ2zoAlzvKN79jgANfqkBOlPi0ngT5O/RNsj6eWtNtx404xhmaLDSxyX9PeXZywKN8aHy1r0z70qu+A==","signatures":[{"sig":"MEQCIH4iFjJIaHh+PZU2GKmvYu114hmWt//0eAd6SSf+Ual7AiAEEFCNmOj5Is76gmRuDcWVy552Pq4JdzAd53iYEuU5fw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFh75CRA9TVsSAnZWagAA5Q8P/0m5Ft+Qd99W13q4IDO9\nnRZCPAmP8ppEsuvWoFlUEr9RvBSE8zx6F/3PSdo5pSttCoGEorDYLeNUlVL6\n1yy01rGaiJPm14Rd84mQHOMfSsKDGXBK1Ay+GVKQSWXkZgnixaVa7wVJ+jiu\nQ0VlQJc4+trQ5560xOq2md1ejhr53L+xY+WPhUDo/P44+LOzGUJpwXIaYKEP\nqNKQWbz2DLHdAqly4Y08MlmGBAHoHMhL8sSQb2A1FoNCr27uRhL+t1JOITIf\n7stkLo9bvOIwDSTma78B89dHoGSjY585SKNsQcQB8dYtiZqW0RZDcmVsYbL8\nazXdiIFCg9lVGnQaWYPgsUv1kIlKDD7FtiTeIvizMOPEYawh6j/Djm+jLccn\nhyGIyEHLs+710Qr/whJyT4bpQkXsVytMCFjRp/CQ4PGAyCvQleA5Y2YoyCj0\n/E/xRfCWjWNsdaA3OxXe9UplkhTvbh3YV95yGVLNqj1UbpAbWn0GZWzJawpE\nbSoybizNPb8fgPZqHTnc+7G6fECcf8ck6kTBZnekZy3FOnXO7mmI3PWfymXQ\nlTTmnbjVI3CBoSamdQ71LuGMAFO+A3v0j9kWvKf5a7qW1yxSOxkIrL4Yisio\neHhWxdFzXNzmXd05zQDdmISqssLpiREA2F/trMshcFmt1VM2uqVCKJYh29tc\nvBsH\r\n=FVwB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f7431b4b45a3e410e9cbc1ae6abe69c3b00221c9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.f7abc7a43.0_1578508024658_0.37346907280800057","host":"s3://npm-registry-packages"}},"5.0.0-canary.bf7b4a061.0":{"name":"@material/animation","version":"5.0.0-canary.bf7b4a061.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.bf7b4a061.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"11dc51daef92944cea3e0f5762a95d87c93c3860","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.bf7b4a061.0.tgz","fileCount":19,"integrity":"sha512-A0OznFQJvx5I3d/4jZ9V5RSdjKiBiwUDQS9p/xJexkfhaN3eFJgOFnDqHd61nCUyAFvLW+2MYCwtBR9tj3G4DQ==","signatures":[{"sig":"MEUCIQD/Gh10GK7gDPsDVQRicvuoHAJ09w/3SNxsRA+kj7zWDAIgYwyOI/WLjMHs1HNNN9rTrzUFyeDxGzgaWjfJ/L8MS8k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFiI1CRA9TVsSAnZWagAA4BcP/jUJT/U/so5MDVGUKRDG\nsymjfpEonXJ7xM3+ydqbd92AraUcyvhg5KyccyUFaMRHP631qFffnJ2qdaeJ\nyjztOiaFj7H56o+InZEsV9csbdKKQCksebG2jxw0Pi8F0eeHHLVnvpvKx3pf\nCdgBo4JS8cfj2DgD0bTPgRlWxInR8sJFRnFwyZ6PP3GM483C16nISh7tArHh\n5Fjg2CFq/WMlh2ZAw4/TZmsGcj8bNW+QaL6QvR6j1TSLUJehuLO/mMh13hrn\noLLCiHnEqmrx6n7FxTBKUredGaNN9JpJbFFC/TRNGpLw3bdpaQ+BBU1Ab9Mw\ns8VccNM7t/HeVDwhoPN6hVFbMA/nlPq0ViB9e3wTEv1GHeLc3BX5hxc6WhUR\n69HdAwYfWkDM56jrpg3ealxbNBBLAWRJOUSwEVADdHEOSAOHHzZtylQ8AxJk\n6JyAO7FmrOZSbsbjjNG+n0wudWNQ2JPvQN1/HmJq8TtSnCazUA5+ZznspVdC\nc00TRuU4GtjQ1IW+tq9AADS6OEZ9SU2lztCgKTPd8LYP2AE8NHCgxgHrQowQ\n+sXOQeARQaYqmUTdbnSV2vp3k06/4EOgcpyDc0ABTp+rbi+6raMDuX2wyK/G\nsGY4fT4RIQkWsK2/5rCt8fL45xjuAbpZgUYQzEKMVVKUkjYyFaByxNpyhRBg\niiNy\r\n=0z0V\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2cbac03ca7852ef897dec80561a01faa8b537228","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.bf7b4a061.0_1578508852564_0.2864332744985525","host":"s3://npm-registry-packages"}},"5.0.0-canary.784fa7903.0":{"name":"@material/animation","version":"5.0.0-canary.784fa7903.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.784fa7903.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"325fa3a98480a4f4daf15586558c636cd870a43f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.784fa7903.0.tgz","fileCount":19,"integrity":"sha512-2EkBJFGFxuRWRf2NrS+u+iMFu6biu8Rsi2nXZx1K1fXZUNyheulBxZyPhxdZKemgMsrMqlilvWLxR0rmgyjiog==","signatures":[{"sig":"MEQCIH4Yo6M27Q61UeOcNWGAEAEVxlR/V5ChMJ7bKXblcP6uAiA07P+Q3kbAq1mS72vDdFGpaL8UflqrZSILrgVjbdCDEw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFij1CRA9TVsSAnZWagAARqIP/1J/vjby91/vS7BtnhqS\nQnWfj6oLMBOZyNkR9PUiJ7jB2HN2kq2AAhEG4BEp+dB7EHvcXADjYbLniF2k\nug9a7fJ53e58dqERmiUep3eUHD4SgfSPaRZ3nLrv8APDQpFe17tLGLT8jgfW\n43EL8nE9fQAcHK7MDCsrOnkbWLzSMO/xbf3g96EXFRBJlIUbhenVMwIjrCFZ\nYuL9SmR3Bpr0+sBQwpaQ6TDitPpN4epCDbLgYM5V0MIQlzcrjmpGt/LQWoHl\nipsaM7UPM3NAUB/H9r9nF+Qd5hHf7ARvcqzGTyZEUecqwRLa0iiv7SL98SWe\nH1IRFJjBtxOTkNObAIi/J4FaCF1qZ3TK/pRE5n2jfEdMjzcewhms9sJ3sr2/\n3JDDYTzunukUziYJYcEUbG160Mdt6R6khRGGHapb+S2x+p23ODKIBJmL8Fl5\n+7GwvNTn7qZll91jH1FDsHiXc0GNIa0khxlb4+bb+N2fBgqLw56MI4AAKRq0\nDXuBy+S4+n/S9KWldADlVvjAwLuBbgiLNdEJY+YnbFRf2MtHXrH4VCR8hyo4\na40SqhzFjTTqT3Fko/XuCJXXCfqxIy8LYgGTZzF6+mxZKLOA7VQ4KgKTZkww\np0JBKNQujbSYWiFnbrtwu9de7MpZyPdt34uvFhJzRd5ye0Ltxes7kmcGadHz\nMrOb\r\n=/TDY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"61b0d187c5c030042fb90bb59c1ebcd090186cb1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.784fa7903.0_1578510580952_0.47307746896159153","host":"s3://npm-registry-packages"}},"5.0.0-canary.823c050ba.0":{"name":"@material/animation","version":"5.0.0-canary.823c050ba.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.823c050ba.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d6447765d268cb6c773cb8c300317cfa2f072cd3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.823c050ba.0.tgz","fileCount":19,"integrity":"sha512-LANNfOxgsg1HteEQAo1ZEuF5/HvInBNCQ3G5cooXC/wUIYztys62CDWrT5Jag2NgzGC+n0MiVn10n7YhSQdV9w==","signatures":[{"sig":"MEQCIHMsYaFF7ToxtmcoMfJYbq3rHn1IqJPirI7/5CP2crPFAiBBHoXlNNES1xQDnykljcOpT0xES9huNqBoGKRVoPVdGg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFjcfCRA9TVsSAnZWagAA5YQP/0Xce9k8aCJk11K+7yfw\npKCAiQphs0lSy2Tmuzba1mk8W94vOgwlzoL/mM/0/8MTai+l3q5mZ6oPYIk3\nS0CqncsQj0WNehcHFP5gd1ErWuBlu3cFKL6glcipIt2/PJyQlwjmb0ScxcqE\nVOdbo1KgQvtYoGV1w0eBgizTYAMm7ZwpO66KT0AqM+h0IHnKQveRtKQfC1Mx\nKZOeEQAEoEcatdRWb+k4FQZqWNVrh2qWzsK5d3+e9lw6RJk9lNGLZb00mYTk\nEM30NjMZiJSheIKd/E22CSMrPcZJJSbeP8fWM3BZ958+gDP6PVtSAOwom6v0\n3eu9OujSarDzHbtBIt+ydExPTGNW9lufnj32R9i5sX0hgJWmnnQWTqWlw5Lk\n2XehZjpOv9lLamIp8KflgR6itifwOaDvbBbZG6OCNsDB/6M8RCUX73md8FQF\nVwDXYdqdH19dFOPu5WIhN/Ti2VA4fFRFJqdN3fH1yEN7So/OJisImU/aerGg\nLA8JKJrtc5TTdEK2gCPiAi/+Upk/qkDLTwPaNO2u3lDjGmPErp5hgiaLdCQr\nMsoopjjwX5y/+8RQGDG5lzuxhMcNO00G4cB7cRCA5BdQqTfySrHIJ0MJM8gF\nYRKAgc2UhLY0ttX6hgpVs0RyZLUUiZkueeVgb7iOYhFGTZGY/GO1xsymuj20\nzayz\r\n=lgeT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b08bf7fb482cc6c0e80d365ea2bf510d80680bdc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.823c050ba.0_1578514206658_0.8165749961475637","host":"s3://npm-registry-packages"}},"5.0.0-canary.70c708dee.0":{"name":"@material/animation","version":"5.0.0-canary.70c708dee.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.70c708dee.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"abac13fb00241b22e783d3c6d51b446b43b259eb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.70c708dee.0.tgz","fileCount":19,"integrity":"sha512-2grsY+ZAmoZQ7F2GRhT4zvsb+EkQaW0LH+QOufRLYJydqRXlWWUSYnNDoGSy8VdT9ltRQlh4BwQE81sLWVkeVw==","signatures":[{"sig":"MEUCIGB4p2OjYnHasWFFcH7j6618si0/BTciqivPwXLkmNB3AiEA1wC/0Sx/zIEnPQLvqDqJkMith4cyi0L+ciHDdeQXTJw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFjnCCRA9TVsSAnZWagAAqTEP/1TpCWfcQAkezh3mf4X+\nmW+9CADveR2tocXJ42iu7O7aTBk8zGJv9V8TSAnRdLeKAvuhd2GwJB5Jm2HR\nruAaVyukFO7PBNDtcej4t/H3/tDB/e6gMcO/fjduGmu9mvmQ5JWYeqSQdzdg\n6kaIfJe01YRpSa7Fy5G21zY9rqNxcdc28XY41t049qVCYkDFVcox86GCnPeC\nFdyvqCxZg4JDgHqMRQcwKVDeTWV3dyQyWrJHuj5USDtLHCyg8gPXbdGlrFpI\nRyelQ8+dLMzL/HvxDhwl6jgitVdXMzUJvYqvViVOIMwFS5Rf3FiwfSVNELCD\nR72yyvtUMpkh1kg+oW/1ONPTzG+QnsIl6B8+rgbrT3/byMzQV+fj/dhlMfkg\nVIVl/MkhU1FdFfCRZrdU99D53jDjJ+Xh9kYSg8uhNoDj3UQuYtrK4F8PhkFW\ngbBFbssWk85tOulQkzldHOAAmh4NFMtwke1w2ZjYrAxhQkLlq6obKkEqqRCK\n/lLLfpabjhclMo+E3UKtIGZ5ZYi6X3jgXeq5iV0N+GPCUGOtGgDFCPDM6Rf5\ntxvZbiXCLZFIke+lhoho17hjyRUfqcqBF39eaw6GeGFaTxiRDkVE7jYdZoYU\niYRoAKbvf3VLXivJBb9lCH+W/5luZ+VkJEPZg5002159ltlvRZv90gIAnpGq\nSfR6\r\n=hMJJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"096bee7c4a6fa97b650100f3d0e0cb484db375d2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.70c708dee.0_1578514882320_0.6642068721073402","host":"s3://npm-registry-packages"}},"5.0.0-canary.5ed9d13d0.0":{"name":"@material/animation","version":"5.0.0-canary.5ed9d13d0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.5ed9d13d0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4fd320013d69345915092c9514de14f1bc64a498","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.5ed9d13d0.0.tgz","fileCount":19,"integrity":"sha512-B92Ra0V/XYZv5qIqX0OG7qPZ/4FS7E68MxRfzTkzxztYo5wiztXHMDXxxO8ga/O/9/9jOQOgaXb1UIlWFCHN7g==","signatures":[{"sig":"MEQCIHCa/9NnCQ6IGPd8qiVMk8I1nYFlQOlvnWDu9R7yVIyqAiAEdmTxKxealW83TjMVzDSOIwscZy0eNG8+gyVKuiEaXA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFkyiCRA9TVsSAnZWagAAeqcP/i4DNtmXU592f5aYYKRu\nQwDhM8jHMWvd2JkLcpmW6iE0LngMpWOD2A/i0XsHxzSHW7O6O/ciDfXdK91G\np0ofA0tPA960CoxjKcfbF5NXWL8K9fXYKA3b7siNSwEfi2j8IpAvtvz5COKX\nPgqusvT0Eowt3BHAiiqlRyDX/3zuYFP4n9jnupKLt+9HwiB1QHLa7E7Q7ozJ\nzrVVu5USZbHS1DNMK3b/yvTK3wwIktOQyovREf754leXVL7Luup5vMAqNOEq\nkQFVdioVk0w+z1QtiT6F6GBJ+fP9Kq/4Yz5I37KPsnl2jv7KDKu8rfkDES7Y\nC4Wru4e31NIyH56K2k4crpwSsdL6FWvvRws70nCeFCG1N5Qaprls8BZx5NFl\ny66Q98PNLzRFntNNG5I7dbtSr7z67xlARif+T+ECXnTariFy3D3L10/uCipW\nyHk3jKGvbzjkRcFzuq1E3XlZz5NFcERSEPG8xXSHGTwGqJIyJD6XAnRA2yGl\nNJHagXgUu98zjrQQ8n8IzSvwmAMUQmcusCIjSJTI4vUoQOsC9KAE3FnM9n23\nOZM3z7zZ6nVDr0Uxp1BKVlgs4TaHE2L2JSZKXjIOcR0enC0LFswrqFzPL4pi\nXX1xL/3enyX74GkXiXfjPVvmKvAcWagCtk2oj1HNaLXIAgMwxSkoq1Wn9kKr\nMMJn\r\n=Yzq4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"3c9ae4313970bc3335cb0223b3e10f3fa3ee8ae3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.5ed9d13d0.0_1578519714357_0.16310831992913188","host":"s3://npm-registry-packages"}},"5.0.0-canary.4819cc7e5.0":{"name":"@material/animation","version":"5.0.0-canary.4819cc7e5.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.4819cc7e5.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b98d2c945daf2890624ac190a0c4a8d95bfbfba6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.4819cc7e5.0.tgz","fileCount":19,"integrity":"sha512-AwDcDqVriANcrvkB9fp8VoFfZmVGYr52f/fsvmPI6CSE3Gz2lGEudAe0qrusVZmeWrLdO15mtGuSpAlXnNIqNA==","signatures":[{"sig":"MEUCIQD4jTcDxl6qG3Cnu25G3Ttx//8fMFb5A7W48fc9B39t0AIgEu4awT82+30mZhX79YyGc4NMUM5dWJ1JyvvruClmtsM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFlA7CRA9TVsSAnZWagAAICEP/ia30nT2ohmTFo+wl60g\n4IElU5tdl0HtD5r8yFIsUN5I2pvFj4M31iFEAgJ3KW0a2DpZt7Fj5JlLfJP4\nwnQxlSTnf/aloZ54S1lLAvJ9xePm5J3Qc4jYP+8z30n4EtKbkpQ+1wd4ecBC\nvJ6xkvD91BZnSg+QIz7PaGQowSnBFrG+pffjpgLSwglV6BjCP/hF+irHvnOZ\nRjNXbk7IZUtkIAOl2S4AbvnEZneNxjfVMYtGP2TiecXOAE3p9eHY7tF7xiQ3\nHz0tOoCAm/2Rc2m+30HBcjiUhKsysrzYXq+65zKANkWprn0S4MLnzKy7FDMn\nHEtN8KmD+YW8DZRW8l91ofyFMlKBgkrHykvA53XvE0XCKokTmnX6uM/JH/Ol\nXYZniEF9dEjQZW4EDAlGkjXg1oGCJ9T104czAty50gxYG6xzNgv5Nr7aTyoZ\nbuegdBOcldHM35GZFlzzq0jicpAZri4zSHyodwNUmSVyODYWWfAvRP0LTPR5\nAH1AKN/+C54JexDDRze2+IWljrDYvQickmg/ISMYqb6+G94VnIPI2fHNB7E2\nMBqkhBnSgxdLNVjx8vRQcZWv0ZQM/jq1tGV0eGWrr0gZIe+XQuznzHdyDqK5\nrRvTe8WE73IE8c2Exs0CpFCrjtCLUbVvR/qtePHTosLGbBP4JUAUF2CEY0oK\nte5U\r\n=ET3/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"1cdb8bd7292ce5180cfeb2b5ea0cf8eb4aa6a931","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.4819cc7e5.0_1578520635322_0.2299663993264509","host":"s3://npm-registry-packages"}},"5.0.0-canary.fe3ffd2c3.0":{"name":"@material/animation","version":"5.0.0-canary.fe3ffd2c3.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.fe3ffd2c3.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e3b974474b2a9b7aaf4d0a7a952797b1fa0af357","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.fe3ffd2c3.0.tgz","fileCount":19,"integrity":"sha512-/cyf00POG2dUruiWeqy2fx5SvDF+6n/3TiX4/8gPCRXHC7kY9u/3FJ+6+uPqfU4kLThwlc5G5ANtXGE9/zg0BA==","signatures":[{"sig":"MEUCIQC93ssAFLKIDmqUXJxGR6+30Bn7i6MX/Ioq1WteCIHdHAIgWCEd7nI7MV254TPTpahaIG0hv9b2es32t8Tjj797ojQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFlSHCRA9TVsSAnZWagAAr0wP/REyeG6Ia8L8SsRlvigO\nikE9xOcCWq+lhpeZ9haXeGxDHE8cpDRt0jeEZs8t/KQRsrJu6BdZusT3wsy+\nc0mhRTF42HOuwOCQ3B/AIytut/F+g5ONLti8pX7rhdVBjVG5kWQb9LzURX01\nPQnTETHCbwS5JduighEjzMxxOwWVufbwEszMDgQe+w4X4i/rs9is5tX7AEra\nJre6wMCPJGFtUJWNEZg4I9AAYFf147JAYTc+mJI2zH5VtgV6mpP/P15MgKfc\nyJ5IlC1xQSjBSx0CcP+LPylmD1GbCEG1aHvPA/h/w1mgGVGf7Vp7HP+gbg4B\nJpz1WGKJm0F78k0Hl+qsJCB42UPEKOLMUhMH4UqsPjUEQPTfJZ14Erl9+JvO\nTEq0UyU6Wh/+DfSh5L7qvQ2sFaSItRPNSd4nt4nFIP2At3Ys5OVeXYA5RnOs\n7mKgG304CtAPuDUztlq2r+QUy5NDP5NI0H2W6k1w0v6KNPyjCgXYZjonrWMc\nEGcYJGOdy9yfebQaFNIxnf9z0pNfAZ8El93sk3Jem3bvsbfzPpZjd8kp46fV\nfsTTYZ7DaL5sgXrB4e2O8uFaIziiI/3/shMgPFmid3wHmukJJstfPrbMUu5Q\nRG1aph1WmU3d1PHsDIRbVJjpZCLrr2swjIkFdaUy43p2STkzHGLwiB1kZLu5\nJMf8\r\n=MGsC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ef82dd049d6c2d6439fc79408aab4567780d26f3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.fe3ffd2c3.0_1578521735030_0.3580572794038859","host":"s3://npm-registry-packages"}},"5.0.0-canary.c0e850090.0":{"name":"@material/animation","version":"5.0.0-canary.c0e850090.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.c0e850090.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8b2adc71fbe0bbd7a872dfcb1f71bf90912571ff","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.c0e850090.0.tgz","fileCount":19,"integrity":"sha512-108JFu2gvz99NdlAw8jW8DSpsHZWCulHZnIblkMSY54QG5fsajFldGiONMn8uB6DwWIgmoe3o5eJREuhXEfnOA==","signatures":[{"sig":"MEQCIAkrd23rixDscTYu6/qEm3t16SKRGzplSZMrjkKqxt9EAiB8/gpdZKLhHFc+azyxhWYzCS55z4eabVCB0PbrZ5LA3g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFlYtCRA9TVsSAnZWagAAIk0QAJNhdgnlAuydii6Sfdrr\nlvnbxqOwvFkYsEqITEr/Ww010hPujWAKYMkRw2Ibz8vX7vOJauzCATihuvFE\nF3VB1Tvb8dABWUS3aoT3chWaiyJF56runeK0/3W8FnUdntOSpWVKCdL/TpYc\nhtLWVCdMm3xHhOusdrzCBQhrSyCpnixWxZ4R3D9tXldWpVz9cITdyMVucLsn\n0YPcm4ufZ9mFw9/qmIYZaVip9oOkytXcZFTjJBzYsoEMcGGO4yHEPsgUOU3f\ncH5+5kVgod2EmaQWyld/uOXRKkMv79l4aKttdJQWZafeU2Lmdelltj/kpR/F\nzpALfibYaWZFxxChtuRTd81EqzbPmGdOA2hr0AdpHLMLqW4Gf5vx7V5S+unu\nI6BTT0fLGYJ/vgDn5Bpyv5PlFbslXvgUHXq5NaRmnjBG3X8UKlnDV3mNV5tz\n5LJ+5gdcaUX0DkD4RsPsOMVahj8emuOCC7dK/E3iZOtz33UCFdDnckuyQRpC\nZC54QGBu4Ibgvw2gWKTvgxjBz3kwPy/wLF5pG71wEvBNEooPBX6BNjppyOA+\npJgmxiofo0C6NHcIbOr3mMp7dDw8jyz92C4LHF3UQnAJzq2Z7gpVE1leXGhB\nojWq37AkiAzrydYyk5sCYi7/BEwNcABMkJYqgT5luO44Nl03uJEeklCM1G0U\nLz+T\r\n=EQat\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"04d9e991ccc9d40d53d67d592c9532cb43e763a5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.c0e850090.0_1578522157595_0.27228004608211376","host":"s3://npm-registry-packages"}},"5.0.0-canary.615f86f38.0":{"name":"@material/animation","version":"5.0.0-canary.615f86f38.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.615f86f38.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d1911a6831588811aa78b97d717b4524c99f0bcf","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.615f86f38.0.tgz","fileCount":19,"integrity":"sha512-XyFx1wGEKpj4QiW8vDrtlEhv0aSW/hjpKYb+uZJw6Wvdh/jqbkztwesPwDlvcLMhVfx83x6I0NwDBg02tQj5EA==","signatures":[{"sig":"MEUCIDiCWTpKGMP7b7CDbluNOpLTrhglUp18VBcy0kjpake1AiEAuWNurbtjXG/bD2CLDX47FHmRkmtYktuqZvfZIclw7B8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFloaCRA9TVsSAnZWagAAucEP+wQlVu5FL/7mhhnrG63w\n6V6aTENbkKr6+wrXrIv4ts+jmZ4DCHCohY1TjVJ1/50+GHATJINZnTSGDypf\nmN8jYujlmR4/jcMATJ5y7blDJBuDgdf+08uOq8iTV6gqh8WJjT0m3yLSh+MB\nFLVSj+j4DJvFpbgy6cD0RO6MHK/MpBnMRzBlvIlApKU4jkX6dtNZqKKUTtYx\njDBpIPeeAI/z0hgBz3RU4mo6pgnh/YB98cBfCGxoGbMptaVSaiBz6sEEdRD7\nYZWSBvV5o1wOM/SYpCD8cxkO+es6oq+1qTxBSqB8kMwCBlbnjVLlE9sA9dIf\n7wLdRwUp6ddmnl3OeUcjJEr0favskzq+8bJlBpTngSnV/AdDxBmjwyFOdvNM\n2l4g+WMlBrXgoHCQccM8G+sm7Fsz051ptc+BEJSc1QX7NQXf9sja0bSnjBQy\nGZqSKF30klMvD8A3ujQW9E/vgUPz4Fu3dqm9ElD3Flg/MFzmPL1HbqWlDDN3\nXWun2BsdI1bVKPPLuOICQHDZiJrecMegxzd94nS2NF3pgflaq1yL82lhT85c\n48JayTQN8PLVkb2uTTWEowEcm2EvZTONj/LPBT/I/u1VBlNxnzM152ApC9t+\nZSu99zUSZWSxKQCkouWIACFaGo1DICvYzTnBpahAJ6GY3EYxkOHtXpcNH2Yj\nGJ1G\r\n=jgAX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"5ae8bb946c188918a80b70e03e7d35b1e27089e3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.615f86f38.0_1578523162274_0.9532695904345829","host":"s3://npm-registry-packages"}},"5.0.0-canary.1eb032637.0":{"name":"@material/animation","version":"5.0.0-canary.1eb032637.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.1eb032637.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"dc514429fd3276723c06dd91e4564910ff92cff6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.1eb032637.0.tgz","fileCount":19,"integrity":"sha512-pACYOUZPtepFK5z0VaTHXjl8c4/1fDnZS9s/NoTTilgswkilKFHWgJbKRNoBYbWXMfkQm3u8TPDJjDRIwqlT+w==","signatures":[{"sig":"MEQCIBD0nwLGflB4Qq2Gh+8ofNLauy5/89U+1+0D7luBV5VHAiByLuhlrOlubAlB8oJsHd9qKq3iUSuJ4phmC03uYNOulQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFl7JCRA9TVsSAnZWagAAAU0P/3f949pKnsRReCmR1FsF\ntWErHABWSNL+xk3dYXr+5DT16FL0X2AvNBInGe6acSNo0cf8vcvW9XFxug/7\nRn5ZeoEAa22sEh/6xIeQX/TDMxBZXDqkm8kUPl72MEq4Xtcf47ILJrhA89YR\n7vUUxqYGrG/7e3Ogd92RcJ0AGKV6v2ytC/xDAAzgOhWeWYAjHHxpzDKuu4YT\n9/XR56wwkL26o0kzyQfTj+6kumC55yL6jMiH5U5nc8Y9j+8vC7el3LnXjq/g\nfWq9FCNnxKDJLtEZUVcbSkzvOBlO7CI47/e5KIvL7MARItHGscDeGKCy5Qot\nWnnVJ+bOT90VLStOtsC9aTNFf23aRsNNAJeGlkpYG3OmoQ5z1wZ5amXgKMCP\ngzkOShUJBWCua9CRPC38Mp+w8zmX8O408daN6Xf6AJvhsUK3tUCELyXF+UL5\nouWzTGn+9kmLTEvwSIKdPP7uIYb19tOgZF18Yv5ldhzJEeIYYMADbJ39p3ut\n52aqZSCRDKaH/08PbOEr9JrikCuID/QfSQ18aKeDT2ywfy968IYCHPZfk07J\nMyvvbxCYS9McxGnte+wOFZeWMprn/PcHhje63M0u7/112x2Q8WS5ibzKder6\nCkYzBiTUOvaCHO9oeLyxVDYscZMXpuligBgyrotj/XLoUD9mQJuWSO0d9BeI\nzZx+\r\n=Qfao\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ebd5efe5771491e06a78d3b1ca6b1af49af8e943","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.1eb032637.0_1578524360730_0.9671965189360281","host":"s3://npm-registry-packages"}},"5.0.0-canary.5bc5ebfea.0":{"name":"@material/animation","version":"5.0.0-canary.5bc5ebfea.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.5bc5ebfea.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"34d8fceaebbbadd24e980742ed74be18cfc2fe4d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.5bc5ebfea.0.tgz","fileCount":19,"integrity":"sha512-zJIKj8r11aE+vnBz5CaVuZHXZa1ybB24Aasex1Uz4af3IAGOuYz3NLP1lLTlITSjeAp6a1QwMn5BwAQE3fQeYg==","signatures":[{"sig":"MEUCIDChNqfbnrNEAoSH+vLT6bszjapsKxBmRbgFa58QtSsRAiEA8r3BD9MC9jmSAN1081s3takR/WuJUepyzi+s+SbjyZA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFl73CRA9TVsSAnZWagAA2isQAJuSQIQ/w44r8jomu2vW\nTJLNnxVJ5Y5wDPCOCQXNcTKDlIa3kQL0WdFNPrY3/o3RNLlwxXoDl5pGaWOR\nD75pz2H5z/8CWOqqLW128z186qQ6kTS9oCqPhTU0DJpVBpK+VWLSgGyfUQsc\nTseS43eGjOMRKYzQQeDfyLD3HLX4K8NLzKkeBo+YPf1pwe4jGw7oDroBgSWx\n4ua6k0cXlKaQzBGCpAn/NTwbbo9wI6SqZIdlXUESJNUF6d3i0uZaKHw65EYV\nt8koCjwXiBhgiVMZlyHESrk1peKO5iQ/Fy77A4qsJvNwmj3vwZvlDBCCgGQA\nLN+F+DsJeN6SeKPNPSpsq3/ogBblT9czY3Vp4VeHl0LV//x9GRKydDWXTj2o\n1QPhJeFx9cFqYcWsfTIbZBvXNA1/cv18QzGZ16L7/OotDJjx4aYOtu2F/gm2\np+QMjcyCEyr2dm56/ExuSVp8rBce28S6dFGLxGEJUzZVgzJLeyHLqvXsKMtf\n8W+pARe4fnCoQ0HbQYKVkLVtRjZ6MB7PlodlIINdtbQUSJkuZiMIlLyHANIO\nePsGuwZmFcI5XD5Xh+NzTxIx331ciQmLc6bJpwJFko77d197JXDDrFJsGdN2\nsLUzTyQdhpQgCnUNbLp+9b7HRtW+dOV+W4OVxBb1g5vInm8SRRm5LOdmoZA9\n8rDt\r\n=0CBl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"8d87a9536a0b9e4af0865ecc4d9b558a6c193f33","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.5bc5ebfea.0_1578524407011_0.07427803392615706","host":"s3://npm-registry-packages"}},"5.0.0-canary.1112b8def.0":{"name":"@material/animation","version":"5.0.0-canary.1112b8def.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.1112b8def.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3539f3081b2efa38ec35b79829cd00dc080207a1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.1112b8def.0.tgz","fileCount":19,"integrity":"sha512-dLHSmCBD5S2GnwneSW5x3+xuDl0mnq9QxxBbftVlGEireJVjm2WEhGH8hmfE3+NsmFRuAVxx9xgjovXOuovm2g==","signatures":[{"sig":"MEYCIQDrN8uxzEvHT87yq9EhfoDoTJ6+5wn+RcMsHF6hzxG42wIhAJkBb3aEXL696oLCJ+iWGUXoiT6U7kDacGsLPCmsKn4R","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeF6STCRA9TVsSAnZWagAAqigP/2UCAMa4WzsNEJXRyHQA\nFfBK3swW1F+PnZlG0b/kZuvh56lwVnvtFsezhpkjU2vvXu/jpf8Zi1zWtIpa\nh/8rj2x4XZs1Cp+uXyKp0x2IPQ5MM1UxAQqy5QW0w4WaQc2kYyp/0sdZHVDt\nXDLS5koOJpW40CEZnU1HTflu7GYe5Vgqq4kmElcI7Ib93fLXLPOFQp2/vFMv\nSriit1Fto/vjKIK6qw8HU4htJ53HUkTQkTfQQ0HqfejIaNgKw5k3+i/MLf4u\ndA+qiB3RIAuiEoZI5oaGtpU0c09ZFmsBtx/+n2M0FVvhmWbv70dhmXexin/4\nn/t9tvT4v568Y+utDs4SDbMuvb8UQpK/Ieqc+TTTjBP820N5+IAiRmdB6Rh6\nCKBW2/5GvTaCe0x4lOjAIbZ35RQ6wphpxtVSAyulBBDWP9NokLCVsJnnZeNs\nxMFFVRmZ48N3WkJo8Tz83Yag5NZNFFrHCGhCEwP1h/9vFn79Fa9YGP2qAMex\nls0sdTD3hwQI1MiCrHLiNvuqi3wMYtRBO4tYpxzoKNy0r+/nffXZKOiD/IO4\niGFSM3dCWQ5EeiqxbJttOjPp7gQx4uBw+bjdNwGjxM0U0AqjhUsip9pkj5hO\n6ayUsQNXI55SUek5yggKk/bUgkYnM8IEQSLDywSxWzSK4iN3hOabop/cnT6q\nMZm5\r\n=U2Ai\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"3fdcad176780c1976528d217d2fb149875bb4b03","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.1112b8def.0_1578607763032_0.6206068254649659","host":"s3://npm-registry-packages"}},"5.0.0-canary.aab102017.0":{"name":"@material/animation","version":"5.0.0-canary.aab102017.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.aab102017.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"be8d8fbdc71a2ba5e0b4139a9baac70f4d8dfb8c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.aab102017.0.tgz","fileCount":19,"integrity":"sha512-0Sae6jXwvFNwA1BY54PcOM95osOqRjXpicRzHo1qHahK5hS8hykgN8uVgWeLW8e8HWCCddumjdtUlNYY1Pp2Tw==","signatures":[{"sig":"MEUCIFaEf46RLns2SggRMi9IF6q3DLFc9j6c7dW+Lf+ykJ5oAiEAopzZ95wa35R/PE9/i3QQeIIeAid3RjUKxd4TBUciN1o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeF8E9CRA9TVsSAnZWagAA3E4P/RyGkrs6keNFtoSKkBaV\nZr8d+jRN6r90SOdYgDATreoztCsxAFsGq7OmIW3TdqpLttaLz/xz/Sma1OUP\nedT+uusd/BQ9ZvQDebwMk+ZPaDSZCbyAH+mZeKcMrS8srHCXcv9PDbBtDiKM\ntfMpgx4/35ORhaPX5fKwFaG3oWC4TCWn3QmY/SzizLtSua4XVTK6kUcGJkIT\ngEY3xnlPhu5fBxWAU0MGoW2JsOPwbkEny1M0hti2olprv2XyfD3HF1jU1X4Z\nDhvP5ZSawMHeYKH6XPPEGubgy+bZGi4u52+r0xvchIoiT6Mabc+348k75R8N\nURMVGnQK/NtMOv0ZNpWG8/NpoAqszFsPp9hgrqpDg59asOWGbvOzmDvQpXpd\nJD0GEoTsn4Ntbmv7K4EA83wTTS9mlC2W5lluT1eg1EUkzYAN/4TLObs3JG2m\nKR8pRmq/INFThiq3rnoI1qSihFUmEceFXzq3ggJFwonpCMIDUzGb8d6uhJCE\nrINldaH7UBFelOi3BtQcW3K1Hrzt6Nix9hvcw7fjnIBz2iEM/es+W8oacZLL\n6FDZd6YeG9mGTK1o1XyHIyFRBUXoP8QJVjRz4rIZ7z5xT9PMdi9LC1Zj8csF\nasEW66sy+wve8VU8WTQScV430BXhscW4VQs83QRvVPhtu8dKGkCc/EEbVfg0\nl+iQ\r\n=eOWf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"3f5eab02080f0c4fb48614a44647ed55d55eb9fb","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.aab102017.0_1578615101412_0.46698544826320676","host":"s3://npm-registry-packages"}},"5.0.0-canary.426913342.0":{"name":"@material/animation","version":"5.0.0-canary.426913342.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.426913342.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f37cde388b63af59e619c067733dd99257e196a8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.426913342.0.tgz","fileCount":19,"integrity":"sha512-8pZyUFC5ODu/KAvx0don+aWZBzAeswpUIlmYW1MXD/8AN0d0/I4OEhJriLqzgQEQP2h1nOobfPJKTY8fu0y/sg==","signatures":[{"sig":"MEUCIQDB9x/RhKY7Id59/haAMPbkJZtoL0aV2DknmT55ff2nlAIgUBzJMXRbmRmMn0x+zYOigtluz3lDwGMj3AWuFb/FPUI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeF9bDCRA9TVsSAnZWagAAw88P/jZV4pLriP6CrAtYJTv0\nOjtX4W0igESSPfBr+pDQ4qDnUqqEt9pLSZE7u3N/FkUMlwr1DccqTblucGfh\nk5uMgcHTw2w7zyiYeRaJtuwpFsN81JmUl66jXtjAWxFd+2215aIYx2AmX5Tr\n+BTL1sJcHGMkL7Wj+kWnQ/7r/PyLUQfMEeto7iAD9iG29qdjRf3t+3dl6xOq\n70zMe84dflsOM9xqV4XhegQiHwevDreGSlGIVURCovMiYpq5+ZFHYOoabYc8\nh59Y8U/5g064kdu2yKZjAj8TQDOK6ytIkbwVnRb5bYSUduQxLZkv81zpzj0g\n6OO0BO95/0bAVjrE+dGXDviGbTZwc3YT8eHRm4d4TqmrCwq/MbM62eg/ovX1\nauG5YP9K//F6Ou4x2mmsnjH8xQ1oFpY35NI7/e9tFbR3h5HyLtJUG5jfolN1\nsy2f7w66nt+UvUCcV4OYvinbVlRe7odZ5ltCQYcz9Q9XQg9+8Ai804wgD8Hc\ncRAyzvkjax/t/Q7GATPOKJ7H6aUYEhvdoxom6jWL4rynqPRoUMtFmKjnoJnP\nzUIzHzOSXn3eVWUWHZiRyMBNqfa9R9W+ql9/GkmO2o28qDcN3M4F1O6ywZsk\nWm4D4wRWc/4kHMaBI51Da4qAp8k8EvRTK/7/QbLTFR4pi0uHgIRp7qgRxbWE\nlFHP\r\n=XCkO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7a6219dfe8ca1677971694ece39ab423ee8879b3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.426913342.0_1578620610827_0.915484879749465","host":"s3://npm-registry-packages"}},"5.0.0-canary.d4ea9a706.0":{"name":"@material/animation","version":"5.0.0-canary.d4ea9a706.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.d4ea9a706.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"de06dac25fd41f1cd3de6bb080f1ece2ee92b52a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.d4ea9a706.0.tgz","fileCount":19,"integrity":"sha512-nFBq/yNJ5PVi8SoBMH1wtfrxTNnyirTGKYNMdOyVzpNnKsspNjkbtoOLiULZiCJuVZjaolBlxRQN72OaH91k1Q==","signatures":[{"sig":"MEQCIAt+He0jH5fDOPJTI7rlGNkW1EK0glvJrecqe9bAkZLDAiA/uTL5uqD8bXITM7yxwu9yCDWz1fLIAEOMBoQq54y68A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeGLNXCRA9TVsSAnZWagAAtgoP/iBJPyrlK4pmnxnNIe93\nqyKi3eojBFiX9ZonRT8H1jFTAoDMYWiTMZyNlTEji6X0/nMyaQEZzDfkMEnt\npcljplYBxCSwW7ICwo5Y75DyqB52HeogNqWoprjw9ZoCrePzhH9/vBZFEAs7\nVD7jlwwFOMsKlTqCOaNao+CiBIxDkyBlYqHo+8EC5sxlS5t98t28oYuIjXgp\nHI5UrbDmvXgNTAPdVzWhZ9n5+qMOwzX9hzbOH4KTNhzNurEO9xv5mCd9GMyw\nNYEKfes9tZ+znOzJeqiMGHre1AbVVkbnXEs4ionhm2Pm+oA76U1dYlsLzkx4\nwYwSvOl76c/30BreElccxPu6mkUdg0y0GDuwJNJTJmxnlI5wBB+WAHmy7Ep7\nvYJ5mGfVWueBOzwHyCxRKIEGoUL6ioT7DAhNuSWMhF+I7F9H02WfU+NMMcOg\npOQzZIIv2RkryILS1Ssenxq8n8WDbOWwYZ41Y2QdqJsmLLGG1XLlQMgYc5sh\nNlft4cCMcaN9TO/K77egZdEaqRreJygeqAbed5LQDCG8fmPvt+MTr4WIaCGQ\nAyoZza6I0P4i2cyebiWQonFt+iVggyJGppmf1TCzEKnFZRFtgATgJsABrfao\nYK9HvOViOkCe5ddkGGdmU53ry/FK7pF0y3T06YTBWLM3WZ+Rurc9thirQtMt\nCgo9\r\n=Fjb6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f4f80c96af6c2e34c34a3ed8f01c1858ef738935","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.d4ea9a706.0_1578677078646_0.30200713610907126","host":"s3://npm-registry-packages"}},"5.0.0-canary.7d4ee2996.0":{"name":"@material/animation","version":"5.0.0-canary.7d4ee2996.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.7d4ee2996.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a361e3f9ddb0501eb2451472bd8afc99c3ec419e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.7d4ee2996.0.tgz","fileCount":19,"integrity":"sha512-XS9W9fW2eIAh5raUh2k7mXXCzZeNig0i5X2u8aY36wMw8k9trfYC6r87rd1nyYQtrQ/uOViTF3F0OkLnWKIumA==","signatures":[{"sig":"MEYCIQDNJ2ULc9Hyr+yo5mWwY4y86hOBzjNksxwf6Ooco6j2pAIhAMdwiZod9Nw7aZuXtVCgnFolYy1m1ahX68JWs/s3RWWZ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeGLq4CRA9TVsSAnZWagAAOKAQAJLdMpOnRRn18ycLIyew\nkr8qgC9rx349gyfVzZBI1fPKeNcXoH9j0Zgh76oTPj8N0mdACuMmPpk/HWbW\nXDIHsJdcW17UEtA3wffdl++dwlr8HAQLySwKGpbX5PoRyneXJbJYvorAZTgN\nW0bNVAQyqiZNoqcVPCBrOrDIOxmny9xr8fW5M3EYUfdyNGytsvR7mL4Lto4U\n1cQLOKWh9Gq6sJ00rIJl8r8HY7nY3JMTmHUNInUDERugDfKjW3uaMC8FXOs0\nLeDaxOWek293SL8biwwcZMi1T7Yfha8OfGy30yWYWWfDVfvNAKCQXQbYwLfN\nKelMS7bwi6PafVyEK9mtHduyhVd1qVOHcSfWyp651vujaIff8K16CUwEEK3D\nDa6okGGcrc037cKWZk+GkrkfgFCgD2jWSaxYO9E6y/cj9LtDOnsXBU6UYBgy\nPkLzcVGdKaQJKEMOzSlyOq5k1d8hHwAaEu88uL3hQkhB5rQbH3m536nCpvRP\nSgttK02aq4rA3tPD9dcOzpkiB8BNf6UXPrE/6/la80zhjvEcYi92KQwyVonh\n9FnmQVsk3aGfQXyrK5HIWNVxk/pvcYDwaC8U+d7IqcIIibOToeTpW6WtY6+R\nFG2wgu/3YvQGlgv919mSF/EujKSF8Es+jinvkdBjMeg8NKDp7rxZ7vdQJxZV\npCAh\r\n=S7M3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"32cff7b459a8aa1e335c6ccc84213cff0f6e66a9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.7d4ee2996.0_1578678968154_0.33668488887618464","host":"s3://npm-registry-packages"}},"5.0.0-canary.981ec9b6f.0":{"name":"@material/animation","version":"5.0.0-canary.981ec9b6f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.981ec9b6f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c1c2fbfa4f621efa0c6807b635c11bf7a967272c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.981ec9b6f.0.tgz","fileCount":19,"integrity":"sha512-Zwpo47KSqhdM0LkZVC5vIsHeCH1L8ogsRH2pn7b0SshIqvQvqLOFQF6hcFTwnRln7DAfPdqByNDPEnsSa7DGBw==","signatures":[{"sig":"MEUCIESWSeGElqJZV7q54eOWfv/2ObutwD7JcPjfFqi+ovZVAiEAjzK6yc7TmWyv7QmbLxp1W5N5Is2+SjttzyOkcyCowQ8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeGM/KCRA9TVsSAnZWagAA0K0P/iyFwAGEMvS7fMI+OlA2\n+6G/WS9rVUUBoxsm1iCF0jit5Oc969Qav13ydKBaYVHjTKCBpAClZ7m8Z2AJ\nKQBMFsLP77eBN98psVmy6jS9umptEPwrwDfJ04Za06ZTkmrzOS0dHcGedQAH\n+iQidUJYKBkuJlH2OEZ1fCCzIddT82N+zuovVf+y/V8NEkCz1UIq7dzYGGLG\n2No7CYCyUJ+G1PI0WGtCNbVldX1EZ5QfP9rtNlAQ9mwmbV51pMLbEu4FSdZu\nXG3MMPt2oD7/WYXgmXF4vlf/OK1OEHpu1svmGmz1XuezOx8NJCjdV1GDZY7H\n7UUXCqepHLSCRdwQTf/aBj+glRXWA9cLHJGWWKI+Cub+IQY05XUYmgf740YT\nK8mAqjpd1rXpHeQ8+2r6f/MkBW/gBPGM2a+D8XKXrb2+/oM1lw+n5+qV7utf\n0go8T3mp6JU0lhLqfOZEN6qSK/0oQoVKP6DAKFiDxb0CFMbqI/20oyj903wo\n8jByjITWyZsGY2ztyrJD3Ol+ncpdb6Kz7SRgCEGbtbDaXhHXm6uzvQ28gARr\neFV4Oa5ryNt1+jrAShKiCsp2lG8RBmDHHg/jV7gZydrd74bBSuGXqSyzTLZq\nQEGb6LkQ4wqYOtzbCJU3btxT3wrClomd1UvCLnv2C5sdV3xs4Pyl3S1pRZLy\nbTCr\r\n=y+87\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e2e9ae33775d14566dd45608f66087b2761d454f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.981ec9b6f.0_1578684361658_0.7052982366831226","host":"s3://npm-registry-packages"}},"5.0.0-canary.737da83fc.0":{"name":"@material/animation","version":"5.0.0-canary.737da83fc.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.737da83fc.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1b4bb7f2421e2d1966a0a29b2c8aacf944d53710","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.737da83fc.0.tgz","fileCount":19,"integrity":"sha512-be6jmC9yBzPdcOKBxTE88Nc5Ipd6xbsXUTbrr7JySexMVGo8b9nxFLGhwTnx/55vfLdVFpcfNr7SPRJvCede2Q==","signatures":[{"sig":"MEYCIQDBA/WI95Vnj71/ZxQdLbV5cdOFBU2Ma5m1WOajssmV9AIhAMAA0LkhnrVCbtKBk0cszhiDnZYIOG87dWduTsl8IjO6","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeGOoOCRA9TVsSAnZWagAAv4kP/Ao77H5Q9H57qpcSpIAr\nh/XWg8lzAOP7YW0abXNmpe4WjCaA4KKamOxG0nqTMiIdBbtduCLACraPiED6\n1rJepW1t3HqXEiesMqVcFy31qz2zvLQwWObTBpZvTh0s1zqLyALYde5zq5Yr\n9LiAstiY5De5pa0GD+4BFk09PZVtjx/6zreE0MhCNLPoDj7V1ijW++gSFDT7\nLi8dVcmaBWF+NYsxM/JZKVlaBVtlstNDOvJzocTunGjejnPc3MAoFXUSqMu9\n/C44OHVAIC/UX4fmFBlPK6l1U0HovBg8brrUBVzVKwhgQOw1veqrfWsO7z/f\nJ8q0/VxwODALEeqyZww0zp3zQyjVIguysoX4r7j4N2yBLr4KabrF5LGVrNT1\nyuG03N/c6piTtHPh5+2WMi46r9KFsO1ZchFilyDfIcYd0Aes83nU8AyOPM0y\nY571dd63hIQQRMUhlTcPDO7Hz3ogY2B7OLfTNNHa70iM9w4wMrlFNNXaQL5f\nyiB+PPL9fyuGq0HkAFkXPqUtlV3NrHTQwoPNHMoWREL+G7XvCpl2szdDtc9u\nEs8DKk07ItMCWEH9LFCJnxGSlvdi/7Mhdbt9E60tgdxlhWucuctIKYalYRg8\nM11jnnHox10ALeTmiNfqKL16/c3RTU19Ycq4KIHlHh2AE6Gd4NignULIHyqB\n00lV\r\n=3szs\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"3ea8f6e8d81e688483ab007855dce5cba3b72015","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.737da83fc.0_1578691085615_0.25083864614220697","host":"s3://npm-registry-packages"}},"5.0.0-canary.aca8e6c18.0":{"name":"@material/animation","version":"5.0.0-canary.aca8e6c18.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.aca8e6c18.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c58afa9abdf38fe1eb8d90a9341decbe3cb0de9d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.aca8e6c18.0.tgz","fileCount":19,"integrity":"sha512-23nKCM6CA/FG/cHnTPG6NC3iAXbY4r8ArCikRjJ5zSETSOFYCaBBMAZtLE6Mh+qfKvpMptwfoKnlNddKz1UvEg==","signatures":[{"sig":"MEUCIGZI2kGbHZ/TViu65uwknYETp/NSR7cPfwl8fjSJeG57AiEAoYPh1SLK2lIQBJ27i9ngbD/vycKdbALFUrGBKahLIXE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeHMVtCRA9TVsSAnZWagAAcZwQAKNrzz5L3/7gtkBJ0+Fh\naRZxiLb8BP00XsKPn4qrNQAFYykd/eBTGE1viV234T3gDivmhMfnGQtchCJf\nNydiR3zOg9XTp0T8YP1yPdEC13PJA4Rky2i2wQoCtVCZZSgv1B/eGeRMKMES\nDMWDCfFZeAmUvD6iMPgBIWj1iFTnU3NHJrYAoVcEDUj+by7rlLwgJWLDtjIN\nbU6z1Ww/FMnrmowAiXlYELrJ5IV/HQkoH2dq1dG+fzHCed4KH5sOuyrLsjNT\nJ80KszSftK4jxYUrRFUx4CO4JNxZCLFelZKQ+mTr1y3G8yoKSEcUHP6igm7y\nzPMbHtpYpLeFCLF3YJthNnWkqmZXwoD6/2UrGsGJiBYTCL0Wg69MLdvh0CxN\nA/GLJIDnhGVyBT761+VWc13cr3mLsPXsZNrUfFTxvPveqb03NSfXbc6gE7sZ\ncfdQrLzMJnbwrMOCsgdCIMcv2lMcfkdPUN4L7G2CbAjlhPVl+ymZTzmKP5S6\n8G7Aze+lh76J8+d+qT1uSCVcQBV9nGsNDN0yr8vMgfVi5ECo95c1aHSOZKEs\nHFjp0Nx3v7N+67F4y4Ll0FEKOnAxSfoNejjj4WjgBP+m9LRPeKDuKSZhUGLH\nLmYhLetWk6hf08JfJNLCYxO+NugrABxdoB1fUGiwP/lddvg0xR/nAozKhOo8\nfce0\r\n=m2cI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"47bc251033c39b1b8f816f8ae77c888c07b20fee","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.aca8e6c18.0_1578943852535_0.7607720101018081","host":"s3://npm-registry-packages"}},"5.0.0-canary.c38d84e21.0":{"name":"@material/animation","version":"5.0.0-canary.c38d84e21.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.c38d84e21.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5e8d56f63927e814be078fc0f86f66f9a2a36ab8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.c38d84e21.0.tgz","fileCount":19,"integrity":"sha512-E9t6DzWiX09kqG0bwt6d9Me4c4Cb/1svfToqoJSDDJSNNLQdn9RlsbohpJZEQWmqiM7CqZWakwU57bLPuRSrQQ==","signatures":[{"sig":"MEUCIH2ZRd+dCMahRPdJdGy2cghaqf4OxXEgMhnADsBTKAxTAiEAqffr0ypd2ZAMp5q3FZIEShfDt9ySAbr4M4cV0SZ6IE8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeHOtbCRA9TVsSAnZWagAAuxgP/RcsxFdkJk01Ki6LDsA7\nOc2DUR7q+Z5wkSk05X+JW/Hfo4/3iil/qHL1gHPM2tGKGG/euv/XkKDSR/J5\nKXXWalC2ojqhtFCvXE7hR5xw5Jvu0DXz4qMsI5IijLliuVR6gtrNaSw3NRIC\n6tjyw/TgEiDz0Hzef5h9YlES+JXH/EoIo5jRW//i9AULojlMc9X8pnr/odT4\no1jsaEWYIx3pybOLnJEVSnyI0kGMhlCNM20CpvTC88VqlZI+41gJlxI7E/FE\nv5LCoZ6YhuJfFswaKAgccKdFySQB/I0ks/lPo1bH1JRFoBADdcn7BSaRVHmQ\ne2DxrPmq/V70QOROoToceqBcNtY6how202yQxXTvEjZvSSpD3+qSYCfvfOFt\nBVT1Juf74guoKmEDjxM8bdUtSkb3B9xOeVYt7o2OtwgBFkMBHjWNVZ2frLlx\nGG3CBxgRC3RuXDledzOw2+MZzxR8JF50HbH8puaoLThHCzoin9yQoujJUVFG\no6sLdKW+9qd1eOTTqHN8igqfrTKYLC0Yg7hJEHeBBTEzeI2JCFKU0vDwVZsH\nXaQrM87R0hSgtP/Krfv2anfYvmWPJGXrozNM1HO2Qy6k4opfxqNCRt87y4CP\nhMRGnYKtpOlVzVmmCuFUMfo7qIqKWQgbZUCvSMMo/w7LW8VgJxoa+L00R64Y\nFgR3\r\n=5pdM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f283cfd55cbe9b1863cb96e98011fe4badbb1fd0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.c38d84e21.0_1578953563249_0.24920595131743517","host":"s3://npm-registry-packages"}},"5.0.0-canary.a4db5fbad.0":{"name":"@material/animation","version":"5.0.0-canary.a4db5fbad.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.a4db5fbad.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f15ffe3e218313d4741aad74b1a07d0649330cf9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.a4db5fbad.0.tgz","fileCount":19,"integrity":"sha512-Enr0cMPkx+KnPoqwhkUo/x9PKc5USZOgYpu/+4jLple1ZZxPU/RR6RuPbLEAZFMc+rlC1DgyazKzPXB2QilXSQ==","signatures":[{"sig":"MEQCIGAAr1Vxiyr3/5U6D7FnhgkbYL21/ABGG0SI6E6sJ+7jAiBDh/D+YtJvcDe+dlIkPLBCaFd3YH+mK5Y2jf2h5haqJQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeHSQXCRA9TVsSAnZWagAA3sIP/jIKXTqSRvgUwbpd1oTm\n/jce3sSsFUh+5DQAr49nCL48ETcyJyWV3jHq69BrnoaIKfZR+CwTdRRBOVhs\nHmqEm6F5IL19/j1Kyx9ZAgvFSYcVnbicp57zBc5LerxcyODsdIr5UhIucrOT\ne96QEKpt2I1mIing2sIfHpQ4W93mdfQFS9GNUXNdPb4H+ImHQyfAlfS0U73a\nEkP7NZOFqQaqlqAaMm0PoPsbzCR3YcZgGZa0Jwj7vQpvjA13T0WDR2H/1Gy7\nziy2P3m7pqYbKl/+TiTpNatBocPWBxkey/vjVH7unR8GWxmOGA0MQ6174SO2\naJWkn+ug34YZ+DzjnosH9uCh75yl5LaUPaX4wIABIuM/DRcGSRORQ0y/UzRO\nV/QuP+72ZcvXbFJWPy/aRReahONknsgFFSw3o7/Uxch277OJwSLaKTLUx3g9\n3yFxlSek/75cEXdr5JmhJ7WdqiX7ZByIDRoEBb2eYEPcRLNeKz+LchzEJZX2\n2x10DsciK33Z0/GbeHN37o0iX7/LwyKo1DCoovxU3N/FSEU/RYxq8dqLyJoC\nCxeQXhfB+0cpHnEuIPCS6Wjp/pe4Xy0mKwdwB/96XOj2RyGTx2N4VZ1nAXMj\nxhNUNRkFqtq8xS+4fbmENiY/1xds2SvSODv4Ol0bIEfU3t8f2hnf/cG8Cc9k\naVNY\r\n=ZLbT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"bb5fe141944679686f178779345a5880a89943a9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.a4db5fbad.0_1578968087224_0.8473131444700504","host":"s3://npm-registry-packages"}},"5.0.0-canary.faa9af310.0":{"name":"@material/animation","version":"5.0.0-canary.faa9af310.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.faa9af310.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1b0438a0530df0bf19a5f1493c42c8ded29f133d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.faa9af310.0.tgz","fileCount":21,"integrity":"sha512-IhyDI3fwi6HErQ+zgozJslSDbbaOiJbE2FbPrQjyscb0vRjI2niv7ErqT4F9u0JqpNYFfP8z7AvKF3P8FiQp8w==","signatures":[{"sig":"MEQCIAgZQXK9K8+uHHOhrQOBhogMkpaAQCkF5c7ZKSFx6sW8AiBbOSh1z0x8fMKEGiTZevTA91eVzEsnzJpMYqj1Y+XUFg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeHfGtCRA9TVsSAnZWagAAYnMP/0yjqSKV8Vxvl1/mteLu\ns4PfFupHd6ltZezXxrLuFfpRVkJC+1v9Ndaju6I2nef3ormVI3+0bNOFqRWR\n90nsJR/HWuRiwUMsXQt+5wr2rmH6LjQ4qLbkbI8lEoXzN06b75NUDowtLp+7\ns7fwIh5XcahsTVsMYhQFxrj4gAN5VLGXeMlswlpeZ7fUFDHda1VlEzbRuium\n6UyXkX2eKGHb4FXtoIql6gdhC7lxblR8+VqRD0yyZA+8bL0zUk+ukP2+0Ntl\nNjT3AX1oBMatC/SWU66zIt/2e0/y5xInlp2k59hVMGDjQMyU2VoaaCzG7Ggl\nO6KjuoXevLl6mXuvbbyaNkgGrchfdIGErlpJffR2ScHh5/0hxbQ6E9YADFXL\nyedgdUwxyDpWXfsxZPaC/oavjI9ausU7veltEptJ74vt3xwS13tA2KC8S1+n\n7iMg0VXNqtSRtMs3HsX6GV9P5j1J85jgZFRvzAjfxQHgMjbasOTBmRJVM4wH\nVpcUndUWZQ1Xvffp1iIF5j4Yr/voi5zDdQxtLKb+Vp1/W+RtxkycC1xFok9m\nMmmAra45JQn6pkRuFXsnRcqq6UHS5NJHPCWqk9NAAoI1TP1MnRzJhXVqsixx\ne56SfvQ4sGq1ZLR9sa6x9PTAgYmAE7KWgPFDrmpEYYTX1vSMMqp52hKf2Sgt\nPBCi\r\n=+IpC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ee374355df19027c59f24bdaa809bc18183453df","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.faa9af310.0_1579020716808_0.7552731208379946","host":"s3://npm-registry-packages"}},"5.0.0-canary.60354c577.0":{"name":"@material/animation","version":"5.0.0-canary.60354c577.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.60354c577.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7e779de3242ee20269d9264d9e47c408fa55ebcf","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.60354c577.0.tgz","fileCount":21,"integrity":"sha512-RbvzEEzfZCdj+wkb8Q+oFro4/lt4AfXylutnvzTzhySpCro7uAJ1E+feZXxihlysrRjRLQvIqvvQT4kXGuRC6Q==","signatures":[{"sig":"MEUCIDw79+EacMmyev4mzFbuHleXcR7xJX7sgPebqdS/fStDAiEAuswuamYJPvJXkVvi9OAptT1U5iAxpmOjM6sgmNnJViU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeHkR7CRA9TVsSAnZWagAABwoP/1V0atq4FO/6dPZ/fb3p\nXVmsj/7deiCdXeIwWGZTq06yu8iAXEEuLCen1utzwl5rNMFU+c6wRU8Lk0qJ\nCaySSKWwr4v+u2aXhDzzXzWkS1oWJqFBpRnIjFpw1v7rYUatBx4ddLhkXhCc\nUhZqzyFZHEeNubmKRE+ehjG5rjWwz7r/z1LzxZNvhsjFo/I2W1oCxUtAagll\nhHKE0rAd/de+btws8F5u/3wfyJ3dBp2cuG+Q1awZsFE+FvzW9Ip+lTAo88lJ\nRG1tP3DwZreCevegv/d4zH45wgTKF1SzbrnYepLh2xtR3WEVW3ID1+gh52ig\nNLMF1tmjYw8CpGlR9/Huwna4urmIZ2j+unF5fj8C1zOzj1YjijKTQzi7vmEw\nCmXcULsFjPgY72nXkfB6IUOF9JQU78lzAO4Qg0KW5tr98bvhiaU0vGOJRQko\nH3JfLeKxpOC+ubiw6qQOBC64OIflRbY26MVao/Nwob8bUHwqmiQN1af3yDlZ\nMlxEMuVxpqxXNeXOAGGQ10imI3VTSfkKfk8QkPnWodO79aafILIrMs3C3ecO\ndVTiD8XoUivWzwTqMIxXgzzi2xzvOcnYbYjtYmo/4xhnQ6xMJGi9y8zn0A6W\nRUAv5EnksbyIiLFgxYOLzPiXV5FcJILmbKgfsQqu+K7G7zjClIu4C8wehhwk\nKpvx\r\n=RSuq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d9f4420da446050561084fce698a543b0dc6b543","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.60354c577.0_1579041915298_0.4448565310537558","host":"s3://npm-registry-packages"}},"5.0.0-canary.d07c78daa.0":{"name":"@material/animation","version":"5.0.0-canary.d07c78daa.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.d07c78daa.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4b6413b95377c709ccf30d227abb6531fa9e7807","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.d07c78daa.0.tgz","fileCount":21,"integrity":"sha512-Bw+CHXDdz6T5PSw3/1oVMZFbWsgOIIP88ubIvvSAqlzFJeYMwFU0O4NjvB7FzguhgRzWHfV8VSFlaMBFZbBR4g==","signatures":[{"sig":"MEUCIQDaQ35zn1IRw6LJ2kQK5kzXoAyWsVG/XWBj/u3cRjb2/QIgM91siC/JLQDwMHHjDziqVFBUuIH7GfiWw3uvx/24RwQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeHlDUCRA9TVsSAnZWagAArToP/2fEM7HUKQIjav9g9Nqu\nFW3tVDHfUWPERQ3mQGcrQiHnX8Pedp2hA4N0HfRTa6lhyiSiW6XqfHsSZTcr\nl7GrQFkmSax8TBTLtT4nzoGz6F5Y6CqHd3RgSDDEj/I3g0wguFaCBAgQGeyu\nIvfzfsyDuw51A+FxIDDIDatBBDVGgq0X+E8he+FRMfiC/ndYS8lk4hfUlSDi\nbeqDmrccT8OnrhDxNyN+duMZfRl6UG6HpyCeQvcX7dzF/tOeWbQVPzRcmlz8\nrQ782nFp6OLvniP8ety4qWddZXGOQrSmC051CYZ3gfYpjnH88tS2Bb6Gh228\nd2/L8SoMAiQsjqb+atsCSQuQOFU0NJ+Rcl6kdbsaZS3i/cFS/R7scYfNEuYD\nBw3Bc3joxNQhzEM0KJdz1AS4TPEut4w759UM8Ws2ol2HEudnm0pTCpVPO4Il\ndLIENDeQ/yjfJpP2m3x5KCwGjkQTiUkPuWcCvWCM48PUSoofztFKzfp2rlf2\nUL1smFsnT8OPUJBdHVnklVHZJ6cIO9sCrHFhL1YhjJeswDc4tCY1a/7K1lm2\nFCAaVYpqJcQ1jtlBjC+HsO3AwsiorT6VEUyPiIm6s136zl7ysphrjqmgWFen\nd/2cN3ahkFathMbf8FHc9EgKSYLObJVNbHABfItd7tbHH31rQc2BZYHr+ykD\nMEeH\r\n=1Bxk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"3657a12b1a5b9b1742b2749f6991e06a32416314","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.d07c78daa.0_1579045076276_0.39230895275673383","host":"s3://npm-registry-packages"}},"5.0.0-canary.8ddd5c6dc.0":{"name":"@material/animation","version":"5.0.0-canary.8ddd5c6dc.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.8ddd5c6dc.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fcfa2ee07a35f25102a443734f83a6c3d6c1a513","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.8ddd5c6dc.0.tgz","fileCount":21,"integrity":"sha512-5RTlGgxxqQtImzpIR4NiRMHOpevuRb107cfFDLFp35kFx/qnFcKjqxrbfDylRC3gxRzJZq967l1aKAeg4TiQzA==","signatures":[{"sig":"MEQCIGPBIm+izw1twM/SFwuYWu8YfWz82Y/m5j6Sh6EKHOUXAiAKAEuXDtcLssM5KRkZDPQUa4CBoSOivrh9LSES5h/25g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeHm4ACRA9TVsSAnZWagAAUpEP+gKM8ugZ1ukuv/PssnFq\ntXvtXhF6i9f+g2KJFeFOVNB/pZRjAMb4TetegolguZoSDO5vFakKNwusj9mn\nLeGcUjE7RsLggHHsIEQKA4VkGw6olovQ3RGZ7guOdzUUCtmAChQjYHYDbi72\nZyRxonNXusiQm81foL+XOmR8FlHMHP0q+dPs2uY3/tAJgCX4kfI5zI35NNWy\nAsK3H20cYj1kT/itgkVPFJubEn3fI9OaoNAkwMrRknXX5bnVTXFKOofQB4HK\nDYbC5sDd0gkJMH0DS9j29Ghp5o/k5O2HxkJacy4nJkoBboWOwk9YnFdwVzgd\nbgzR9TUmbg81JrfzMFN4fFY3NKxXn9VuVwZ7uBZv5brECm+/A0poJbFVejKL\nrsBYw8GuAWRzzDMgGMcwaA9OAY2EP+/2GGNbCXNBaMSgKXcU5P9poA/oWGII\ne2437CA1XxqF2d2XWlYkFz7jpPwrLV4uQ40ZoZGZ+uPeb79d2by8H4036sPK\nbKQhFmSuC+h8qnAht+LmYG06PF/46qOr4gfsxcomwkEU7g5A9Md2sPA7E88l\nhDQtN1R9bTbGdhgL/oGWyWFvTWIwoVEcJ2vUfeKMmENNcC+Oh47f/vA3MX6y\n2GimlUEyd+tT0mN5NnjRbTYNhxEahNDs+hCuimvgqrP8Yrngp0Jv9QSqnm16\npNvL\r\n=l4JZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"939fade350708e559f107b53d2ab9d27d6f84f1d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.8ddd5c6dc.0_1579052544116_0.794261337514188","host":"s3://npm-registry-packages"}},"5.0.0-canary.a9511d870.0":{"name":"@material/animation","version":"5.0.0-canary.a9511d870.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.a9511d870.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4d71d13506047a37b501d2a3afdddb03fb9a3b88","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.a9511d870.0.tgz","fileCount":21,"integrity":"sha512-SyCV/iCv2jQ5mK1BJWH2OlOzN8Q5Shm++94mynnr1yI/DIAvre0f7pi39pwWIlsWvzE1dRlA+Enw4iWWKhiw5A==","signatures":[{"sig":"MEUCIQDm0ShnQ9m/mtGhgPMrlikCQhZgsoetG+BnOBpi5cpUAAIgCrd/wDOZ+V0hipZojpELKbXzvDVH+XGy7aSZUSV9iL4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeH2NvCRA9TVsSAnZWagAAlZwP/Rj1HisawqzpSqtkpkc/\nELkXYm0au82FLCmmGBHT1pegNjOtaNkOFL7x8MA5a9fCb0UrjsdpC9iQOk95\nVQ+IL+8pziFqwz2brwWYPawvr7BXL1Mbr6Z03HpQYyzsxibqhYwwx16zK5MY\nVtAQzyZ8qWUmwAn5ZPMPURwuT3JOJ4VnkoDmAiaNk3S4sjLRjMVY5oZtmDbE\nzGbhYTWwPE7XqnKmvDI4oR3KU1Z4no+qv4aoNFpk3qZ/CM8PDz+uZuiPeNd3\njcgqpaQ/a6B8XzhBnLyr+OulXhnwupYkuUUpUZzXaU5p9XzZKJx5AUG9S4CC\nfOqH1g6jft4Ald37/+ChpCtQ8sGynHCqdMYw5k1HusoyD2QWqAPHX3/pGppa\nIS6J9SGiwFi0/7K0MNgle/RzYtTgA+hFIq0o+8cVmDCZCBEGQwQsLHIGF0ZM\nMdxoIs7ExlQdIJ6s0+Vj29DLGOZgcGBsPTk8hHEEiR2Z5nM9jTkrj7hsNZSZ\nBhbvqeBD9zPTzPWRxZEZ3BVyNCT96UOnKuQU3EXpyTb90q/XeQx2ZgAnOB54\nUP+IYw8SV/vxwYyDGZ+WWG6LXzCFizOtDMXP1jLNtqJAS7eAwv5hO//zLXiT\nBQSlNgqwJbbFboJeVRnvD1DKAArTnvaf+vjreZ0S72SOnZhBkK7/3FDDUOIX\nyTV4\r\n=RfwW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"69b4f620220b7e580f5273bb82be01e5990b894a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.a9511d870.0_1579115375137_0.41372833581236756","host":"s3://npm-registry-packages"}},"5.0.0-canary.7c8583c4c.0":{"name":"@material/animation","version":"5.0.0-canary.7c8583c4c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.7c8583c4c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6cc06950de04076cfb33ac941d67b9e1165044ea","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.7c8583c4c.0.tgz","fileCount":21,"integrity":"sha512-scGtSuAlwEcX+RR5Lc52+JAiRHRmWhgGJjYG2f0cl3cmlVYW92e2k7zACL0yo46TyIf8IIcIC6BPLl38nqmEYQ==","signatures":[{"sig":"MEYCIQDC5UbffzbhI9pr5QktBd1QaycH9LVPcwNRv/IJXbuX9gIhAMruexu2piHvv0XMbRW0E+vfdceLBPYAnix2ysgVCHR0","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeH5ZWCRA9TVsSAnZWagAARAUP/iTbGpA5jPoTmb1PWz2K\n1NQR5zMZrld0gD/MlinvbgupaDYBodQkQMQyjc4kfTwIaQDGa5/cOO3wAELY\nukriQ6+xMwfGEhs4/M3dh8r1PsBrNy9tgyjzYZu6uoD/RBnQu51TcH9d2tz6\nlcP8Xs1AjHhUZCkUH6lm4rFUajB0uO4Y2/LiIaiTgvwTCDKB8jpLrD4neJC7\nik8XRHgQLEmYMNUOIZeBEAixMAseVVy6vnSbR4VFUcAmfoWUSkb3pVwWTl1A\nOJ9BjOc1OWHlm/x/HWKJixBU1HUjfrXrBj8G5DdirAfCewm0mhuSqsrl4VZb\n1y7eI8b4aCHIDMa7zMxnsYk/IBNWmpX3z/zFbz22dsEDodGES+FSTcqAC4WX\nf0hXbX3LKBvpDKQi7mes8ippksiOtdoUe8fEj0TcE2xGN78zwGcsfTTur7hL\n9jLpV6t1e1y+RT2k65g5WxIit6ryMIVekGVpZWcRSqrylt7oLUTPfiiFVh32\n3KDlXACuc7k3ITyL0OUFg8+MRUcjy4utOiMgVibLHaiRxJ3zld/38TQHD6ha\nG3ZBvwnUOInfEQLt9Yy2V+/J9SWLlYmLIMp0y3+QEmhnTZP4+1vTCiIhJCXQ\nikhVyey/T6P7ql7yXb8AdoB6PzOmyS/o5Ee8eSOMlcZqZMFzPZ5M4RHQoUKA\nIo/o\r\n=rBOg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d89f2d9150d02c17271eeeb692f29f456fed4c1e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.7c8583c4c.0_1579128406353_0.49109534466530436","host":"s3://npm-registry-packages"}},"5.0.0-canary.5d4b82bac.0":{"name":"@material/animation","version":"5.0.0-canary.5d4b82bac.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.5d4b82bac.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"36d3a2b887ee3037e2c4191cb1b1fadf6793b58b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.5d4b82bac.0.tgz","fileCount":21,"integrity":"sha512-ufSB84s9nJV63Y3wkmAcayjEKZCI6QLU5KDh1zztCriVtwJrtCtAQ+nUr0oVW651PvzbaSIx3aVHurPVZ0DEKA==","signatures":[{"sig":"MEUCIGM00xMugM3K72CwINgD7OAmMBzKmKXhMUoI4C01zc4EAiEArKJZyqmTOWPQGVAcfSWJTVNQiSoCpELVxDHd4q0fDCM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeH5ZkCRA9TVsSAnZWagAAGuwP/RL4tifv7l2V6AbmwmDl\nXp8X1DNLBJyk0SRtxME2lWsIII8wPwcS5x9ORc/QHQA1E1GNuLxUU4ZkBU8X\n2XtbTbh2M90vK0BRXu2pLxtUg18rU9YG5dGw08cmNFk4KPoezreYG7hHbfKb\n0S2aFGXkPU8CvkYhxiHg5O1Na037QajDxr2f201DbrrSKsAz5IC2WW95TinL\nvMDw3pcfCYX9yfKWXAj3Fe2kyPndMCebEjzbais2BGjMH5LQSv8bqp/ImXEJ\n28DlQKN5/aFnYoTMnjbpl9+xMWChbDCTVkUg4TRDSjONX77My1ro+H1ZfZ6a\ntE8esi01U63oi8QbaYJVY/VH+/29zA30TkfauekDMqRFYNFLIM81foojIf/y\nrvpJJSLgV6Ul0CFIe5KBM5VFVsEZgJKCcdn5/GWqf8vEUx7R+fyCVo57i1gI\neTNzZrD1KViBhM19m5NuZ+bm+lGlSPgt3NV6DJ6by6MHLCcUawWUK5F6SZcx\n7x/3UYzwGAsl2TB7hccHUyQzjYe+iZXMlqawIRUsafHatsdFMNDiun7Nq0O5\nsPXc1vf5U6hE8M0cEKEU1Z3ezWjCw1Xd8OHolZUlXPHHixpuI8WpUpYPRxy1\nwTKQ8clNo2BKZwiA0IKPOCJMx7pOpyuVZYtn8AH8VsNua+xceQilNhaX2Qdz\nElQp\r\n=qM2H\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e679f52745cb7c74219ab22354c6da39a642ecfb","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.5d4b82bac.0_1579128419866_0.35096874694935054","host":"s3://npm-registry-packages"}},"5.0.0-canary.57d0186e4.0":{"name":"@material/animation","version":"5.0.0-canary.57d0186e4.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.57d0186e4.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e2db7a61a36ae0c5f4354dc01e323b5d946e0869","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.57d0186e4.0.tgz","fileCount":21,"integrity":"sha512-jlhK5W15JIac8hYrRXTcgJ46srI58cpQJ8uR4e0adgg/Y5iJJ/tlMih5u9O4zs0X2m03OUEjCrunk2ro/m8Yow==","signatures":[{"sig":"MEUCIFZ8IP+eqZuIAMwYIT1lYfrToHPBkcD7dKqkIVguFn2QAiEAuTksZzm7beESsAuQBxYRUutRY34S9ot12tR524FkBc8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeIKiFCRA9TVsSAnZWagAAnCkP/1tXQ4M86XIV1Dj2LcQL\n0mLhwNztQoKixg2Z9tST3dLJZQVP0MjQd8dyCivD714eVTGxPeZINv9B76ub\n+N0Yvf0HXemMgZN60FZ4loq/m3hrlLYsheEf2abT9UQcvb5IYR97aQmm9xBZ\nl+odVUs+u8zGoma3BRc+P6ac4SIKeTXRDTfp9V2jIKivqMzZ5cLOWTOJ1TGh\ne84njmtIPQbCdfHPeunk4wDc6yzZ1CEB/Yx/3Gx18L0WeNROOxILKLQEYWNL\nxVPwH9wHomErMx/S5zm8UQCYAaTRBiGSr7ITgVsHi97vSmufzgRS8+KIljLw\nHYU8YDxGfwbQVypbgrupn17mT6G1+RsYGtvCGeyvgGUYGOQPEJ/E7R25dK7Y\nOBkQrc1q3dqOI0OSBQYkd8gCgC4yWMjLv6pEh/6Hr2TD0bHvLOQoiZC4cPGw\n0+NJrThQAa/1j2kWFDg2574T/9B/md7UjtsBekwHz3R7o0UX0ip+n0EWEcjd\n6msAX1uXHLz7ib1Dm/j3aBta7wiuqP2nmoBvO5ANXOoqIKUY9WU7Crzoy0SG\njvZw34fMpglw8E+pRutlNV1LHUVEKXY/3pnXMVrUb7heOv+nAG+u6/LILaT5\nLvqiA3ilH/+WLn27/OkbyDpUxSillNfqRPZf/vm0PXp617yuin6Pyox0VBsV\nM72D\r\n=3vFu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d0058bff117ed84df93c0a71b3aa8c8d6e34cb6d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.57d0186e4.0_1579198597202_0.7346927366816902","host":"s3://npm-registry-packages"}},"5.0.0-canary.071a6ab70.0":{"name":"@material/animation","version":"5.0.0-canary.071a6ab70.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.071a6ab70.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"129999d85b2fdc566a1f4343e7ef0c26b3cee441","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.071a6ab70.0.tgz","fileCount":21,"integrity":"sha512-UPsnnDlX9mE34yovTFcqhQ/qHJ5DVtY7luWMu9yNcY4BjbffTuBOdRbagaAm9YzpC2g4lTJtM1TYGu2URqX2gw==","signatures":[{"sig":"MEYCIQDL56GNMiDO5I1I8+B4cU+aPEM0lTihtlLSDVKS5H6GhwIhALcV7Ghkcg6tfM/ZUV7WuzxLaDstdtMoQj3s4wBy0ryQ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeIKoUCRA9TVsSAnZWagAAPzwQAJPBL9188E3Zelq/mhk2\nYzgp0ngXwCzm6ckbrxdGtnzRd2VQ8rpOg4IKayYEzHHZ5CdXkqKW51LBatX6\nXoImqZ/QIANL2EbJKVdJuJS0eGvHXnaTrehl7ZXmtXGsJdsKTlw3zpkTrUfq\n1oM92Tj0oB4jw9zb1H1CGyZaA2jNJE2NCsgsyO6aYjVXUdAkMWn+UO4hqdNL\nlG4OBzl2qEudAxri754m+OeUikDoKky3SIlsIAzMxuWFuj/elo2JqlaszxLl\no3XVcD/QJR8IxsHzJK8eNP2sjIlFvmzmCLmN/0Y6AxqeIbw4nMWBeSJgnoGT\nfNlbP1v/guWnXfnIC5GgNDDjrgUrjGtvQj2nxH4YK6pn4vOjDa8PTgb5eB8S\nlAFFezo/qSIi8Z6Df3rurBCbe6WrkAWLVvGxBGUWeNyEYLRNsO9dac21PfmJ\nm2yCDBtoYsPu7Kq5FT7TSdWYKBtry81PgAbNho+eI0A0Kqr7Jwtnm1iIaQnX\nOX256nJwXRhFVe2SShXFm0MjUa6e9FRLLpLGAr5e0bbfEZM/L2y7bkGGOiZ0\nwvYqhGgIbWzov+U+KRvAqHFq5ntFVd4Lx1+sEXEVQLNjVYQqETF8rlXD6Um1\nKAQKnLoqDbPjksy/DShIwTbcqv0I/dHjsTfhEj/wpOfEpVyRoS3ZiNs+n8N0\nhwrL\r\n=5h2o\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"40ae26c99d00481950066e41e33aac0545186659","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.071a6ab70.0_1579198995651_0.2030711866594992","host":"s3://npm-registry-packages"}},"5.0.0-canary.22e0cb618.0":{"name":"@material/animation","version":"5.0.0-canary.22e0cb618.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.22e0cb618.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d8b0a91ef34ed01e3881f16449f5e95ea41974c0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.22e0cb618.0.tgz","fileCount":21,"integrity":"sha512-Oec98addCCS4THwF5LeAEPxFbZZzHXxdV4hTkMK+6crs6Lc1Sji53pXq4+2Y/Kq1gDzWNAzNBcCAf+gG1vVDEA==","signatures":[{"sig":"MEUCIQDOd1BrlOmzDaaE4JPLQczA/eERRnc2BUWcfOzc/ZT12AIgHVkY44WtpDBAjdJ1rVX6JwbGSbL5HsEDzsun6qbqgnA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeIK+ACRA9TVsSAnZWagAAn7IQAJfYd0yxCZtVtVakj7Tn\n6q988r8P1AqC4YEZNOySjUHmw0K4AMZvV2uMK4BQP56Pj6pE+q9zme3nY0nA\nxLkEqWpYzV9MxcJraiQ5UGOzMuWjKmyOwGejzWoTJdeCXGuOWGHeHCgRkyR6\nCjzsh27q1YmroR3s96xfW/beM5zPPrG45JnsQfElGgNduDgaxfQQq41IIwk5\nzBesI1MbZDSWOHiNHXdTsaimk1gU21zi7PhohAmzQKhXp7o49LApqhkGBWvG\nQf2rZL00rrUp/9u+G2HKdjhIXKYY571yhWp84GGJihLLp0cZrALEEATZsg09\nIfWy6mG3oxLEeTSoyV0+VxAmuqoPbN8SB3IFUSm7tyOPkn9Q5UFdWvs/7hne\n0VnP7jIrjcKckRwvQnIqQRz8RtWQ6FQ56chWKWPvcKg294VuYY/axhMJMP38\npcnt2ReUEyrebArCRzJtfO+oxjBpbGX7SBcs196xIMuTHDhO2pnMkMXbtU66\n3O7LaUpMImZhay8H62m5PQCkyG/+FgvjeadERm8VlaAP/tcodHDvtLX++4JU\nNHFIGKkxPPVdLvKM1f5AFB8cC9hGf/zn7EvG7FubalM27Q+2NM7abv21XcYw\nd2S4BiBDA1g+NlmaF4juHReKQoJ87my3DzYamQHChI7T3LNobj09+F97k1VC\nsLVj\r\n=PAOf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a2ebae5c07da66b94270b07b137673cf19d6d344","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.22e0cb618.0_1579200383938_0.43753149813132186","host":"s3://npm-registry-packages"}},"5.0.0-canary.f16f15b8f.0":{"name":"@material/animation","version":"5.0.0-canary.f16f15b8f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.f16f15b8f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7362bde9447c141ed3984e8ef17b5745bbe91191","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.f16f15b8f.0.tgz","fileCount":21,"integrity":"sha512-oNT34FRUozicvTwpMwPSXWGtY982R7n7W3W02pR/WPbfT0Wvgg/g24THpIOcRDGffS2hRpy7J5KZD+lNyOxMiA==","signatures":[{"sig":"MEUCIDZ9+lfVj5rbCqB7ELYTXvtz9YtTdzLRSocbpvQmFCZsAiEAxlRDAvW1S2SidsJbN8IX5WgpvqL5gEr7OYIXOpWglSg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeIPp2CRA9TVsSAnZWagAAenoQAI9aPsvogwXAtE7Zk3Q0\n1GucSUTsmY5l5mYkIt72MFWzPicFI5w7TRYRyr6r3WkCKEOQJsbVFZ5pyOWR\nHZIeXYmE3CAc1DHnpApGObgUa0UX82i6+shSGaWhaydPfiUQDAhdn0iS1lsG\ni15Rk5WmfJzIRGikHumIA+zCR5Fdi9j8a2yBQMTxOXfAq0IGQobMv/0/hs78\nqKV9+joGTpnv6SG9nkZIoMhOHORCpJtfD9Qr2vf9iLYurEISwhNZxOnUE5bR\nPn7skV3CRagS/cmwY/RPnbMjeA6KmjtJo0uLe3dA0TS63NdP65sRGFJ3PTt+\nS0FYJPQjgUpevMbBHAz/qP9EejGtY82dSFhV/W4roDW1R6/70dZwgulbtHCG\nL7kpuwMC7zpnfYTj5bq5XzBMInUK45NCDoOZMgo7fRDSgbNIyluPufnmWUIG\nK5uqXZuF2Pg4Z+skkD+Xbl47aq5DqfGxrGDd5DaE1d/Ms/oetwVOIbx/bvi+\nWzo0oqecDa5vhz4mRPx0bRimsVz+WOst6SFE0a4qIZvXXyKAz3YPWxL3s6cb\n8IPLpd2ddCo5n4smGur611I8T8fnUKLXCePq4TuWBmrFGbuVqyGV3nbix4vw\nL0VFS8Wc/yupWQbu2wiT+f3AiSjaORSBy77jw5zQq7GRYxm1s4MZcBYcjOnJ\npxRO\r\n=yzEa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"edeb2cce6b325b416aeba9bc6f4598eb518f8b24","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.f16f15b8f.0_1579219574230_0.5930004178183919","host":"s3://npm-registry-packages"}},"5.0.0-canary.aa8e43e9a.0":{"name":"@material/animation","version":"5.0.0-canary.aa8e43e9a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.aa8e43e9a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c32779602404227d93e5a6210fd966054cc13aef","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.aa8e43e9a.0.tgz","fileCount":21,"integrity":"sha512-NHSsrQgoahdewx6DyVyJ9Fb2djztUcycdFzoSC7ugQ/bGB8U6FSoowZHY/BByOuoY36Asxq9ngZ+uYlsy2okrg==","signatures":[{"sig":"MEUCIGkCHs6iOb3DP8gQwuFbdechiiZCkt4hX611ATZ7lsEXAiEAje4DvxiMxfqfs9JfwvMqjfX+jyUBpt4roAJey3iI09M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeIQF1CRA9TVsSAnZWagAAPw8P/0RuaaRrJWH43ybvR3FJ\nUVuq9/EYdbFgG4a8hzr0/9DyQhhPpyMaXGyEIuhayHbgpOyqBETTrqWCzb6G\nOcR7Cdp98uWaAvePpR+7HZMEMXKgKubzFgOfANJW654x0Lq5uhhwEEGm4bw8\nHUKgyfABSz+PstsFYZdFO0v0mi+7nXtd0DYNZEeQ5D3mnWnd73v7guMD8enS\n6Dpi9RiWD5isAYpne1j38Oax3Greoy+YFV1D4b1NKDV3b20sfqP97z+lDwWg\nfBiM/k5y7P+7cdMUzhj3p1oSnTdWo7vIhK/fS1tPYWDUVM1ZT6/I7PRplU9G\nOHwraBnGmgGhQjvFrsw+HQXsq0tb9kdjxG06j9xVufv9swblVEVEEgmokJ9K\nAPFmp42ry0Ngxou3TECIruW9rbLKduWo6fBE1gb1hms1vgQfWC/bg6J68ZpJ\nYObDvxNP+IcKldadduZpOL8C7UzOecYWdEZj/I/EnDxmX6aAePgSyeIx190n\nwsV0W1f/dzvp5xsiQcqaKGagG1uHunixMbvPgJwpE4v6cvWTTzYBSXEjW757\ne5USN/b0D5G7HXHhYF0Fmwzk+WD92liVVKqGteAEwg7t/5G5yytv8xwDTHC+\nEh/6yQfTXx1hiKFE1GKvEmsdohSp/7m7kbLILz622ZTZnDmnydQb2KNHg6pq\nRJHF\r\n=H83t\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b95162346a28c58839b2d3e52201e1f8c5fb9789","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.aa8e43e9a.0_1579221365274_0.04637735777900498","host":"s3://npm-registry-packages"}},"5.0.0-canary.fe1f3ca07.0":{"name":"@material/animation","version":"5.0.0-canary.fe1f3ca07.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.fe1f3ca07.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bd3648b93d154c0a5c2fd3be8c19747a7f93492f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.fe1f3ca07.0.tgz","fileCount":21,"integrity":"sha512-qbJYaIaS/VCEJ8jMVsqIPTMU/W5wNhMawxy5JVwWPHE05Wka7kn65oecjW8ocobT/lnxbQfvQJKc84SyMYjSng==","signatures":[{"sig":"MEUCIQClJZ7ZjLD9HBBkh8ZB+/UdnWrt2O05EV+s2QzFIxObIgIgBN3DRbGbcd9UIUkn91GcJqr3S1z0jcfl7wPbxz+dUII=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeIQbyCRA9TVsSAnZWagAAHBIP/2fPIA3vijTa7A6lYalO\nAM712E9gZEK3zq+Pon5vC7rI/3GvOt6k4P/8ZRmw7dhIHhusQfmfAe29W07D\nNx4DURMauZG9APCsCb4wEuzu/KsodgK7n+lbdnKuOyHINNZO3vKBPQeXqktt\nICjT5JqbKoraL3DFk+c0EamezfCafcy4vVC6vgbU8n/1EI3J7FuwTihaUvVX\nyVQQU8Sm0mAf1Km32i1utWietE/LQxyG5K98Ly3+kb2IQKezSiAHbqJkHt3C\nsq7GPijhZ+5T2McCFtwNEY49l487yY27I9VVWL1KUHgfb8knqPOQhGCPo+64\nxvamE4ROOG+Q4VE+9BJpZlHKAyrO3YHPJuoUA3hLOUGzg+qUUTUF5krTQdHT\nRsKhq7le+6pHFb+JWkgQ04Cvw8KkXpgS6js8ec4CzSj4pj4q4+6T8HfvTbuT\nNp6oqnmDuGggT03tJYFBTKwffhffRWL2kyMmlucIhcDetL5qVKhFwk4gshuw\nlNwrS8DDC6QJ6cXVHh9EBz3NcyACplJdat++DBU721Hi5/E1bfg3bdY2jg7q\nNx1AJFlP6ObZ3BCDEiPygcGx8zTAsBikZ3V5hTixnSHO7QeJEgI6KTA68Ckq\nV/p3XnNQ8gKdghs4v/ihJEqUmYKVUf4AlnfxDaPNOulTdxnQpGIYGYJifGzq\nONCy\r\n=I4if\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"55fb21a2166199c09c2ec1273c4d38c6c3eb8cb3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.fe1f3ca07.0_1579222769558_0.12688016675135727","host":"s3://npm-registry-packages"}},"5.0.0-canary.d405af26b.0":{"name":"@material/animation","version":"5.0.0-canary.d405af26b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.d405af26b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2521b7abfbd14a4f0828360dedf7de12aefb6fad","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.d405af26b.0.tgz","fileCount":21,"integrity":"sha512-BCz2HpmV6kZqgmy05he8xQYUzPWgOcc28bNTRdYCumbWMLyJSxIOWMK8zKG0WvLlHhvNBcD3dvQFKt9ZnoynQA==","signatures":[{"sig":"MEUCICHfJzrQr0gDnAr+P6PXq4EGktSAvVHT+c77HLSSS2RDAiEArfP48M3MDnRXLjx9dMRCLQa6g2hdBxTeeTOnMk5RZfo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeIfn2CRA9TVsSAnZWagAAo5kP/3iiHJQKV9TZt37oDgyj\nbXmlkW6RcYPrKpMF/gYqAeLPHhAFiXkB3A33j5tB5R4+X/QYseIN1oJu6qYc\nnxY7qIZayzMGkRdjpQuei7OkmQPWF3TinHq1Ri03jwSkoCmRV3p5Y1uleC2N\nJgcXXKeNjKlbnlp4Gkf5veJjyjiAWnr+Opu52C66d6OilPud8JN5u8FASByJ\nkTEv4fjB8zuz77p2gnsPYaQyBl3zZmOjsYgO0eHGeuR8ayFCYqsQ9+RlVeMv\nnMX5xKOoNOasnyPRBxD6koMVtVb0Y1XwqdEWb9ytN0Z6fv5mxmio8x41NyKx\n9mcJZmzrGp4h5ViJn6J+4UrAdkmjqff8QkgFnLFfQV0DzH5xHeqCcNwsOh4L\n0hsJSgfStJWqmS8pFZ+GM7n3FaSgQEBRF84ki8ImErte7hnShQ2npGvTqr/H\n+HoN6lpjrUl54y+vVn9Ii90b6zl/qeA+1MFsngHqx0MUGf5mrGOp+WOQJx4x\n3moTCIMcmOGC7R87TTDSwXVMVhNxVDjlc86IoYYRW27lTANTeYNpPRoPP4yj\nd6ytCga/tzc6UJyrIL2usNbptylD0auwTMkWFwhY/p/W8fAm1GrMYrA0+gG5\nBbAMbc3btCCS+7aGNttY87Z80w+5kwlDNzKhyYxo3Z8zYFEMXytPcYNqQtsr\naVMN\r\n=7d3g\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"0520800061215f99c3d58fbcb661327da2b8c126","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.d405af26b.0_1579284981644_0.7973230879634823","host":"s3://npm-registry-packages"}},"5.0.0-canary.6e857aae2.0":{"name":"@material/animation","version":"5.0.0-canary.6e857aae2.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.6e857aae2.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0600db9cce4cb644bfbcb85135b2ae015828538d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.6e857aae2.0.tgz","fileCount":21,"integrity":"sha512-JLCvedtVA9Hj9q+ZBHhESHwsTdSoc49xhuN79f57BCheVdn/r28L4uKaiuuEEyDCwAV+lqKcGoQTRVZeSVT8qg==","signatures":[{"sig":"MEUCIDF432fuONMW8L5umFjH7mZ4yrIZhMv+NTjX3mUqNdcrAiEAj6ktOcd4WHaM3E+7fKqbHCXM9ax3EYrZmgt53QMwsfY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeIfrWCRA9TVsSAnZWagAA+g0QAJz0xDDMJQ1p1FPsEnSk\nskeE2+3e9k5o1JPcbp85i5bk8d6usozusSZS6WTqmrcoMbcK7b3+w+BY8ovH\nIAQaUsEuhgHm62GAfGhUwvPCLpOGPZQpc7uAHesAldYOgStvSkeApg0JtjZB\nvY1AoYVb6aPuplHgtUsL0ZMrCH8QuTqppkauq7Tx4YimxIABxBn/m1+Bnd0H\nbdF/o9GVB+wzy4XEW228vNm38aIe0+wQPZ0y7Zyl4OKHPl32hIIj2podoIf0\nsT9vviS4yGKCdDgYyO1d9FFfzekX927kioZBGqIFLeYW5o3ZgU0r+6udl0Nk\ntPA7ExdLggopkOeadT3VpUVLe206zL5QdkneHs3Q6z24CzvYLuOhf3tdnubs\nmpuXT9toJFsqUCMUxrkF8kqk6ZSNxrzLZNWhb5RgYbYEnkc8jMIfwxiXYOFd\nIKTEA/ZKqbgnUP3NcCM710pyEpmPaF7NSPutRox9opppxdM+Q9oIy1UuYM45\nu1zs4cCvEFavKGX9UfuE15plazlncSL4Moie97yWsckEryDfR0pHh/ppsLgt\ncZBwcrFM2CTECNd82q+dBuBL546YaO0rfX/7JTNHID/ayNXafALc+wbXSd6Q\ncnezr+U4Jx2WtuV/t7PDcfeWqFFcILYsCghOqLO2rifJPJwacDC4gkf4hyyy\nvJZt\r\n=HQ4n\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2a53aa5d8048725819709e1279ce78762b8b6170","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.6e857aae2.0_1579285206051_0.5767405657964892","host":"s3://npm-registry-packages"}},"5.0.0-canary.e2e764f7c.0":{"name":"@material/animation","version":"5.0.0-canary.e2e764f7c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.e2e764f7c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"369d978d6c84a2d7bd1f88b385e1115a6774fcdf","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.e2e764f7c.0.tgz","fileCount":21,"integrity":"sha512-CWierCtKeny2Lmjkd6LdcQtwXQa6oiEQJAwCXNyx7x0A7ALSrIwU6UtTiUusUrUOW2a8/+Rc5tSfnlOG5ki5qg==","signatures":[{"sig":"MEQCIC2YZOvRpKU1kJr+z7MeuVDtt/l++0wf6nPEdaNVbKYaAiBFQ+t27VVvHFr7eORnE9kGORAyFgTjGeHDkCQm/sa6sg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeIf5mCRA9TVsSAnZWagAA93EP/RQDziEqdHU8CeqhYPtR\nWXBvdEz4sPTULVU8P6CzfF9NiNBFduQAXyGvSny5EuYEk2i5W4NPnLwmrNdq\nDH0nBoNpmzAWVz7cJ1aKqX5/M3OKkNTnraw3lvIOP7EHMZi9cOMTM91q194a\n5jUjCPHdiTe0fisfi2x0jTeH+EfcZMXg/uubmD7UtgmzeDIKTSwSLoDLtwW6\n2xc5SdQwB5HlM7CgWr85QLeQjqhuEoP8NHmBqJXDZnmexrP1gXk1IxhodCt/\n5LQtt45AAitE24419wV0dUJl7UEsX2cu/vLohIWseXvBFO2gnDy9Jp4L6TVj\nJVnjqanyZhgr5kLgiE5jhW0sDtS+J93UxneCL67ZVuCljbi7LleoPi5mLcp+\nWZ7Ql+W1ROwdhrtGd3lB7uaU1crTFbAlmkhKI0TgsE9oR9Xej4y1KPQ/y5ru\n/TvCzXnqAU0XSrD98SkqZRFtXHa7c3FH/TRyleyshmXwWdUKe63bBSlltcV7\nQxNZrFYUPGkb6EDYhsT+zGXpvEnXjImQ6WvJzq5KFFEsQPu4GJmtSq6ggN/z\n6zm1OPCO2NfwIhroktIsOWnRupQQHUor13LzkBwZ/yGdkwT5ba0ylGwKdKt8\njOzlA+Ca63culrPvqKiuN7xHU/LqMbaXp/hor+/M8ozIbNlMYkFWT1ezTrsp\niKWb\r\n=DZNu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"9dd6d44ba7288e1e0e80905a629b922c21b54e37","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.e2e764f7c.0_1579286117951_0.4790263186202217","host":"s3://npm-registry-packages"}},"5.0.0-canary.7ef986a87.0":{"name":"@material/animation","version":"5.0.0-canary.7ef986a87.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.7ef986a87.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b4179562daad6b978774844a9a469d5a40e20e14","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.7ef986a87.0.tgz","fileCount":21,"integrity":"sha512-yr1TH+7xGeGGHky4WNMRKpLLpTn864qwgXV8eyuvoUW18LwbyNxsg3LBOFnGQJvDZuur+i1ebJ598ZZvIIDl/g==","signatures":[{"sig":"MEUCIFeAAWJrQXi9Ni8xVD4MyfFP2rcRYnqUP+ZXjQlB+O6XAiEAkaOyKw6RYq1RjilpejL0e1fWQKaVq/EY2Rn2IUXYHSU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeIgs9CRA9TVsSAnZWagAAQAUQAJVmlIUZMs1QOsjA+9Hx\nw6j4BsS+Epm70XuCvB4lRcHmcvJGkzu3h3duDVM6S+uoNgsKfbtErm7WjPGF\nDmcmtYxwyHvP48/jg9JS21QAZGyxfTCuuTHE7nQJUOK1Cv6tiPcZX2rtLrvg\nO4riDwCsQQnKJcF1Z8S4RdwdeCEN+zaLep87dk839SHGGGQCJeDhnBm0Ffo2\nN8pp3FeLo9PTg6PfWv4XCzYp2USazKicKSFfg68EgXK0N/kr+40X1s8BxRvt\nn6D2c/zChYLV+7+G14vR8j3xiBq6ojA2H8GX2UwoE9jddHU0P9ngeCeYiGdE\nOCVHjpC9EQmEdmKlo8KnbIzppWVJCCS4mlPej/zyf/Jku+yv1f+VES6HXWzv\nmC5dXaxnPl82DOER1tTQR49g7TQ4QqfMS2O52CB0bhb1TrRJGis6t+237zua\npMQB7DaG4iZNYLp47kqXA1lxZJUz78Ykw6rQedzGIi2jZW0RXjAc4nJLnzdU\nN77oFOiaAcGCQRIH0aBKaaRAS8Ptg6Xpb9Dy6ie28U0wNUI0m6WC2cjxlAYy\nWK/GFM7mlow7bGpR+GdVTCStGKXdtr0Y1TGmITXaIgghvgdTyP2P1jJuvBqW\nvIfzSdm8VN75EBF7LpIcTtB/lgnDq3GNl9hgteOt4ULS693OkBHw9BsNZJ4s\nmUgL\r\n=zo7+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d18e160fa2a4eddeeddf0a07020cc2cecff9b573","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.7ef986a87.0_1579289405115_0.4183711353053321","host":"s3://npm-registry-packages"}},"5.0.0-canary.29402e2d4.0":{"name":"@material/animation","version":"5.0.0-canary.29402e2d4.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.29402e2d4.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"215a229c316de29c4635fc3b08586d109d45d0a3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.29402e2d4.0.tgz","fileCount":21,"integrity":"sha512-rjWI4j5nt9ApTjlYO4t1gNYxR1mGixMPJTHRVzR6GK2afpJLTjF1mTEfdz0ojpaQF1XG13/bNPJSNCOZN5gPdw==","signatures":[{"sig":"MEUCIQDGoq5BGOj3vrjCD4l1beQ1/nYQWJDdX/MXUZtDOhRsYQIgablq2FRWVYuJzY5y1PG7yRFrRdvTNTTvMna1eM1fkjc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeIhtgCRA9TVsSAnZWagAAwjcP/izu5BeVGj9LDNNhqXaO\n3XuGCrwbu7zBykgxdjLQNHx/atXRc9nUmMY3GUqrItuR5KhhrdrHMLnf8h9w\nqU+pogfKe9D+scM0kvCYl6tVlridEivWwuel7j2Y0iiGRqDyiTcBHJecYJLa\nceErFqsSFuBwQ1VTmSzOd5J0kUXiwFky4oAQ+J2TPkC3QifPbvGYD2mzb8+O\nUEDEaRYYFaTHfisj8Khu7HamoXX2GENtybvfJE1x7DWzPH/Qy3JHOQX56Tom\nmPOFn/Z+If2hErdOiGiDV7rg0RrJwXZeyGlPwIe7PNr/RPy+eMdJNzpu8n6H\naE5kaL56b2BVWeVmQD9bcnWRX64wekyuNF/5/rsdkmDuccLGHyYfhiAbrWC3\nA3fSoNQ3dxImRsTYe7ikPvhqp0QwppvW81Kq5T/ct6btmf/7lpCshCU89xww\nRtZdtfmcerWe18aHKk8f1nX2BewyTLYNEjF35BKlu98ecl4jZm7km4WE/1eE\nFR6JbXNKDpV/br08XPO4nfVCnpaDX8jOBO0qlQGe8ynVslSRPv3qvacWMlWH\n15puJ4Gd1f/+bUd7GBr46WnsoYOqIeywCq+Hp3yuq1bEVoI4MnRHkowhujda\npuQ1gVlVmzYPfcKbzxlwWeEBFx0iJ3lA6BuwpPh50RblHELHMbeRgg1nyNcE\n7rXd\r\n=QLTT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"6c6caf45e8fd759ec1c6409699c53250c8c41f25","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.29402e2d4.0_1579293536259_0.4844022778743453","host":"s3://npm-registry-packages"}},"5.0.0-canary.2b3ec563c.0":{"name":"@material/animation","version":"5.0.0-canary.2b3ec563c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.2b3ec563c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"91aa170cc4d554e310fb004a1f744c4ad1356c75","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.2b3ec563c.0.tgz","fileCount":21,"integrity":"sha512-s/iK1AEs+gH2hZ8vvRnN/49Mxi3Yh1nnnAF3Isu6BA4sHaCiUVhf23AqmZY2w7R2MeHyD4FyHwYMJInrnoU9+w==","signatures":[{"sig":"MEUCIFPMGRuQGq47my/dw/WjxhkBOXqVdavXPdYinvpd9A5jAiEA6WwXhkipVD1AMBtENh7zF0T2+AASLxlXp8Ee2YDufqk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeIj75CRA9TVsSAnZWagAAzO8QAJ4lIdZlgu9Q8n1yCqFb\nVmTYyRrZbhmKWOWgAXZuRVebL3huPo4IeohvNfbi14tkrCKNJSv6e87NNaTH\nGDqZeWcKIiQHHDLc8eFhlxExtj8t9vMd19LoVP3Guo+2i37TZz33rKYQ8mg/\nkh6wkl3cixf11/nmlX7cNUuUer1uAumfWzOYQU64w8kGCHORYGk0/umeUOJt\n4JxkMyfzrcLzeg2AWH8mx+rV7l566Sk+raW2Xfz+kGF7rFCnt++Bgcyfo0Hi\nq+ltG+8QslJq0VxlogQvE12MEd5a96Hy6mHw3XmU1lpMpKdRtBkjsFuvkzI3\nDN5NvaMaAxfyZUQLchrfF9NFM3QVeHsp5jV/lxn1lPajal/pKIUG08PZ8bwj\nBZEkUbt1QW+TTaLErPMFgM04TPO/doN5/ga2CzUvI5ZyOIacPbJSflMOc8wp\n9wTSPxjh6WmnWXwfmgEzEJ6gkdi3vEThQCGUSGB2x/UsTGT6hvxkIqdSo9LX\nL3RGnZndNvNv/ssnZyx3MITfyWtTWA1R3AMlQn6wk56fcVqV/nVNKphP/Yvi\nb74psR5l2bpc8mFS5xgMra045pnF5nKJbB5/dgsFij+MOgPXbdOQxI25hXiq\nQ19ng4Ysn9zrT+pnMy7MMcYf8F3/b1WUmcBgm/rHuFhMIngy1J2crxhSMmMZ\nZZeA\r\n=oOvs\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e0de6399e32c2553a23c71775c8e5b54fc527e5f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.2b3ec563c.0_1579302649025_0.8595463245029598","host":"s3://npm-registry-packages"}},"5.0.0-canary.e8a993677.0":{"name":"@material/animation","version":"5.0.0-canary.e8a993677.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.e8a993677.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7afd1936f814f544063af70aadc9d41187220117","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.e8a993677.0.tgz","fileCount":21,"integrity":"sha512-G4h5j05VNVI4ovcviAsbw1ve3QKjVdn7dwBSk1K9cuqvtf14v4K9Tb1seeuJ+j1m1pTR7cB9C+6szB/ALYUY0A==","signatures":[{"sig":"MEUCIHIFm/7HZl9lAtsqaURZKJhAzMx5rqpI0bF0GZuRRIe3AiEAzHpfGsMMmhyicJ+FumxerdyEfNa14CkXS4YkH27F7+A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeJyt7CRA9TVsSAnZWagAALMIP/1Zxs9bCfAKsWnAL5lAx\nMeIzfuOc0YeDMLSkweNRcLAQlWUG86wWqhJff9hSmM8/x1/mAVRNuD4D0PMQ\nbTUAZk/T0wJil+9fs5sglQRW5GISUtk7i7rNFP1D5yxpryNxt3VJ7LMAUbHZ\nCgxMh8elKpy9XIZu2GfsU5NBgQDp8x2H/3P+4usNtpNYADMBfeszklm7K3R4\netOVSZzAkfjUBSCirzvGtrKS7ZJFoN6wv0ATQhRbxjXWc/JMDwQbyM50COUv\nsp5w/0MRJgmlGtNpP1BKNQxw+AM8Cn2Oro5QPZOg2X5BLvyhDkJZC72HKIAP\nV4B/ucTlEBC9SuD5X5YtVEKygUT1gleEOk6V+2Mq6cNVGhbvvgbPWlwj9PST\nzEnCvGaOZTH88cbPRKcu8/r6n+DrsuuukoiBOoAS69s+ZtMTO3QKGpGJVaWQ\nExPcR8LZybsRPrT2ndOz14pKZWkk3//a/Cx6PXMS0WGWX1GR/X/I5Ja3zLVZ\nofDolJKI5inhDJR6VNXKoZO0wxAIZA4x195q9qwfVYZMGaONvcgVSMz9LH2U\nz/Mg1dtQtGxSE3OgLHzYLaH1QObW7JpL7r+IQr3S8dqInQk2AC3uOfoap+TR\nJpeXuw8XaOlpSdv5GUKl4AKQOYcjv9dyIPuf/jsMBsQvrGYmPCfGxofhTe9d\nwIFS\r\n=3hkF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"653e52310f90e65950905e8fd8fca6f99e87ba63","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.e8a993677.0_1579625339011_0.4577119632759723","host":"s3://npm-registry-packages"}},"5.0.0-canary.cd4903304.0":{"name":"@material/animation","version":"5.0.0-canary.cd4903304.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.cd4903304.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1b4fc8477c07c3879a50143e6490b46555f6b918","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.cd4903304.0.tgz","fileCount":21,"integrity":"sha512-soi57N9XtAoJJMG0Dc8r6iPHsBiQhTLp4+3AsL5CvTCUgP5r+54YMu5aoYClyFkaRq487rhjK+ueJBeEuQrWzA==","signatures":[{"sig":"MEUCIAvdPUKts0fG63RkAnpOow6DhkdkYy4HdvOEK+bmK9UZAiEAiQe/zG+IlbL/54HSP+xgEaU9PII9HKD+ggip5LgKHYA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeJ27sCRA9TVsSAnZWagAApLUP/1PZcBhj3PyXcHMWfYNU\nEOOUYJ3928gkIzl449s1wDpINhOytQNCq8k/aAWlpGIJuFlAUzPv+3tPUIQU\nw5Xrs64ymIHDxNl+fQ9rt35Dzg1re4F43heWmDfRiqGt0o2C/f8n7yd4WldO\nFXxMSxMSvFyy4u67JYY2JODpTw80fVspEJO4dcg0zdP+vqZG+DFcdGkDA1JL\nTkCrptRBWopy8B8hH6mM33aPSVJKdUihYCU524HZ1kcVd7of3p8LFfCubbcf\ncaWkaUAXyZ4mR35qprLucdjmjclHk2LFsaMbsCD8zS/bn5behEDNXanjbx1U\nFCD1VjJcmDKo7a1ChJWCIfUtq3GX1WMN0ZVGnksa3tPNvTNYufwEslYaoeyN\naQiR+aewJCCt/QcfKrKU5x1rmmMKhudpDU9+ZxKd+0M9+DYOXBW6F/n8olBR\nddaHMJjkzAyvK0NuhgphneafFGOaLOV7q/Tl//pxs3bkQJdvZYiiMzQz24U+\nl/5uU1x8H589V+KVTbdeaLXyMa1E8lqs0OXz4oty4I9j+pI0uo249scEkdk+\nA2WQwFkLXpYaxrRugZNkc6Ncv+vUSRtdMsY/DYz5Gpyzyb70onO5/CJWsdhY\ngZjayNGBaLAS+Q+Osc8dd2CeC+0li1OuF74NzC+SSyR7sHeDQqFPc9KJqCw6\nJyVT\r\n=fID9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"0a1f35ca90587cb380a06e8b6eb8650279b9953f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.cd4903304.0_1579642604382_0.43781597815486006","host":"s3://npm-registry-packages"}},"5.0.0-canary.7e4b04b25.0":{"name":"@material/animation","version":"5.0.0-canary.7e4b04b25.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.7e4b04b25.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"764c5fe9da3b73d5b743145853d977438a7cca45","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.7e4b04b25.0.tgz","fileCount":21,"integrity":"sha512-ssPsNGdHGjBtx+ATWMIuRvGS1GBBr4U1g9rY1XB1iMKPM3pFLVengxiBN9fL8JrJsRjHrU90pPajPh+keFPeTA==","signatures":[{"sig":"MEUCIQDr19jgKxPXv2fh4IblOIUfNErZvogEDLFKXivRvfFzmwIgD4FhWAl7c6jDzdKDpR/ARlKx1WPddqE/QUILLEimQW8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeJ37rCRA9TVsSAnZWagAALckQAJbu5GktEisOh7PnzbMk\njbi+olup9KI8N50Cf5KPUFxT3ezj1u0dobxLaZhgefwJkoqwAj0mwsFaHAe+\ntWDJ78G7dDXaqZyNv9ta/n2+sj3f4fuwp9nj/22b2Q/HlmZSUBA4fzdj5HVr\nI3G/+RP7h4lUidSUwnQwnvoE6M2oVqIEMf++jSdvSU5epOr9LiOu37KAqOFd\nnBiet+a4zeqk38Sp+CDSCm/1B1X3EUOBCRZWEp9uT0klD8oV3lvcqb0UzvDG\nRSDi/Wuq8z8uhbEHCf42hSGPDbFU5MhI1ohSeivyEpkjBpchkjACV4bUFmR4\nnVlZIRfM66NZEabH8Q+wQyqbTrtxEjq+93PFt994XN31dUK/1ON3ErJggEVW\nsNayUKF8XUjbUPvdvplHrtvYPN5/4jN23v7WTmfepITYMQfwJI24To+6ucTU\nlOJdnLmZo2Uf15b9QU8j7wQ5mI6AB0b1bq3pQpUBo/MhLLROR8+a+xGHNzj+\ncgoh2G25R9bWrgytU/vDxBKA8ln19G5wk82au91Vp0iWCZoYCEzQNUusX/41\nDWa4Y3XrSCJrXfMgejc0Y+2SOxhenpxJR1JlInfpYAeppFGenGdl7RLlHcPW\nFbsoOD/THeutNvrWnxB/0UO0FmbLgvn2/lhmUqmhHqvuB6NI0hU5a0B2LKfr\nbHWo\r\n=hrgh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"5ce556593315b470008c9bb156d98d7624231a5b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.7e4b04b25.0_1579646699224_0.8491751071605618","host":"s3://npm-registry-packages"}},"5.0.0-canary.ebc296937.0":{"name":"@material/animation","version":"5.0.0-canary.ebc296937.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.ebc296937.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d527d5ddee5720d63dc1c067f3a4e088028a94b3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.ebc296937.0.tgz","fileCount":21,"integrity":"sha512-RGo6I9+8oJIwAfhkbX2iooPDITY03M0WiYAISTAWQMXYEjbAUe+mvmpO6jzJ/0w/AjXeso/FSDXvkMdm/ghB9A==","signatures":[{"sig":"MEYCIQCTlZUkZCmcn9jk1P/pAH33cXJ1BWGxdex+SLdTrsxb0QIhALU1P+fHjkdAzz2HA/h06jBIfYVG2dZPu1A5pTKA8ppE","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeJ4zJCRA9TVsSAnZWagAAjdUP/2JoI+DxQNmB6JwtGTHm\nTen+5B+hppGZxrogG+gleQ2wIcGR/dT06PO7vgz/35XEly7G75LpiQZMcJy9\njWmLQvQ3l9OkglQ0sNunjefjz5rUBJw1jTaiXRwzB1VwqAJ2q9FKpkBlAdeN\nEWifQvLuB9MWCOZeTbXXOUA72Yq4H4CxFNwpbQo2fxf8vBlmZs5yrFNL835N\nw2xULsiljrpdF2gBOMFORytJ45LLM89maiwQ2GTN/IueXSxlPgT0iZpPEGMh\nh6EV1bdyVVltrqWVjwiUEcD+fcqagFtBk3iwQJuuJhjqp/PSHkK+vTYaUWsi\nPUKBjvIYVzFUztU/Pm5mESDBEQrjjjuSlWiIXLrtKCYOP7GkCMBTw5Tgw2SA\nVB2qslbUtrvukNg7Bq8hDwWe0xlsqGw+4L+unOd9HYBA6vBUrEd5Wfn5dtkw\nA55jaUs6oazea83aKpjBQi8b9Yq+w7JETJU84xkD9t1udVRgjCFHhnAhmRzX\nHBn876aq31nqHZErhxkAZqEx6y8ZzTda3LpXiuqgOej4Gw3iOy+aA971LOiQ\nlPZnWbkO5QDQWg+0q7tIXdfNSzDCWgCadldSCHEznyt6byOjYXILSVLUlyAF\nmn7ek+i0s0iJz00Weu2eSeUWZSLGUUGC0U5PlpyA3JtC2nMefwsWG1xe3nNb\nQlH9\r\n=uGdj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"56393bf41fd3e60f82b11c9571455b6e0b0f2025","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.ebc296937.0_1579650248493_0.02372323587992997","host":"s3://npm-registry-packages"}},"5.0.0-canary.cf33f113d.0":{"name":"@material/animation","version":"5.0.0-canary.cf33f113d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.cf33f113d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"03e045e833dd5590ee20de32a32e58f4dcfc4d88","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.cf33f113d.0.tgz","fileCount":21,"integrity":"sha512-ZzblbtSkxsEpFDjmOUJYXH39mskMZYQWTWRRCNji2zwH4PCO15JgfyVgUouAvR0x1hSoKSIKT1rfJ2T27Kj9Bw==","signatures":[{"sig":"MEUCIEmlAPZhGof8YG0nrTbmFCVAgbde+Vz3jvyut1dNVdydAiEA7C7W9F3Wh9j+Mr5HwKF3MTO9IYqfQdy3+m1Xm/vqB9M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeJ6OXCRA9TVsSAnZWagAAo0sP+wUBwtDeS+FjxYXe3MQx\nAq1UE/CQ3nRXzxz/NPCA3J5RquBfU5fX76d/NA1AgtzZ73pRKsPaHrIQ+BeS\nGPQPz9u1J9qb3ysBtS8aLT7QxHygQuRYEC4/EMoBNkAQRmKc+mQlSskkwvgU\nHNam6BYyn1ZpB3BrEyD9iGFNXHy3qYlTctro29kdw915buXVPpnojDBNHOwP\n2XyVV/5FAlpKKzliwFA3J3II+TUMkbIFJTWvWjUiAX5qm0+E5KD9g/rdn0mh\nCE1pYAsY5HexspIcHsGTpLw40hBhbLafYKqmBCjIRFIgquJyy5gaOw+ZDMyN\noPJZ5lRrYAcBqsZxtbsgQ8a/6cr9ayqeA7zGlzFfuoM6TOBGO1+TQBMQO2Ce\nZJRyhZ0UHwxFSk4XaEEvrApDVbPKFS8FD0w8Q6z35uHmb3JM5q++ycQFcCoo\nAjDbGYuu9Z3eoyLYMMyU9977tV/xrAjvZ1x+ilkm0svDd53CYNqJd0FnoK+3\n1rK7RdAKJByboQqsS43MVPjhgSQPHlWeiqHDASb0xy2qahVhOblbhdM+l+i2\nlvbLQSwLMP0DWhrbQl5oy+XbuExXwt5PLWL7baxQaFBSJnA2mkPoS6C/DlK/\n+Tshp4k8FnjT/W5W+OWp71vmFbCQP1+X3vNs34lSZjupdMgjAbGKBvH8s3n4\nc8fN\r\n=36DH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"337736b1343fc4e03714756c4fc2ccfdfe1e5537","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.cf33f113d.0_1579656087500_0.4599133026858431","host":"s3://npm-registry-packages"}},"5.0.0-canary.e1d5f1be5.0":{"name":"@material/animation","version":"5.0.0-canary.e1d5f1be5.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.e1d5f1be5.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f7b178dbc882fd3769ca3eab5663d69b39414f90","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.e1d5f1be5.0.tgz","fileCount":21,"integrity":"sha512-MMppWEROGb/OdfX0tEet5gnEevmugjlwgak33QNrZsLwsaTn2uT9hwRRaDgfisfBlKJRdm/KIoerKSFFZBei1Q==","signatures":[{"sig":"MEYCIQDY9mB1BIqXaX/mZw9HJQKC2eg3V4vX3gjDaoz3HhvOfQIhAIhWHGDnDiNnaBUwGfNEbwwpvU8xsHEnrIaz5nI74D2V","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeKH49CRA9TVsSAnZWagAA97oP/iZq7ij4fZuFiv4CG9M+\nsx0CHhP9OqIPRzGT9YSQyUE02fO0KwzF8iLbM8HrwMT12ckNMsfcMBygoHm4\nTDcwzY1YqogsJJJqrqNdKH62XACCPl78AYpH6ERl3iXB9TGvagUb8lgGQXeg\nzCfZQiUXYjpasr9+dsMX1Cv2lUP4w196A2Y/Z3dgR7+hv7eBd7wTwA1SOwIc\nmdTXIL/Zl++To8MdTbQLEV5TPx1ayl46zU4J1WYZCns3l/g/YsONdU8z6FEk\nj+k9QjxuvBcqA90KS9sb25/TPPpyMvLSm9t5V7NTy8DWNPD6JHpmRHKQHBAE\nY2numILf6GffsWVNnRbo5LYpu89kzyfx4qQZv31A7u7nKvgH2e278qImJ9pa\nBUd7JK704u85KdNWYbrONNonwph3rZJAcnfIz7ZFcG75wyl7A3LByaT4gGj1\nNvFj+3oG5PQRe/+n3mQWAXA7f02XxQT4kupdL+YjDLdhmLWh/m+8/8kOo57t\n1VFEID5MKng2MR3+jDXlZFdoqGTRKs4fTz/drelHp5xrv9logf8S2Boo5ncd\nv9YZHhdDPCuf00XjsvXuIUplbBNHOuSnoGO83YSCGTRfHZTv9mvwi5fBmqoS\nq02NL7/S/+5+gAUnV8Nivplwm1qRBOYSj585ubR/+LdqKd+GSPVhJAelu4D9\n4OaD\r\n=GbrV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"4726896d58f0dfdf4ec6ed819abc20912d43f2de","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.e1d5f1be5.0_1579712061024_0.10878045352952159","host":"s3://npm-registry-packages"}},"5.0.0-canary.6b6a4ff92.0":{"name":"@material/animation","version":"5.0.0-canary.6b6a4ff92.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.6b6a4ff92.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"92797d590ded7aba0a501dcf3f65c12e71854388","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.6b6a4ff92.0.tgz","fileCount":21,"integrity":"sha512-XlgyLxWBPzcNylHopvLuUOJ6baCYTkDHXFA5CwLPwM8J+AOHn3wZRn4W4E9VnvCLJda1D3E3jxZ4wwmSs1Iyrg==","signatures":[{"sig":"MEQCIGKOA/FTiK/Q68IhwzHIg2alQoVk80e3YxbLLnrgFaWaAiAsAe04Rg5XLxuxsgBynhFdOo/xvNkckTH2hfHv/ekkaA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeKIziCRA9TVsSAnZWagAAbmcP/3zm8MpnvWyISIxh1cOp\nJyfwkIp30mZUwupzhlBj5xuCTnY7iACrfE0nIduaoZZlclLpb7Xn2f+8c4Yn\nMJw9N0G2TA2wB6OfKqo3nIT/2pEyX6cpP0T+ULWDt411tp9E8GDFe9iq4usc\nuvQkwjFrJYWaMZsaRbJ8Szz+BU61OkIaaZNGxQwIrYItDnN6uczeiTk4V5SN\nNYpOaUj2hC4H3GPnefecxmBoYWtMGyLZdYrNLAS+TdGcT8R6hdwHTnQQl+4B\n/ktOSM+cuCqB9nUSo1+lVxUAgxVy7fMcX2bMK6zQtg8XY2EIE1aD02fQ5UHI\nz8HKW2iqB+R8XObbgCDU19L8hs6FJZNsK9sY+A7Far+ruoxIQwbJelGql8Xb\nCNcgg/ohsoeE8+ZRZdpSAZnObphJIZNFMYRwiWLFFQU0ztrRJDJ603GyRYBP\nmi6p6NCjkKCqcLB5yJ1ilqSwquQwrZ+7IMps6XO9K1pk9bXJR2BoRLRpAnVi\nXznAw//RBlw3YsKiJXuAsGwsapRFGrtd8beInkOCpVRMQGx8GmT8e0+dAHfm\nsUANk+diGC6TiTmHKwRW+yX5+K1fL397zSqNugWVBb/PiSb+AG/sryBEKdUN\niwBBTl6Hl04753S6XVulMdIOOFpP1r+s+8zdBqnw9Wjq8HzFsjR61HkRR6Lk\ncclG\r\n=y4bd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a4307ced3400e7b61e83495c8903f219bba0ae44","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.6b6a4ff92.0_1579715810211_0.8403166583140027","host":"s3://npm-registry-packages"}},"5.0.0-canary.6092f71ee.0":{"name":"@material/animation","version":"5.0.0-canary.6092f71ee.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.6092f71ee.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ad81d79e84c08cdcde94971a222efcefd4d3ef49","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.6092f71ee.0.tgz","fileCount":21,"integrity":"sha512-gY8wzzDDNhRiYvvmu/oSbWbp+4DXdAV+wlwKVCidK3E8Ry4/h+YjbEu8m69HzHZile0R5jCUb7r9Bx/kuKxyyA==","signatures":[{"sig":"MEQCICvsRYkzcumTVXVc48+jSnkY9rCBTh3Nfk4FScDDVmYZAiAkPxXGcEXzLhWe8aCW1UUuBXTgdpMlzyk120O6sJVlWA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeKLufCRA9TVsSAnZWagAA/qAP/R/1B1dOZa9vjJ/PGTI6\nnMAxnwVyZyhCW5OIpUjpLumdvbkpaBfhGSrBVSgokXwCwM8Pl9ighOOTwRnW\nQLwNYL/SJX3hf++hcVbtiqshYNzI28y/wH7czOQr85F2mP25jHsFwt0Gfd9H\nMePAhyz0OQb22eYCk9K7QXI/X6uKjfoXxl76AOgSX5g3FiJBy+y8CjmNAfZt\nBEdIyXkN7qhyPTQzjDBpXd8sSo9aIC2N3J97pEubowjlcj5FyTGfAjtc/z+7\nr9AIzLEFD4WMYQ3ha0KXUJ1yEUlcvLak7kRJ5rS9ibNX0A4wQac9VpvzsA2Z\nHTLZaXOoysyVoaqbmgpq0gAzxYnU++r+WHY9xpld8YKfDTl422PCKkDOxKbC\nkyDRNmzy3+2ShXcMr/2gBgCSqMx8MkQ7TVHCQp9OqYD6v0Pt4mdjesd7ykL2\ns6B+VoZCpNP79JMHdJmTszoQX1AhduteG/0yswPZiDQ6bg2x5g7skZ0GByWb\n7d2wHRAxLgR6fUBHTZFAmHGDS6Nd4ZWNff9AnY6eiedzavfj1dDW51yBKlDt\nz2ipdS3malOW8I9ZI4xpYNZI9sIzOuq9XTW2tXilQPUkzWDsZguA8AeSatpZ\nR/zioHKf4CxhXKfzVvmekjAh8OQl8G7uhO1t4slxkmhHQA6bL99eL4xy+tFW\n03gC\r\n=5qug\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"da5d9e639c767fd3f9ad77c867d990afc21cd359","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.6092f71ee.0_1579727775074_0.8486519027070105","host":"s3://npm-registry-packages"}},"5.0.0-canary.d8d95020f.0":{"name":"@material/animation","version":"5.0.0-canary.d8d95020f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.d8d95020f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3ad28d099783eb67905592c000dc449369222ce0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.d8d95020f.0.tgz","fileCount":21,"integrity":"sha512-luMMffBWov5ZEG+8XO9cPIDr63uGqo+2NNp1XxZcwSN4OPr8L/7dxe6AASv3GloVlxR+Qf9XDDn4T15dJn2+xA==","signatures":[{"sig":"MEYCIQDIs+oB6+hayFe8/myAZvHuYVo4tvmhTRsnXVZBPXR+UQIhAIM0V8pUm7QIDuuvcphVypb49XVihmGLDCsHsQOl4BY/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeKNYDCRA9TVsSAnZWagAApC4P/RXfxf3/GdIGo/ihv0lQ\nl1rrExUlbH+dy77Z/by3FROMngQG7oOpsTC4/+zhOupVlPZOGQRuDXMqSpqg\ndOLRK4sUHcA75PuwWaY6vfVJXtbgLmAyaVQZicgVnR8iX0mmllCwLLTR/HF8\nFszITBOdiYQkCZYWv3ZNeslUxbZ98XKKQMP4kPWiOrpF+8FlpGG/YBOivvTV\n9XxV7aOxeRxSv8wVx1bhn9iPB5DMARWPnevxzm/gXGwXCGwjWKzbV34QAk6l\n4CQ53jm+5rFeQiZHwP+7qRwUzR9a9/GGTCVPkHzJE9567fxD5wDSbmAqbDyY\nQ/O8hxmKoyGBqiKLfneKZJqAWFql46YWoFMjskUkYUSvTLEd4mBl6FhnVVu/\nVFEPhu2jEJkZFBQWcu9AmZAO7cHIcEyd0frunfmkNvkWZ63eAmYR+KMW+1Tv\nOz1Hy6PSzS+dFnIi9+LOQH9iLWNzEL4mlNqkSzIBzxW773EqSPFS9P4JMeYS\nVJeM5CQMOipuApTtvW/eqjo7J0y34LpkEjWeWkusx7Z2azoivw9ljAJo1r1X\nUrkGKYQvdd5/fxEiW85PQEuulEJ3qlieH9H16BZhVdRo/NcEXaGVLX0siJHc\nN0CktV8RNp/B/djJbb9fOLZnCM6BHUlFur3GYfBwqNivnZBjVvGFwSuIPkBb\nedID\r\n=+A9N\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"6360c5189134a77fd45542c27776ac2f86b16a49","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.d8d95020f.0_1579734531124_0.19377360584848646","host":"s3://npm-registry-packages"}},"5.0.0-canary.b7facc628.0":{"name":"@material/animation","version":"5.0.0-canary.b7facc628.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.b7facc628.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c3a89d228f5278a11ddae1c679f8a20e6110bfdb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.b7facc628.0.tgz","fileCount":21,"integrity":"sha512-TtAATCtL3oSIcmnL6RmZvBoAWENOrHWB/h//YrVYbpKGInAL9VQhyTfGW46Q6YPDrBxfkhTFEJ80rJVfwFV03w==","signatures":[{"sig":"MEYCIQD4bgxHLx6r42G1/AJdj9p4bZrQN/27uNX4PqDH9fLjygIhAMUm62fHTqQHwdaG9RDx0xEAKTx39ZJAWc7AIBA85LrB","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeKeHjCRA9TVsSAnZWagAAmtUP/RiXrxmPsDOVNO0xi4Ch\nfnnUqG4VqBsf9LLkOJdMEWUWKLPN9dtKb4Q3ku3MDF6TThwW3qV/XSAe2Uxb\njLkR6cf267wiHrpngNlFVraKtNDWDBlB6rjYt3H93iss1wo6UuEVGlhnAiLQ\nore56dxPf/jE1/qPE8m38tkEwxS0ei8FwUiRxgOqDo4ZWSq6JemIvoI2t6DL\naEaSbM085Jgtmq4Ez/kJBvfAuSK4nw8ESHxzCVBUd0lOzA/DHRcw6gQBNP7P\nZmy5fC8gWUPpDkHLM7JJac+qA4zPviUzq/mSXir5i1lL46v5/k4PqnTCsZTU\njuPbP6avJiwJ6fIbfKzZrLq36p/21KMQWZsUO9sUewhz6uY5NWTqerE0ayQe\nRYXvuKvG4OIpBzYyMszTUUmV6j7bNq6qo8l4Hj9kdmVpQm9DxmQ2QiXWMsU7\nLh1riaF+AIyQdDCQfF1Uft9ayVXU7C6MrUAB1x5MFagRty1fll1nAkZyLRvt\n8oB4eIkj64X89oGAun9fx3sOGLBf6fkF+/g5nDcVmaF3A6s2TYeg62IMyZIE\nq8xjaPM9UHMX183wA7Q5ix1Si2HARyxdQMKxXkwS9joiYZTQucNyJNdH7RPf\nyohkq+kj0Rw7uoo0izeJt6mb0Ab/+Uqi+bIyeAK9KsmEx7Z0uPAnMcbPGGwZ\nibwJ\r\n=F2jY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"265b39c05dba4587f44e16eb788b56c1cb0153a4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.b7facc628.0_1579803107145_0.8219278590080474","host":"s3://npm-registry-packages"}},"5.0.0-canary.63f357dbf.0":{"name":"@material/animation","version":"5.0.0-canary.63f357dbf.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.63f357dbf.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a1ecf6937c70875e60cf354b136cdbe0352465d6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.63f357dbf.0.tgz","fileCount":21,"integrity":"sha512-6ZaOFtQdyytOAmFOUega1ewQ/1SJa3LKwqKOCSZT5iPMtygwYHsELGbTHnJpSlBA7hUtRTa+URzKO3qAAStNvA==","signatures":[{"sig":"MEQCICZnYweXtQ9v+m2wIRCMWhtlqXECexfIsZ/ZjDtVOdUsAiBINwsUfUNIbh5XPFrKBUkvyc4skTd67kWVXfUcfjtYTQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeKhYdCRA9TVsSAnZWagAAYIkQAIIDRWHYf1zqKWeaQQdE\nifHhVECPWfNm1svsUjq3VvAlZenxx9KczNGtP/hiJtkNEr7LLC85z3/uyFFZ\n+KpP7kVU8xGSSNfXHR04hMnmaBV/WmQ8thJ91+vu0SDoXWOsGDzCraKrGx5x\ng3jgwaj7LW0UxLHhIRyZFs6hDI9o+JwxbKXRTxE/NsKrq7apD7QKjyBhJzRK\nLN1PqM51RxHK4Z2jQe/3l8XJvY3iRrSwJp2WQw1U+V91tMiiBf087XWk8PN4\nUZB6Wt+LjiEHDhRnVuWzKHvoduxYjz31PanyPPm2IGHMjma3XuB5bwTD8wEt\nJ3kq/zh7JMCPpM23mBZqYZB4cRtoCVqb/ln6ZC5wsypXB7/ZszGeLx/75sdC\nZj3V+KOghhs/V1hNiJ/uDf2We3FtXplETwml4VpjI3KRRY/fwzkNOBmZIQKJ\natzVlKeYrtDYTgsW9633f2gWn7T/oSijBmkTc81Pw5RDliDeVFKCQ9CUAb2H\n1QCW0mL6csn9M/mfSLJWgJg5r00YsuQtaUVty9ClB9DOg8Bmg10Z9cMyxaTC\nNA53+rlGxruYqLodhteD+P+KnhalQLFhZfsURrcX+fwAOtddFdNx7fE9J7F9\nXNfTpF7Zrn94QDgcIRAkq5FkNZBqz3oJdnlCXvr/t2lh9Q77GFcKiznWWQ1x\nx1Tt\r\n=WUpw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"eeb2b38a1cd8ef32c66d35119a666a4b01da6d7d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.63f357dbf.0_1579816477020_0.6778851202463385","host":"s3://npm-registry-packages"}},"5.0.0-canary.f2426d26e.0":{"name":"@material/animation","version":"5.0.0-canary.f2426d26e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.f2426d26e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b3a4c7dd5709aaaf2f65926fe2e1e1d0d4c99be0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.f2426d26e.0.tgz","fileCount":21,"integrity":"sha512-gj5JWYwzMfVmHK7axx63dNZpb8DNzc97qXdfiQ/zqrCJBNTFZGcSQXu79XX3J0uFFRWxjYeyx6xTckICcL3A1w==","signatures":[{"sig":"MEQCIFBXwbw7X5Wu4lVNrLlooaQpjqYYtPXCoTSTTK5ioUa5AiB52QnfQ+DErpzy3ZL3cRphmFAg64hZOj1gpheDv4loKQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeKjI+CRA9TVsSAnZWagAAwxsQAJjnywo5rCfyZLyEqHYn\nvsyGDoaqXOOV7vb+g484sL0CUU8R8vW7YZLvxs7QyyjmtB5FOQr7xzNNiAbD\nsSJ+1iht0F1sScsosOiIJ7LW7RS9xY3ZZ3TN31EiIiYSgt16N6VYuzPLswQa\nNdAUpZ5Nf0ajPmkqTFhcyLq5nHGV0OJmLoyu7xktmS2K0Wc064vwKOusuX7g\nNLSky2iKiYXrObnGbxHFzd1z/BmMEhnAsW8WWfFT+H7vRNG9KW5ggr81QnrV\nQpuS0ozJ/a/2j7x5ds0IHzAAsv5dSt5h8qjyA1Inbdwkm0PqpLMfliQhN0CR\nGV6TrBHWu6Mn3KmouKVQUw8JTd3oIZqcAz8O8UeOoNjJRppPBic0LlH5UBGx\nCPUsXQOcYqy8BGeiWjvLFOb7kVOpJUDA988aMQyOYTP1N16tN1tv/q2MdsXk\nG8iLsArh9jrFT3HOh97pAh8MZl6Zi474IIYJkZF3E8R4XeConZxl4WhMQEwa\nNTQXGLQDzuvl7TTzLQVZOXZ3jMG31P+A+aVrZYWkJgdF0sTcN8PfqKs9gomC\nZj0DRM+aQ3clhG+lVq3LhmbbqBA3M5ufT+avgFqdSw4YhSd59TeXEaYuGzw+\nNLw4NHV1E0Y60fOR/77MghFKJol47dTe5cghnJXe1EkIF0RUF2v56QDy59o1\nj/Yh\r\n=JnFZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f25cc47237fd4889c25ddd16c4d80cff95fe3c91","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.f2426d26e.0_1579823678236_0.8493769717031125","host":"s3://npm-registry-packages"}},"5.0.0-canary.7f5e0c23f.0":{"name":"@material/animation","version":"5.0.0-canary.7f5e0c23f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.7f5e0c23f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5b0f87332f47fe7080da658204ef9db813183449","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.7f5e0c23f.0.tgz","fileCount":21,"integrity":"sha512-LAJQgzfxFLkOB/hsuifj78YzuNM6UKYKgSB95DpofEHtxBBeMiY2+5+nQseD5nmr1foelHAS1OYQ3d08Dyrevg==","signatures":[{"sig":"MEYCIQCV+nXJp7e7+dz03LbDkemjNsnNzJFfME7B5MIkenXEgwIhAP5Fx6OQ7rRByYFXd8THMMHEnfetSFbBY9dGLRNd2cbA","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeKx+ACRA9TVsSAnZWagAApSIP/jLcqRHH8Cbe+KxoWGcr\nL1+3b7NM1i2aX3ZaUtYB0gRi3Z/qGGdRqBpOV+/LIU0tu58Lw/qoi1lemvqq\n+DC+JHGS7UjgLWv2ohCxrYZm8EYUb/vc9cO2U8N72NCV/YcECwbcksN8rS9+\n3WAhtFGRYqnJZWvigwbdUVYJi2n5/xlz8o0hrlcdYQFXn4ClT4JZcHAACojM\nh3aamNSAZ9g9KCVCHxpZke+Bmqjl0VvLaxgnkiaoPNUAOqRKw51L6mIU7VxN\nQeVpZ8T95mb17oawW1b6RJZW46o8azk2tX4+zU016ksjO5VoNTwwCvuoXPcF\nHYBDsVCQsmyH2gQ4TRzVrhjIKFXs32UCZpnTL89cQYJh3FAiyVNoHC2fpAzT\nRH0rFyIxtt4InlNBboAvLsL/d76zlGAHlT7mOgJhFAddCf9Y8yIogtdxyaWA\nBsBFg2ekxNYSK9iRoYi6vMsCEKaW80/ohdIXDVqAacO8egge1br/nPRJLgCc\nZs8qo6Ci4fosm5letMHvPZWq9Gz0YLUVcNlwUj4HKrO4Uq19Y3mlWcyaBYi2\nVc1jhX8hQGT8z48D1zs/U81L5HQqlmQ8BGGyhC+oKIPKUVQ2tjyuX/qQ47K/\n0UWNNDt62KueN3RdM6xt1o2BInaxvcZ/oFIaBxf93Yj3fSKdICP2wbdgwgR+\n7cX/\r\n=ZW6o\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"619b057dce90a552f56e341228cfddbfb7746acc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.7f5e0c23f.0_1579884415602_0.12137645358468085","host":"s3://npm-registry-packages"}},"5.0.0-canary.3fc3ab520.0":{"name":"@material/animation","version":"5.0.0-canary.3fc3ab520.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.3fc3ab520.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"dee5957a550517b3f784c1f463d3269eb5b20293","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.3fc3ab520.0.tgz","fileCount":21,"integrity":"sha512-5fKJ7PnOKicjp957d/ayLHQKrgE0z7uyrAL/uEh72KJ7fEKpis8+KJPEGdScas5ibn61m3nmMC6wehcXh31QRQ==","signatures":[{"sig":"MEQCIF1uQTY7n4CraGAO1fFlPVP82u2bH/zJazoqQzdRXjgyAiAlw3qrMfhlImA/QJAi0oSn5a9SSTgTKErUl5VKyKPQlQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeKydACRA9TVsSAnZWagAADHoP/RLI5vT2z4YXzojKwANg\nEnYbiV4hovkHMl0f5tpSHSrq/8mYE77q907nzxVYmR/AgIMjO6GznrHzyr2p\nMxRUf5a/tdoIMJk7UWyFua846al2anqXzFUf51Ow0kmYFM2Ayu/MdkHdT+gJ\nzkh5T12kRtYFe2UGv66tR5+7kZGgSLRtrxY9IsmqIfNAoPW9IONpALPL1m1Q\nE9HN9wF4mw9U/IB3ERs2VLlskyIMpilgozvjmBnVY8qi/YWCo/PuPvHVBBtf\nNauW5gyNhH5KsQy+pqNtOKXOWKAfX93MFhP37IIbwrSjcyuiW61Q1TY0oJmV\nJYaF/aIIEXZ2TSQNi4eRQipUjyxk/TlPYTyIuBCgUCdu90o/ACSL54/G6bUa\nRSg1eHODPDdj39VissB64MHeyJI2tBXvg+tjWSuz/7UrABvYPX1IS8crcX+k\n6fcrdnBmm1QjecIALDUnPh+DilV3taXJQIG00lmZK1bkSJK/IEpslV8QmBMC\n6zYNaP3Nq/z+wolmVLNjI5Crnr56W38hiF/R/75sp4Sk4a3kxNqT31PjFI6K\nbzXPFeZisa4ZWVla+UVQPgg+Zdb7zDJBtXmuRwxHtVMnxVx+4vmwnT1DfvWs\nQLyn9QdPKOapxpgy9CrNXaYEoFRh0LCw2ObGk8AvEvTNluXSAlwbVpy8z+UT\n+gzD\r\n=ryg5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d15050fe97c7130fc9607ecc53a7eafd2b9c58ef","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.3fc3ab520.0_1579886399986_0.10748676299745896","host":"s3://npm-registry-packages"}},"5.0.0-canary.80a4d326f.0":{"name":"@material/animation","version":"5.0.0-canary.80a4d326f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.80a4d326f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0e004b8c75f1b201d9130bc43c9fabb0a6ea8db3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.80a4d326f.0.tgz","fileCount":21,"integrity":"sha512-QeNznXYDBy/2wj8CQmZCK9vudbwgi0Taigexr9mDy621NYVnmlp5J+/bN671i1sdRWVjNyXb5tFeu+9XF8VBbg==","signatures":[{"sig":"MEQCIGg7CdXQXW6pec5ysmK3R6eJ875acksbskpYcdHHxbSZAiBeJfk8O3W/Whcr6CwAlp6xm9CYEN0hHlYeICaKLtHDDg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeK1dPCRA9TVsSAnZWagAACQgQAI1q6CCYuwyyF4grQxpf\n5ZYuqB7uPBDM6VArdapD4l8yR5inL0PG/5JvBNil/SKZN+pn4Ckmyg7+iGCf\nu0l4c9wlHIp+GPPeopfbqXqU96dmXuOXPrHKO3EgMKN0yC34xmYPbvIePdJ8\nbxqEcGiCf69nd9ClIiFysiKvJhIPBmuyxnSQFpCCAeTp4HRmoFXBq62JN1IF\nfs3CkfjfkdYfbZTQVDlojBVBZP6x78qSeEyhGl2eyD/fhQad6/VSrDlo5vWc\n+eljsg2GNWm6z/s7Bwd5GCvbXDqEXuLJ7nNnE/v73qaTaOSSLbI4sg26xrOR\nWaaTumaSZGaHe6/HFcCVI/dqSe/pAgKs5mXoH5LSqnsDxSY0DRUwi6T6IHLI\ngpXM2Nmed4wneYFjN7cvN1+dlETvmobImzAb8ZJnXtrX2NGXFVlvrnclpm/j\nMZTzRdZXyFsnKgCG0fRcBIyfSBK2GvN3eSRfVw6U+awZ0Y5/R8WpV9/cOjQg\n2aIj2+82I797735et+mN7mqU+bl7KEAG8cVwvlQPeNe0U6nwQ0DzvN/fphR/\nX8yAPvb0/oJ0MDpKTzHULKGhaVxqy+Xymq4p9GYvqPy4A5XN9iuQqjQ0vU1D\nFmPcZnRxWX8Dj3ruHscQMLY+jhj6AOjmn0HdOOnGqYjoERgKkw4CY+nVGIEW\nao+T\r\n=5J7V\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b0001f5c4ba1986c74470e492e82bc13e15e2ad3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.80a4d326f.0_1579898702910_0.27421805921530407","host":"s3://npm-registry-packages"}},"5.0.0-canary.ef7de4def.0":{"name":"@material/animation","version":"5.0.0-canary.ef7de4def.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.ef7de4def.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"756e2c81c97dea7b40273c67cb72f4e7be8907e3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.ef7de4def.0.tgz","fileCount":21,"integrity":"sha512-NReVT7x/btApGYW+1mGxVR4A/cgdtnIhWdyMlKSdC2GkmrF2z5YsO7yHrnbD1qbYbMUsCMpiWfTAKnsqo76etw==","signatures":[{"sig":"MEYCIQCVDykLKZN47R6/JJsxs86GnznF3kxFnTaf2rrfxqcsngIhAKfwYJE9Itfb1vMKlzJLw2QtjEO0MLJ1VEt1JdPp1V7d","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeK2IeCRA9TVsSAnZWagAAFXQQAKR0XgDQbcqvZ0j487Oc\nD2LeNFzKuLy5MqmMHmom8pMHDZjFVclxEbU3y7fm3CW3/RKbSV5TuijD1vJD\nwZsSDMyZbeV2Z7tNawi7Z6WEnyMED4TG9S4BbIWQnUbrYPlXModHqjf26scs\n/afA34MpNkmE4LpU+aBqh6l08PKbC+0A/cPoKCEWCx8qCx68HkJzbcWsbtNF\n3ecMId9gkUfaL6H4gquvqzRhU4zyU69UEwwQ9fvTCIXyCMf2UQoDaePblVqL\n897b443AL//ytguuWG+dDEoJJmbVfcta+AD3V7SwfvXQvuSzuIgWzB7jtggI\n/d5XAO/TULOk+mz9r8oWjy3HgVQnPKHb/FQmd5KZI0QrYo+WmTtOKcgvM4+K\n/r2/sphMm1c22sdGoic8hFsRJOUE/KOJYJNPukW1y6VVjsNu94Wmmw0s4P9Y\nZhc503phem13cqr5cLA9vUCpHz09GQ01UZfpH9WV6xJWpjuLS8bFQUUrEdoZ\nsng82Qrw7P2AcC6e1hIF2y7J34hjVRBK6D5VqhOfYdHClwgbkDxzrppyzurB\nEzuy7UJvblUG17DLlnID1hkk9bJWlKVP4OtlCKaqiBo8pRTXgjnGwTn+kiQT\nVO7jCfC+EzIycFpTESpZZBuDt/WcXbfxXigAUZrnZSvO5NkUxxsC+TarL5zg\nFXG0\r\n=R6Ei\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"1ac98da12680a4581dd0427e23f1dd1b95a939a0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.ef7de4def.0_1579901470510_0.9889506698983639","host":"s3://npm-registry-packages"}},"5.0.0-canary.93e2288b6.0":{"name":"@material/animation","version":"5.0.0-canary.93e2288b6.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.93e2288b6.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ec7e05b38b31b5695def8972bc7c583c057eed87","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.93e2288b6.0.tgz","fileCount":21,"integrity":"sha512-GMgXWmKCMEhUy8O9T3lwbesgVX6gvBGYyTbB59bYcHPrrH9yDOh6cDtCSQunnIYLvHd7ls5NmD8DLwSTqIH0EQ==","signatures":[{"sig":"MEYCIQC7lQlNd84dUVsCOwfcoLZzSaQiVm3Pn0jDymkChNWHRgIhALF5IgE461xzIofyFI5kojJhJieigItnIAcy7eeN2vY6","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeMGeLCRA9TVsSAnZWagAA1hIP/05Q7pKIm6th2gaqTpII\nJZdE9q/lYWIgIqZnlF8rQeqU/Y9OK78M2/NipEdTlUERuwv5MrWIIpncGmL+\n8wuY9UE09Q+45VjHqZnNp9DafHFIwFiyOwA7N3UOreRAZVByo4sQjxD/mepc\nlYW1WReDzuWy2S7XwqIft4Vz3kPJDurj0SOU5tD/K9TNfSzqR+3PgXs8I8KT\nJE7TNOR8jVnlbXXZ9i17pZ+S1hvpXmbOgc8DKVTFFUpoiu4y+BLJEF6WAGM+\nm6/GTruo1gAzP7APmm9LaWrnyfEFsjHQx8A4lI8xpOGeXYfD/qP8j1FKkNhQ\nfLHckk1w4TmtSoJiGiqcOs3ieEAVYrVmXBCo05/J8OzTRrmBadYw9MFkgcx6\nEKJTNen1mn65JPTdI5PX8U9ZT3OyNFAGNRu52brLExFoSTYzAuHwlJPSGijU\ncLTeo5sLIjqh1bOS8trbIl0hqAP/Tg2tzttci1G96gwc5WHuaKgYzisYYUIA\nXxvNueUDdja+52xI/rm+ojsi4n1eELe1XwNdeqJTsJM/6POWVwzrdJ+9zExN\nHbar+WDhANCwC2GPo9ALudCVWDucC1iHHTiuHe2hi81+NkPMs7nYrJYEDzfI\nxAswdHhb7s0j1CCdtMoW35c1RbBUUtp5O9siSIPYKL+5Wls7dUZa6Z0kQ73R\nfJWR\r\n=cIjd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"00984d219befe7ef5ec7c042cd975979249ca8f0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.93e2288b6.0_1580230539021_0.5359977252947425","host":"s3://npm-registry-packages"}},"5.0.0-canary.34ef15f67.0":{"name":"@material/animation","version":"5.0.0-canary.34ef15f67.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.34ef15f67.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"55095bafa6164d41ca06823e87ec319774c10704","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.34ef15f67.0.tgz","fileCount":21,"integrity":"sha512-i+UIhG+/+Y/2L0g5O+mx7o88oBPD6FznsaVUzS1OQLs8Ysr0syFh7r0k00F16KilwJuDwDfniRu93KLjI7TKew==","signatures":[{"sig":"MEUCIQCGKa64YCpxAVp8llZPGlqx+nie4NMuMzDBAQ5kLAvKPQIgHEj8boB/W8HEHI39IsI5ZMGVU7++enB9vI9kfYMEAeg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeMG4JCRA9TVsSAnZWagAAEnIP/AjXA8tFKZPi5wQHJfuj\nvPj4UrN8mxmybPi1jvZcCc9CODCnTIfk7UM0/01S/OB2cJ8YFi11zuKqiiQG\n9IGfFoOHzCgbdTwGSJ+JwX25dvwaT7U1qiuhCFVZG49R2efM0osdxuSEtkRl\nL9CgFY4DBZjHJyUA0GoLA7hVIacC+2u8Z2oCii6HzOXJ8DmVg2p6+YGX+6aY\n3a1Gc9AJ6cjiUFJlWJBKUKK05dEQAbrcKJvVb1ovTQwPuB0J+j5Wsj3yFnC7\nUYC3zJNFAbhooZjBS4c4lTpPUu0n699tyQKSupjX3P5zEuigjRrYws2ai+Sq\nxwfTE5HVzmVZQfpne2Q95sY22CP6UQnwhlL1k9TeFsLMrs3CzSbdzw80yXZF\nNmDCN64svZZKnTrRK7/t07lDHS/tGzmdf8b3AkGoE1y7x8yqOwS5dG41eKwy\nlvOxVs6SiK8nicD1BZtxMBJ4kJHCoIuVQErZj2Gj6TkxMQMdhRLpiogEYqXW\niYUhTIvIJDkjeWXkTEr60ckFUOnbkuITAmXUrUfks2cdxDl7eSCQ+Uv/mG4E\nOqCwo2uCjha8zZdRa0Lgr+DDpfIyE4vHJIEfq//m6rbbIdRTLUAry6n3cHIO\naOgtoFO7I95muaTpLuamllTuw33KrKMMBG/qSZlZeO9qdBIBLVBqtMuzKvkn\nKKpt\r\n=ehL9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"21f8c61e71f0a9c48eb2042e25093b7a821e30f5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.34ef15f67.0_1580232200663_0.17532642932425335","host":"s3://npm-registry-packages"}},"5.0.0-canary.d3d176ba5.0":{"name":"@material/animation","version":"5.0.0-canary.d3d176ba5.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.d3d176ba5.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"babe6ccb2a7972cfc77bf361f685c974926b889a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.d3d176ba5.0.tgz","fileCount":21,"integrity":"sha512-9WKjXPuCGxwza2DAHi6JvFqByGwQLVZE/1SiL5MLbhRaksP26XS6NWZ9YXhn0A3Gm8LzDyoMFKCkfWAkNsAurw==","signatures":[{"sig":"MEQCIB+OQ9ULsbEus7zCd00n9VQIwXyp8mMEU91rgqZzd390AiBvxcTHCsHvMS+/f5oOS1lCX0rDLX0Zh+t/5DyVES+Xnw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeMG9QCRA9TVsSAnZWagAAtO4P/j9PcNKhbQeFI9FgNkEz\nPwdW95ceoJ0oLNljYvISVgWYphaz9owsZW4WgfK5r/Q4NI3Ro43fHqANdcbr\nxJRqiYMuws8TrM6U0oJlmU75X3aPUa/aEG2S/AgQQqY5gaCsn2S+7suS9fc6\nApoyy7inPzOFrPsFrQOD8TQ6+jY1foR/xwGdVjamZQHcjer4Q0iDR2rNnhCW\n5d1TSmsaCHALHhcE7vF2qzcxoH9OmHl2OIt5T9ljCoReLZSUnCPt7NBRUQGW\neO4JD+JwvTWxoF9EtmNuupiqcDxGSU2VE5famNjyBTQxRcXpJRPB49iBpu2h\nvEkHG1Tau+LhDD+R9oDuGsG6G4pBYC6uySwfuYiDkHs1/NJrxL3RKmautacN\nfPH/zuT/ro46eb5q9oWZa8kDyNNZEwwxdrAElB5HNCE58bN2zsLUXsJ1DLfV\n0jAnM197X+ScyDRBPagp1lP4gwAphxVK3KmopkhcoxEqSX5YiSd/jMjnB91i\nY7cKWQeMJYvsQXMouEn8T4pWGJExVraeFzVp/MeWW7g3J0+w9vPJvmAlewNv\n+26HMLuZc7lUPfAATAg427C4JHj9LzJmYc8/4g7vTDN0hViylzW41NcrVOsS\n66TE2rPQZkDUVQzTohy/92RWo3SbK5DEVUjAHVaFZi+T6MahvnJCboPSR3il\n6Ayo\r\n=oJbU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"218eacd6961bf740e059146072cd9e6c710dcdc3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.d3d176ba5.0_1580232527926_0.38226030606016925","host":"s3://npm-registry-packages"}},"5.0.0-canary.32c1df133.0":{"name":"@material/animation","version":"5.0.0-canary.32c1df133.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.32c1df133.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4c7c040e9ae896bae3440202303dec8d517cceb7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.32c1df133.0.tgz","fileCount":21,"integrity":"sha512-1q6SiKoy+dnhO9gPdtJXvqj8FtE610qkRwRGfqGpY4AABCDk5jA4cyH8YuI6FrS9gMEfNzVgBPwTRpuNeEpg+A==","signatures":[{"sig":"MEYCIQDSsu0uQ05D/tpsLe4lrLfntt6aDILZBZzwT1FlocTpXgIhAKfCU0OzP/z7/UvhqL3yAAFud1xlp+sY6Ji3awLD1VIg","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeMI6tCRA9TVsSAnZWagAAKm8QAJrmViUe+CPYZzEE8aAC\nhYJUImLWJ9r4K6o2JaObChyhe2aaTmx79oSN5s/FjdZ5hpmncT7LjvdQMJpF\nr+lLMps5GCtcWnqEa4OhbF7nB0uLPu7LJ4GQOhqFNBYeyajqEnIsEkITjFvl\nXKUwZwxBkJck03Us9F4c8SMrlTs0umA4OOWcKG+G7WfKDNxOITRfKYnyyd/m\nzMebl2Rwy3ZXeO08CcT+1ooLwgFr4oEf+3FHNXXK7DKZrePPFvRYU8YeP1Gu\nZYRGYGm8DhuypIwFUEJzJn+MV2DOJqt41MaMw/9q+/nqiC7OKToqBKqhK6wc\nPaiWiSrTo2ZuCP3MaWSUmRrVuc/1VDWrPp7peK57XzGaAXDeIsDjAZov/pqz\n+NHiLfLQV7h+xu9+53sRiHyHqoHNa+r9gXc/Cc2+cf/QqqqNHwYvdOHlvfXR\n2vwwbE+Cq0u1iS6rbzCl9fwSUdcBjLryY6aZ7yw/j+zpqmG45udn2iD3KEqW\nFYg2r+MlqjakbSmlFCY/Lzs7m6J2ZAkpZfJO8BXq+h6g1OezsfSl6orkNREu\n/xnmGpj+9Ikm5tV/T0wSAe68U470oP2aUOXtm3PGkfoMsoPKtbP8TrIb2mIN\nDQOyU8UvUo+RsfjNBOApzYd/Ddz7yJbWXw6i4qxOyP7H6x641K97IhOjV+Qb\nBv1F\r\n=0m0Q\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"1f36bc15da25ecb33aaa27693bbcee65c1d56eaa","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.32c1df133.0_1580240556699_0.07867640591412206","host":"s3://npm-registry-packages"}},"5.0.0-canary.f3adce86f.0":{"name":"@material/animation","version":"5.0.0-canary.f3adce86f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.f3adce86f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ceeaa027388bae3738d370119c65f7b722f95a71","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.f3adce86f.0.tgz","fileCount":21,"integrity":"sha512-5aWWvwMUpqE1TCL8wVdOsjDWPwpNVsIDp/GSfrAGlnxkv8cO2JyfKwBytjTed8Sb4Fv9Ek5VRBiUh5yjHOhjqQ==","signatures":[{"sig":"MEUCIDmCfKzP4MbVtAF4aK1nS25l83Pebja9aStsRgn+Hl4CAiEAqonJrNQ3OTrRSkqou+Mjg5HhhTQ2txIutf+BSvTYq8o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeMKwbCRA9TVsSAnZWagAAnEgP/3NZbMwJepdVMmvUpj6l\nh9U0HOIIf2aTWsSQD1sQdcEbSW9bg+AhZLFEpSYWQ9lw0NYXAbRfqemOrOG+\ntDH2mJ6HtMPr2+ovrAxhUYXJx8Yw+MbqzsKv1yYxmwnsyIf1VvEms31tXdpO\nmABfTXYZXKSgVPJ6QckUbXbjHy1LHw5LBEV+D2DnIuVHV9m5RGZhJNQShj7i\n+VLnrCZOVuC0XpuOKh+VdjNXJuBxLLCzptrC5Z37sSMxn5gN79sjwDOaEdL0\nu9miqo3z9SOUwbzTQ35MjKFIoi51FVyghVFlmpBmniatffodsVVTx7G1TMeM\nYyxFhLEcCCwLVUvuQLss+kf1aWktz2zW95QLNkmQ1+Sx7XduJaPVXGfm/kCt\n5sgnL1fssWmU72/bGkIBut/mib4BcGkOn5NwktUBzl1Ippegpfs+kOZj8aao\nX1uWElvVh+4eU1inIIE57K9yNo0m9DQMiadWy8o1nnCKjgajSJz6Kz3zOBOT\n5H5JsUysOr3uiOu8Je0KWdTFmlHO0+T6/7DU5X8ScAjmFvJtO8xK4zs6sv9H\nKc6u6rEauixbYLVvyP/AIM5zJ9kBxN9O7zhI1wjpo3FwOq5QMsL69KEmmqvE\nkvXIu+RGSsflrPpwzXUh1jirrg6/bGa9Dw3tsNnKu5roAOpYw5fAg38HKsZR\n9QD4\r\n=GF7h\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c352913b9c3e29f7b404b08db88a506e692187d7","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.f3adce86f.0_1580248090757_0.07047640232277064","host":"s3://npm-registry-packages"}},"5.0.0-canary.a4423f890.0":{"name":"@material/animation","version":"5.0.0-canary.a4423f890.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.a4423f890.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f5eb9482fe54e2f43d8de278e930a8c1e4f35206","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.a4423f890.0.tgz","fileCount":21,"integrity":"sha512-hM9xFDcK8ShIbwWuZLayXL/xTet/1Q38FttN3lHWEi2193afat9nKaEmqm5PO458iBJ/5PwkC0/MxM9GGyy16Q==","signatures":[{"sig":"MEYCIQDiNshXKklAeMLexpnqYd06GrX7+kBPcjF3XC/DkankmgIhALHWVb1EUaf8QcL7pHGxhh/VgxlDT2wj+um15c1HFlzl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeMfRcCRA9TVsSAnZWagAAsmgP/3xELPWhPRhqPiQN6Wza\niTM5Ay/rXa0VVjcLYh0fkQQCLp+YPBTKnXpx9dnGhOTnEBKhZiA7s58FovHg\nEtXY22ziZAjd/2WaV2Eh14PvNVjeqgDTc8RJLMrleK9taWY8ccvnl+xVIW86\np6D7AMyqsSQhuM/X/NtsIP6LgT0gS4jjqlPTft+yGUiQ1RL1N0EAp8GmkxQ2\nKtW9hlyEaLPIvEh2Pru7dhEsEvLETeATnPPn0F9IhRQhWIcj4riu0ySyz1S3\nMwj7DOAj+p8W9QL//lL3t941lLqVXX+96gbZP/xHG1tvhoDRN5SVs4WjSvFr\npVvKEiQxF1KEq1Q+PtkYZn0gwAR81+I9LfoVYxS4el//qMNiEZbUeMuhRgaJ\nr0rkNXhJoh4AejWJCdRBTZlC1G055ypovmF632X/7CGcCbLuiKr+wm5TvGOz\nh8l7r3l/JB8FN21C7/LTuFGad0H3FdHGftvctMVXI1avh25X/PIDklZeI4xL\njZZ6k3Qs1RJahidzESHq1j9Ofrw4bA1plAgajqzsa2S6aGTvHNrrSPPFbGYa\nM/uzUnQYmE7C8HuJ+pMIiXCRE216NRWyJLhtKnZyaq3zzmEPSmT0+WXbVK3E\nsJLzU4g3EWyv3h36OVQPGtPO1f6CLqsLb90Lg/QyPSZCTkTpqtoNjMc2x7pV\ncKrj\r\n=18I5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"981df6741191636b0a527b318fe896f47f74cc0d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.a4423f890.0_1580332124238_0.8817430161073248","host":"s3://npm-registry-packages"}},"5.0.0-canary.9351f167d.0":{"name":"@material/animation","version":"5.0.0-canary.9351f167d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.9351f167d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"62b84b7c774c2d36427c77cbabd9208da81596f6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.9351f167d.0.tgz","fileCount":21,"integrity":"sha512-xSo6B1gpqecoXghdB+R1efHK2SMB9GClepwK4OglnrYrzCxdlVXgGm8ztyvEwBtCwiilAp/G34+pTMV/hMdoow==","signatures":[{"sig":"MEUCIGucghBY8XbYkis6U5wriMHGDX8Y6bNpabKqk5bRu1oCAiEA6cv7CDfoyhGWA4lKA67gK2fnztqFKxN2FYrEG4nwsDw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeMf8kCRA9TVsSAnZWagAA028P/ileb9DUafPhIzKYu4pq\nokCePbVjexeA0TmXjXAjOxuZWKago7OPQZ6NYyFyKXkawtrtJ46yFpKH0FFT\nA+aCS2ClmLjDWBeRnwNd2AJPwdt2WxlI2bQAiFSCOtLKkUoJ2wNFFQNv+r2x\nsF+D3ZnQnNa7p8KPYr4WlPtH9LbiwqSnfuT7wA47yHZmS8YR1pbWy0te4XRx\n1N1ODAelyYt/ttzkwot8THmWBsf85tItT5tqBPYrc+ZOneor1t/iOLK6w6LK\ndWvngmMWRx+pRXDomPFHOPKxUwLOn2O4ywa3s07FyEKzW+s9DdrblCV/jFlN\ndaYv3JeG0YhV2q124woBo3SlsXDaWY8jFtLc9b9Q1lT6BA9cfJmwFe+eHD+c\n3TjO9Pp+U9Y8lxgQBxjHhVL5PtY75yI12RTZwsB05jQuKOm3O8WuzQKuPDH2\nv3w6UgpCef1sA+fM+pe0X/tJnZO1l/5csyX5AM3E3pe8RoYnSn4E3bwoMU6h\nqhZVVBDnNniY1rZHJPgM2TPJr4J5Vq6ERQlkkkjQuw3dK3FMNBt2SsMUchFM\ndeedjfkGVH+W/y6TIJo8siZDPJ//N/QCXB/E5TCyEEYR2aTv1C7Iat31sXsp\nEkDOL3Kz/o4hICJlI1FFudQE1OAu6CRymcdrSJ1BMahwR4vP2cUHRKBg64Ny\nm1yW\r\n=6tij\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"6c1a50ef6adf8852f326e285227923411e60a63b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.9351f167d.0_1580334884407_0.36714086317937467","host":"s3://npm-registry-packages"}},"5.0.0-canary.29b89dbc1.0":{"name":"@material/animation","version":"5.0.0-canary.29b89dbc1.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.29b89dbc1.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"54cd086434013ba7116904691617fef565458b9e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.29b89dbc1.0.tgz","fileCount":21,"integrity":"sha512-8UyH9WWix4F9qAXppZlSQtO1joqlSA9gm6SPh/lBdglIVKuTzAUMrnvtFbmMgBMIhp1apsDWHNX5clafI2f3ow==","signatures":[{"sig":"MEUCIQCUgJ2RPSM+usLzkwgkp9lJ8Se/bMouUzxAdZEtP6nCrAIge40dPZlN6QbObTlYDOZU6boDstZ1/r8Zec8K3VH35Aw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeMgQnCRA9TVsSAnZWagAAZ+EP/0XJNviSsVhiYJpLSUtz\nnFD7G1tCTTaOhVG5HW/fr8XgEZiKvfhblmB+zWB2luACz0SPT6bR7wBz92yV\nsdmhfkgxfTTuSEc3weDZ7MZ7JFTh35cqFyWIpENcEGLBYWmgf8hPxoAFWUPy\nXP3ZMITdfDwKbiBnCW9zfOqF5eMW3Up6quqw5RiQOSXdyRwjKIvbp8VtSSIF\nUjzqMm8e51SmT5Fa1/LH3fjejvZiVFzjUsdlxs+RYUgOstRnHQnu3vEbbaxO\nvnA1RyV59QG11YgYHAkyiyDbYc7JIYFGdVKM8Y8ZJL2ZX+dCujGsuAILqQ0h\nmp7hjbzOtpMIaWsAVkRA8pmTjXb9i/137bl80bLSYUJ3HIntCdVJvzQIRybB\natxatG3Wh5P2jx8zDWpHQvFStpWsGYs8T8Uk+WOUk3155XB88OeANisRD127\nzK6vMdG3Yx2DkTqCOSORLdaHanCVlNg3qDEexFYf5Yn3xSXeQp8P3QiWzbfW\nhxDNpv/Or6hcp/9I2QGUeaC39GPAka0erQJNa0vO+WyMtM939WiwSj7lWCoI\nYzRZ3ecSaW7MmJcL6VslgKHglI10fSkY339iuUDROYdI41WorARHESX75BMZ\n6r9E6UttWXBvG6gKJIWv4m8q95IBfMmYxfmyQRIGBRikIDOJJI4J6Xd5HXsi\nfDbK\r\n=D8wY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"662c3c36b5ac6bb47c841a10193f2c717bf9ca86","_npmUser":{"name":"anonymous","email":"prodee@google.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.16.3+x64 (darwin)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.16.3","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.29b89dbc1.0_1580336166931_0.8098299511729095","host":"s3://npm-registry-packages"}},"5.0.0-canary.45985457b.0":{"name":"@material/animation","version":"5.0.0-canary.45985457b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.45985457b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ee41b382e0fa930ed3b3704cae3c50eb60c8f760","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.45985457b.0.tgz","fileCount":21,"integrity":"sha512-5qxV97XQP9pQVMc0XnEQVGEkhOMaBGgaZ/jW4gL20x+ORai8JM4IUAawVYv+hR9ATsQWBxeFAw5LgBDLTgpDFA==","signatures":[{"sig":"MEUCIQCxEg5/udhZPrKV+4l8/UKEzW8iSKWbsCkCPx0WAjZvmgIgb7m3V0qL6+1PqslBOTrfA+f46GUyrYy9GvXtXGNDWXw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeMhX0CRA9TVsSAnZWagAAwuUQAIKrQj9ZNj6eZxUAiXpz\nKIOk3lqn26Jg5+KC/skNpAqIR7g7saQeoghJalwqriAoiFWJunh7M+7jHGNA\n11u1pcgyb03xsV2pM8MAESpDuW5waBm0tOtGK3Qw0/NlNZePZ4vnaYJv7fqh\nFsL5H+Hr4WO2204AsnB70yxd5gIe5OjQHYDQGoCOpDD/my7+37ISq3eMQXaY\nrVPVKPNoZmMvg2zeMoRSi+v9WaipisMJABdM0ttJ0qhQvwcC3KwyB876hzIS\nF0bhblqjZgZ19LRX5QHqKz8+5Inxcm0ucCDdg3Bi1DE4vLz4mXW8PSja33f8\nClWnExUo4h34qO0HxjvMqY6gBzrsrv7Ix5QXLrnN4nV+nOXHUrlNzuEbmhgO\nMDiVm+1GYQ6AVi0Zf7zNsYGtXPRN4mDOK266zOkvYUz+aaRaVtHa61Um5OXa\nk3VKfO0FgwjFrEwN08MFA1pJfcimWUQnuTDWwzOAQ7K0H6PqPgva1idNClo7\nEsK+Hncdfo4fwVp8j5WsI7wmPaGgodTmEQP7u7vJzjzg9w5fx2ter0X9LHOU\nzXvwPkjbM8sK0i6Z7/eD/SzR+MRW2OXwrB+XESKob/7+5asF6kCsCoDEgIWs\nHgKNJqAAuet34I5fdGgXFjmbUlwzFcsbvW2bUaTY+31R9rUEo+MLad9JN2yp\n4ZdY\r\n=GJg8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"bfd13ab23e42c09d1390ffc6d7cf1caf1a237485","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.45985457b.0_1580340724329_0.1353453316297759","host":"s3://npm-registry-packages"}},"5.0.0-canary.a1a0deb3e.0":{"name":"@material/animation","version":"5.0.0-canary.a1a0deb3e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.a1a0deb3e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c3ea79356f76375f5843785f31d685e32979d738","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.a1a0deb3e.0.tgz","fileCount":21,"integrity":"sha512-oaKR/PcDaNTFRNPAH44wVg/8O0IKst+ckaSVbv5t6fRqNBUhPwBxUmjIqJTI0aeL5RLQaRp9h9jMZVz0YLqmVw==","signatures":[{"sig":"MEUCIQCcCK6saFycoiJsP7I+3kfm+0iURDGG2I8DupQL16iCZgIgeVPheDZyu0lodEsc/aASDY5wp+v+b6ntpTgMh3gllsw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeMxQdCRA9TVsSAnZWagAA+oAQAIA1//4T2puTKZGmSt/2\nSRDWYkTifRaFW3BkY1KsAcTZMLQfNTAsJUvq8ypslYUZs5UMYYHhIZNvHXfX\nSeJRhhBjfJQ9ra0yPkVSHn5V6vndGixHj2g/1VD3LIkfX5Hoe2fPk+ZgkXSx\n3NsU8BiaXA3I+zByeZEP69XdHmI4CE1vYq1POdgCViGvbnRqx8xnNqzu+Kc2\n4Cdlc3+q4b/R1BNr67MDRNK09Qb+nyX1pxyTM/e2ltsyYP2DDJ1KpnYoCopt\nBhnpYblci1bsAId3fOr8ReqKzmG09kEsT8yM8gVj4nmn/uhOj7vBQ4YiJezU\n2QVsOnZmmRsfBGh+Pqj9xIEIjPMQks3jL+TziepZoUBCy+af5jSRmY9pzPUb\njkpSE6oBHpXhxsQcrrzDLjQV9XRL/EcAGka+y5YLjFRD5VTrjnKt1tPkQjy1\nwDDXkNs2PbmyjcrjN4ENiI9uBYZMlPuoolY7HNFSk3Y02IpVSasuWE8ZzRrs\ngqrO+WXl0lHcN1vtGn3My8sjsFru4uSOqioRX3b3gGxh4zs1mKvAen5zaL93\nzkKJJG9ZPKh637i6/nUcKm/7TG2D7G5e1h3O/mA7ipYpDW0j4+VZ4una7otR\nqQNCJnnj38itkEsZVnn5AvEVE3tUpaiTMnEKxw/S276sbMer8Vmxi91wEcv1\noY+H\r\n=NdKo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"515cdf56b0195423f7134244b26cd7999b647d68","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.a1a0deb3e.0_1580405788715_0.07090489893865093","host":"s3://npm-registry-packages"}},"5.0.0-canary.181486643.0":{"name":"@material/animation","version":"5.0.0-canary.181486643.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.181486643.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c19463403768dfc64df1ca0e4a96836f20301733","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.181486643.0.tgz","fileCount":22,"integrity":"sha512-/7+xsHbdeXf+yrVYJpEmD2/f4GTNzHrQT0jRokqdZ94stMHEPTIeU0L6icJxFU+MBC1d0NVpcakNhFhIIO5elQ==","signatures":[{"sig":"MEYCIQC/V2dB7m9l0CYubfK6afaO4gFREu3GNK6nAtBAKJH6iQIhAK08hoQkKfFoJyHg/mQDGnFCQ5jXtZjGGgoX/1g7lw3u","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49502,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeM0KwCRA9TVsSAnZWagAAZpsP/3GQctpbkN289RKoTlsr\nlzlE1PPd55ncAuSDUu9Jwsi0I02Ke5zpR5dY9epGvnjGqRqIUYYGAjq7ansy\nWkrYvtTWMH8tH2dmGT7BsgA+Qv2j8QyAqDxMy6HIyJWZbug3F25TnZmtyTS2\n5L/sA7setZbQdj6nnEGMDLcwxHEIA9AIB8rDpyXj9zrYQPqsT8F0e60G85rn\nOl11XNa/x7mEOTwqXWYfxMGLSVR1ftnE4RQDsFPaCO03azIq6tFIB2OeQhe6\nzekgUPONMSIBlTDnPLcLFZATF5ORPWSLoqsmDSOKPF12MZHY1le4yEETLapT\n9kR4QeECDjoEK7uHni+alsAA9XLuEbfFZOJB329qndorc00WaTFWC5egNQqh\njArGme584fuKeORAIxs1TIpPz+n03I3gnALzXygPyGyYK41GIBjhIbGR22Sk\nPK5H6QS3KxXLzuQ+AiM4+2/IiisW92Ww2HtG50sFA1d5mpjY7lmATx1LAE/g\nd/IReIS/r4RA/6vLnhMLL8/43agUF8rUHP0s5o6Pitfoh0wBaI5Ofyomyitp\nTP7XUEzYekrO7tkK3ycZ7s/Lu/kZ0wffu3G0YTptDUpncMyBEuma4KeFuIy1\n8VqAX3uvo2iPc9t+qlsBdsgueSYVSVyX/+Xj4iXUtuoeb3UGFOMQ8mG4mGNY\nB6mM\r\n=joit\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"8f29e2225089ac3fbbbbf9e1a64e9773ce276236","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.181486643.0_1580417711510_0.6806209713202842","host":"s3://npm-registry-packages"}},"5.0.0-canary.3a85313ac.0":{"name":"@material/animation","version":"5.0.0-canary.3a85313ac.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.3a85313ac.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"20bbe9cd7dadabedb21a25b30e56acf8a6acaca6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.3a85313ac.0.tgz","fileCount":22,"integrity":"sha512-fpSXdlU2oTEXre9k3v8evjfskwAcbEgB0YDe5CGAwcTwisQh1PMDeDM267bFVL2SQ9Bybevoge1YlnPD3V20/g==","signatures":[{"sig":"MEUCICLWzrObwl6QO22n4xJ4dPOse/wGbWVKHStQHhhz1ws6AiEA2IqVr0cvph6u6pNK31IqiCHjlCn39DqrSngM3UZWIPw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49502,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeNFQ6CRA9TVsSAnZWagAAPKoP/0ll/jpU5ZX1PczGqS0F\nuZtnaa5ix/7XN+EXIGEIY/XVAjSHBK7RwXwLfqGS3YqmZyndw0JJuj1AqoM3\nu7Lw6R8c/z5vll48xDe9dJSWHvJioD5E3/TYc3XuAakC8XWKkSaPmGrx6CAH\nOOssWyKIwsiWsNOKuYksWluGVuKgn+lnxyVWSKx1h24INraX/n3pjQt2GJeO\nvPIyU35HUgFj1BkYMyGsOiJ3+Cs0ZLwN8RjYHQqAqp1BXKk9fVsMVwe8DCpa\noBXI1vTK4iZXHJQuwfIbRpcNiG07TunkMb6zQ+p29pbdAicUrgqTTF6Apwv2\nWjDvCulM2hj5yQORNgyU/lbO4LISlfgb8byQbqoGAkPsdtd2aKjgRD4+STor\npJmbXf8DavPC+0B5gFabkdhxmvSoMFKt9H/5cqNrFvVWIoHvt4PdcDD4n0YY\n5S9kygmO4Ft7ezhH2OEUjrSh4TYjU99+3JfZ2SoE5nNAiFsBPKWsluDo0/DH\n3ur7RY96A37+S02UZ7IC6RXrIu9xyJRRuMDZX+X3T3nvDbaO+hNPErgDIh5e\nrr7R1T1cBQDwCIOy3SX7COamlW0a67DbyvWJ4k0B32O1EsP+P4bG8bvtPC4u\neaB8/99jAEHRswePplylfDhS6egwU8HBRtbN/i5s1XEOFaJz0bbqxHRKqQbe\n6oCP\r\n=0jx4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a37832202a98646a817d62c20ce70cd38f089d31","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.3a85313ac.0_1580487737684_0.20329893716135183","host":"s3://npm-registry-packages"}},"5.0.0-canary.b6c7f624b.0":{"name":"@material/animation","version":"5.0.0-canary.b6c7f624b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.b6c7f624b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d863fcd48ad13b94932d00fb2b0cc8f8d2b526b0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.b6c7f624b.0.tgz","fileCount":22,"integrity":"sha512-hULCsebq4WXXNdg510LfL9ghDUKmGbtWcBDlkf4KgiYVO0YYyK4HhzswKCSnSnxQEDSl9uAQb6cVrVLVpc2Tiw==","signatures":[{"sig":"MEUCIQD1Xch00i6n86qA87Q09XUhN79vb4o0U/PJnPpknRXJ0QIgad4xIXDrxGWxeaBkmEkhdAv1q4OkhEl/fzfBXZC+jHo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49502,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeNF2YCRA9TVsSAnZWagAAeQsP/RO8i3pCtxB5qOML/Rrc\n2BdrhgZ3JSqYakOAhgq4YaQt5mFAm+tWVU1EMUKFe1hj4JntWMK0X2ywYFgO\nE44+lAnL3HR9H+ciaxHWors5lN/ALx07jO3YXr20Hmq1ocZ5+7yL6+hsYysV\nNg8NeoLdNV0pE8Cced5qDYkoMD8DuRvw9GcZhU/zZVNQ1/y0A2YabimGnmtP\ngL0fo4iuDqNXnRI9JrEnx4bnaVtjskiUkVt4GlOJsAPESI216OiODdNSKkWi\n3E7LnVHdb0RU+L1iVns6wjC96z6rvpQ3qOmb+LCgIexGFceObIemBGuf12hc\nswqtyFtDcWeABXOWh6RZ7mzrLDj+otaClS+lmgCwRaVGQgdmFcRAM7POfyQs\n95/8DYBGi150oYmXnPqdQ0y/h2UNDToLP6YTWS42FnIMBb6YUiY+SWVRC+0L\ntonofBV+o1+FeHRZ0Apvv25XPClnHntIizAFDjdYmYBs78amvqSRukDpdDG8\neqYs00K8E4wKTqdOU6KvWln2qbQ6HSy8I1qLGcMcQeAZF9zQgkDn7MP5KH00\nGH8m1MkiWdMWsUOIQRVVGKZ6bbitDhqG3UYI2u9ejtSzGKA06ol+db9K/tE2\n/+r+NuZAdkrUy05RCpk8q5UpuzHB84TUGzDAaId3nxdSY9vD5iKEq8pQP6X7\n5w7y\r\n=WdDr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"eb607bfa0326630c63037143dc919ac8ec5c3636","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.b6c7f624b.0_1580490136338_0.5605041563822095","host":"s3://npm-registry-packages"}},"5.0.0-canary.b3f70ebde.0":{"name":"@material/animation","version":"5.0.0-canary.b3f70ebde.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.b3f70ebde.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"28f48f6a83be7bbb7f2e98a10e702df941f82c9b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.b3f70ebde.0.tgz","fileCount":22,"integrity":"sha512-IJJUESM2HtRv5CFC8SWz/8lKhULs43r78rQ0+KC7F3XhDhYoz8wf2jir2rkqgJeuF8OvomLVXNob6a9httvEUg==","signatures":[{"sig":"MEQCIFN3AjQsUJbbehsgRYj/l7eAuQvW9mFtgBpqfjVvzJsnAiAnwbNqRQjpHIHF0YteaCvuVX6ceE/6k3ahhH/Vj0odDw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49502,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeNIluCRA9TVsSAnZWagAAkt0P/2LZekpg1leRLYD4Lr11\ncXAU3J8FYLDFHjL8vJNuMM5kcHKaXgracbjI2WcDgfhvYwhtZt5O86nq++up\nUvbtYuspgPno+Z2ItDjXJlKu/AEEfeoLZ3ARo3i0o+SHjndy500PhKnNBjOA\n2TAB+Ybvkv/Gg0/6td6MyVY5979qInO0Qx7jxuYEU8PnG338w5n+xFKfUGRJ\nHEpYDRdR7Mfo8AM48bU3HqglRghFw5aX+lyxmh9TClWlw0XZY1o86xLWba2z\nNLkz1k1HbDrIKhDNhC7Vsqs45FanNs3ZE3McNqAPMydRYfr6n+KIhvf5tPXE\naKF0EJUcbvzGNcCc7jvRofN6+rLtw+BQRimm3vzJecKHxdIqwUVtqbhpodvS\n7C73sV2YtLF7bvd7of+ZNQxdzUIfGBWw7KbDl74fPNSHUDvnkzk5mAcoTNmz\n4kgTWVEhjjQw1m2czjFbmcq2oNT/yhHi9FzACL1UySY7osaZ1+s2BZFWAGMF\naN3l2kLRxTx8rEOCD3W3/h4Uah99HuDCACeA7sAUbu8fyqu7/RJyEFhLBeUh\nYG3xeHdzu+Lh+p/LM/XV+swrpZ6iakiyJzveRCYOGMRDWGJoZYgIvLLKC4pg\nJrIrdGClPfCCLvhYXDYBzkqTS6Oj1geyX1jhyAGu+aVmSRd7efIP6MvAu4vo\n+pHs\r\n=PYN9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"00a0473670032b0ea60db83e614385e1e3166dc8","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.b3f70ebde.0_1580501358002_0.7438090447156047","host":"s3://npm-registry-packages"}},"5.0.0-canary.3e782d8f8.0":{"name":"@material/animation","version":"5.0.0-canary.3e782d8f8.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.3e782d8f8.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c660cd5566d9123ea790a629264753c7d031923b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.3e782d8f8.0.tgz","fileCount":22,"integrity":"sha512-4qhbBDl56Z+SZ/Qduc85aw3yVapuOhpTK+EY/igqKDhG7fTYKRuxKuz7Z466a3raIjfNfK0WB4ovSjrGSS1X/g==","signatures":[{"sig":"MEYCIQDSvToT/iPrqXXjfmXiRnVP/KHVDic7ciqS6miwhTi0WQIhAIg9EVbzR5Cb62O9lpcBe7VFGtORS3ZOyrK7hoWFIy3m","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49502,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeNiHiCRA9TVsSAnZWagAAIaAQAIIX3ZOMfCN1yLA+L6/p\n9JNeUX4lpWX2cwwg0nVYoXY0WT3ADi5kh/QKmwE0Sb9fdoSDmOkbht1g19iy\ntEf3sMjiBvbJOTuOl67mE2tnXWy+jCljVsK3CQgQ3zR/odqFTuWxqdLOGUWH\nOAVgceGBjBHza6Tj4Yw0yvXYUGzI+7+EJqTlSXd0tSVKNH/0vvneOG78cZS7\nFCcBV1VutO6sZeVkH2WKMqtDaQN/4ND8LC6870u6w3MiGkHMW/6jkuxFTOxh\nGJf8KygOBMl+nQ7AZ38gg8DsEEVK9CXe9iUD4ULnxpjy+TYF2FT6hRLQ/hRt\nYMY0kHfSxNpYuYxLf/Kg8bLQcdwB0pIy0tiPuo7AqjVgUjn3hjGecaDbsenw\n2pH+EoeyqWMPnBt0vS1XFAo2A567lcUeSsYoRpe86Rmu6O14kOE6uqjtIe4T\nc3Kyo3RzPWTLhZEi+X3ZUeT18hzIyruf0ZVrAal83ONxsEhYpj0c69XBnVo+\nje4ve8wprz4j1oaNrzTR4zcVDqOzmNZUlefRTpuL2G4MJQviWHEORJJsuSFK\ncpDUXNchv4hXTc6/LXHgGHKpTfXS+vRgtAY+K3w8X49TIHVISn9/B0dJPLJD\n6BDmvGjtYk0NA53uGaqD4cuF9/b8U9/3jXgVzqo3oPW3ZyPLtAY0PJ7E1J4c\nj1w2\r\n=Tba9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"8aae1fd4299832f77f4d1d51398e5b28ed5af5a1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.3e782d8f8.0_1580605921841_0.1304307701371077","host":"s3://npm-registry-packages"}},"5.0.0-canary.535398572.0":{"name":"@material/animation","version":"5.0.0-canary.535398572.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.535398572.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"78164ae81b232fe69bb2494372c41d19a968c102","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.535398572.0.tgz","fileCount":22,"integrity":"sha512-H+eaQt4NpI0uRAUcOm9j8PrE8NQtk7VkmISPEFKnLe6Fun88Mfy2m4lzxVbsOx0HvZLksMGjm0lYDQ8wuJYI0w==","signatures":[{"sig":"MEYCIQDY11FxfomYXzFwoQcJFnaGvue0uiaR1s923EU9Zld7PgIhAMjkg1BVr2wvKCl8hNMCSGbzpT5fzcPv9qjgNLlEiDlh","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49502,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeOGIHCRA9TVsSAnZWagAAXgEP/0Q7mFXytfcRsMduGO9A\nDmGgNdbrF0TfhiToO7QAB+ACM9roBvdafViVkoIsm+/OzNYfYBFSdX83iLcX\nUHM/AI+5E2szSFSK3qBNDBDdDA3WlsysrTTk388rSCz4/ESnuhg3dphe4Mh+\nx+ZCUbDTIPFvLBThSTHF84YTfSUmTMbP3S70CD3MP/p+WXxrTr7ekfLV6uOz\nDroPCgb6CrVWdbaQIMRM5HxHnZVxAnvctwKgW7iZHIhelxDXGFNj1tPCGoPy\nJisfhQliE38xAk6EeNyskYpkkWfenswuFFmlZ/4rgj+vvAdYKxIuUT+0ntoS\nSYhp9ccgi9unvV3bhUUgrx/ECXuGUs8NOWQEP89OAgsVsnxdivYoedqzlzC1\nAn+EK5vU/R1NrhxIU4tNpq+runW0tAUERh7xbdOQR9QUm+e8L/wBefiibzLq\nUULnyMH+eEg6tHfSHFi7ZCH6aI3AmMhKYJXDvSByzIOSCQccvJdzh6O6Ak2Y\n9XTNde+tLOWqROiBxcUuuR8H4Z2nGfWR1Co/CNrOA04hJK6kxd82dHccxHF0\n1rFn40/v5ZVNMuoOl4UXVB0AHQw8DjxXEwBgOXyhl5v+ajQMuCTcaFBJOSvy\n8/U6/T9BIdZtYIt45/hroo4ZThzLFfhKM/zMHUrq7vVwJPNjCBvlYeA+GS2t\npDex\r\n=drE7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7f68038e23db60e7b4c44c1b17a6a82329805553","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.535398572.0_1580753414817_0.16687250209842408","host":"s3://npm-registry-packages"}},"5.0.0-canary.5ff33802c.0":{"name":"@material/animation","version":"5.0.0-canary.5ff33802c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.5ff33802c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1e1ca56e819fc343aa400a382a9cbde2865f591c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.5ff33802c.0.tgz","fileCount":22,"integrity":"sha512-Y2OTlCtIYUrhJl9Y03m22qSjZCTQGRVIpt3hq4vltjF2bn7Y5CSrdsCdaCqz6CR5Lc13UbGGRRgnE2Gb0BYioA==","signatures":[{"sig":"MEYCIQDX0TACxUR1vXY3B+rjuvDOA2XA3BBL9mA/AE24UYXYtQIhALSSBzQgiGm/5LNRUKuw7OGaSSTJc10zwKeUs0QUGt/g","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49502,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeObHICRA9TVsSAnZWagAAiUIP/3AKoytKi1NrF6CNzsob\nvTS/SRdWZY8+81o66RzyHw438KM5bfLQlGzvw2WoNBt59q+XerZdjnmcR8YG\nKuPtqIyt0qfKe3gHsnovmO96cs3LfYmYc/B5b3e3Vt5lKLwmL/IwWkEitK4H\nXAWaMFdO8/UnFzDc3qHp/wcBMdsAyXRoFp52wnnRooU6Tf5AH0dq++QzXr7S\nvUK/RXk184yv9njh0GFJRl1VF/fnQwQPogHhSvLwmRUXYOkpxIuhggOl/YJb\nwPctfLDw5BY6crrV0qLDN3nLw/6MkaNP3Sq5IaI0GulsK4dvF5K5/NmvsaIY\nP8H3fAqyjjnUECAGexCZvAjlvK1WwxCw+WkpMt14NpB399ekf8498rBnoofX\niRmlkZxyg4nV+4DdGPqopsnO8XGqaw1tpak8R8g3V8tp07WOqLs661ylwcTo\nuIyC6S/izwOknpShWYQcWZH2n1AqhxKsYTZcwkBPq4XZf73stqpWRi6d4AP4\n8nNYJ6xW0npwtUnmty8CX2mpTLNM52IOB58S1RpfoWE8Rwb2S75yol3Ifb9p\nkBaWdHHhM/pbk/Em1gXU9SOBpq7QVIo7Mr9RyuEN3mX6Mv6eztWmksdQJg41\nqRYQhZyz7Bdj1QFWdagRJ+/YR9DPVUjgj3lSawVVy6Gf3NMW30sGwL/Tn64f\nIsYi\r\n=rZpD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"61246014f77c40c0d6594f32e40f4ce98d8f7c8a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.5ff33802c.0_1580839368073_0.4122921855998469","host":"s3://npm-registry-packages"}},"5.0.0-canary.1eb29491c.0":{"name":"@material/animation","version":"5.0.0-canary.1eb29491c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.1eb29491c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"60f9f422528d90b5c30b6a078d6bd3bf979c5693","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.1eb29491c.0.tgz","fileCount":22,"integrity":"sha512-w/kf2T7TZ4M3fc1o9Yx6UQ9Vmi9EyCVlYOUyp3NRf6EiA1wrq0OWtOLWvQl3QKCDJawCD0SX/+Xwr8Xxhori2Q==","signatures":[{"sig":"MEQCIFaRVUENMCUOcIk706HCSdrdD5r622vRv3mLmav1nG6VAiAlQp00aqNLrKhyCu47sliz5sYDojBTZbliK+hfzVdgNQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49502,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeOds5CRA9TVsSAnZWagAAH/kQAIGD3+PI0x3RqYlMTGUF\nh0nn4IImeg4d2oGQechA44pXJHifoALdkv49KN+DLB8q/bjrxvGZ6WF6fZAR\nH4EaMA6wvhUQ+ekAUJi3DgkV9+2aDDqFth4AlnPLR+HUXs0xt2tsOZVG2HoO\n/KQFocpH+fLKtbYm4Xd2euacWHod4OfHQJTlhUJBVwp+V2O0kFmJIvmXHLIn\n9sQ/We3A7QDvhnCBr4lR9nsvbhvXFa/op+jfuHX7aL22qnkPHkkTwI+BgQfm\nU2qdwJ5BW8tkyxX6MBU1NyooKI5teH9iP7KVK28orytk+lGNzuKiyqiJQl2g\ny0stnscokVcjjHbreqVkJeZzq8g/CRCRYA8KrG4L6n+AQO0LGr11Bh3biLDT\n2tfkGoUU+NuZ6mBjkGZKiAqpYOaIVjHIHJAVktGZw160chx+k8ibgEyI3ogK\njmhb1vrRQXVCG0c34GTflMwFld1xZgI4Dzx2V7XrHbuXOrrDiq4MY3Gv81Zm\nNR8KcPFK8ezE/AXimHir7saOzZRwZAC001EoxeVsoQ9zEpFRKfAwHjcFz40p\nB6DpgEZyfub0L1s59TGkaU03dpTPAZz39OttfFQgYjL5r5z+ZkK7JY0XwJf5\nY3uqxBXeaxZ0nkGdYklsG9+wgHNEJiBwxsd2qr4aCbWRWc9LZ70GFPpI8uUv\n3dTr\r\n=6ZE+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"689b043c66790b1c63b5d2037a1ed800248443d1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.1eb29491c.0_1580849976855_0.6942195244325855","host":"s3://npm-registry-packages"}},"5.0.0-canary.4c7154b26.0":{"name":"@material/animation","version":"5.0.0-canary.4c7154b26.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.4c7154b26.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"72e9c6db3a77235270d542e7fe1fd89b5ebc6841","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.4c7154b26.0.tgz","fileCount":22,"integrity":"sha512-PjgVQw54hCeStadievJmV4NCzRr+ITWsqHwDnQKbtcZORCiHd98yGSLbj5j3zaKKtXxDK5mvufsarQ04YnaC6A==","signatures":[{"sig":"MEUCIHVL8+cUQOKv1aUfT5reBc4C4Lt+MYb8uZ5EHzZi0QL+AiEAvIeSfxO8itpxnzfN/4gqkAoAkgCoZZE6RjqVr2V1t80=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49502,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeOubtCRA9TVsSAnZWagAAQQMQAJIwpgZzAQkdTI/Pkv9x\nGCmz+BnhhHSsKsdlvWEsWv4rT26uJI869CT9mNrKQ2HL+e3fLsW3bACxEOKL\nb1wo7ny3WuzEl+vxh6BcBkOGZqgWVERRDhO52RliaENZWv6xhUeW/x2FNmA4\nXlVdhccBRbkrxQVbPycyl0QSuePZuDezf8JLyEd0v8OKlawYSKreq6ZKyRIo\ntCPVvSfGA1oKDk8aGNZ+I1lFmTlFEnJErmKhYPzXdwBw6s7p6+cKBexgqQCI\nLiAjliJbLRlZo56nR9oPjOHRp+WuY6bfeEDGEh5hdKM5qFFVGCBhiefCFAZZ\nfUjL3I1q0tQ4eoLYJucDJ2+ljlfqKUggvYLZT4PN9YXfGQiwe9uIovWvKpWc\nSMXJO2vIdqP0W/cZEVkQdOdQN+Yic1hY703ZunyWkXgOlKUyAVxpOHBXtK3Z\nX2JltONjONxpj8qb5XhrxBZfW7i1N8YVMU5g4aRKEFtmKI0jjTlgKmfm2hzE\nrAD5cavo/fdyu20Ccp2cApjE3PF71A69QYFK4YI7+vBd6Mlljq9QpSvqseAg\nBQGAQCJMm+MZaF/onNfjkWAuaoYwMP+cX9/l+HPYKKO679ir5tkJ+qVhNnEp\nWT1b8KB0KosWVOh31cPv4ZUlNEeBDF9C1LO6nUArGKwKb1qMDCPVy67Enuaw\npN7G\r\n=HAqB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e15f799c180f6eb07455eb8d644b93db93df5402","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.4c7154b26.0_1580918508983_0.6125720222097124","host":"s3://npm-registry-packages"}},"5.0.0-canary.ab5f49a2c.0":{"name":"@material/animation","version":"5.0.0-canary.ab5f49a2c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.ab5f49a2c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ee7a0484495125aaceb9d67be4403ffbc723736f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.ab5f49a2c.0.tgz","fileCount":22,"integrity":"sha512-2SKYJ03jJDMH9yAgsdBwwYcSlhuGIf8TYQTWGxjM21ZGylFWgTML3XpfAhOt+pvOocOjFLTWoLU4STaNWCWRtw==","signatures":[{"sig":"MEUCICoFoy2PVcMU5G7AFPWerFk8VZ5BnO5vB4JOWOL/zEigAiEAzGcAV6reo8GKf3lT1s+QdKYx6zO9tr5sshRJsaXFlZY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49502,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeO1CFCRA9TVsSAnZWagAAX8AP/3zoCO+i8C4goCz12GfN\nuTB9wwehiCtLE1R2ShvQSWva7UnoKHjlZI5L54IwLNcT9XGIIs+NzvSezMMr\nhHkfqvRam6YsBaMCzuGU/FqqWRPtHGOqxb6vdF6G5n/QEblNn85fw4gzf6Mm\nYFpF4Y9wUvxof+dCbv2/t8qGE5kbgEuVIEdeSfbf5C91PyHu+WL/uvgKDUyP\nwqGd86AZpISRmlfP43SdLkxNqdA7ftGgAGDlwu4f5ISO2lWo94JNynIlIjeS\nJIrswNiJzXSX0G1+FClHYUxwXtoR6InZIS5PFy5hdOXM7BxoRMXiHjOeQJKI\ntYcigIfpFe+92vhzgZU7sQts2sCaZkSmPOkXU+7SrF5oUtYgAOf0kv1O+gFL\n2z1l1T3XZYnxe0EjCTzOGVR5SE8fGyMhFZt5LCP/xbh5ydmLO/QC+AWqN/xf\nftuIOh1hg8j+2weHQNkF4AjlJA5eSgXdpiwkzBZUnnM2Xp1f7SEUDb4lYJS9\npnCN7UWvJbTcAahuH0US2+sc5ObXEs3Jeh0Ghzn/oKXSzzqofgsK1KLyMID+\n/S9Sr+QUIZZNiRUdU4wrL3DvXRma7UwZ1fdLyBghiKpYrp6bq2MDL6GMyYie\nx/B+55wpR8oVAi0y71JNq0PhYhEcPdKj8PJCt1lcDvVdRpOGnvgdW3BW1YKr\n1qun\r\n=sU1C\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"9e2d33465e4a55862766486d77f187c0bd37883c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.18.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.ab5f49a2c.0_1580945541163_0.33199179147439617","host":"s3://npm-registry-packages"}},"5.0.0-canary.c541ebe15.0":{"name":"@material/animation","version":"5.0.0-canary.c541ebe15.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.c541ebe15.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c2c8a22e2b09e089e40bfc551ef39d2787e2ed3b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.c541ebe15.0.tgz","fileCount":22,"integrity":"sha512-7/nwCq47dzRgk76b2jGZCp2vtLX9aHO2CDx6TWZbvlBWs79PPgtuxYWyRlI221nkZfvl0cmsDiRRS70f6NtmwQ==","signatures":[{"sig":"MEQCIAm1Tkuup0z5iv9vRIbffmS8RMjLTqruicLti8so5mxEAiBhDwDnGNx86Bm5K8AMp4DmfT8cq5sGytgfzdGFeKgAYw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49502,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJePJMvCRA9TVsSAnZWagAACZIP/ifNgEoIDhZHMx5jDkOW\nOWwAiU9+KgcxEPeFIWqs0JS+B7ZpJRtOOby90Maoql2aO0QLQZ7r20N0I2kK\nY316XoybvkeY0OxB76LphIbijjK8mRzbfSPir7EIkbePNp334bvy+LjVReQW\nJ2y8JwnfY3ZqF/Uc0k+hlzdZfkTP3tw2KJ1SGYd/vBQX3MLa3O9mv61miAz2\nvZ0i3wpjDyVmkCScNrZYH+akECIqj+v5zR2vyBzNn/T33hxfkCrD3NkrVRRd\nXndNNNthaUvPfocoyIU3Jx5OY7VfF13vxenv/TH1crhr4ZP32APItSF7VcXP\nAJPzMQSQoa9OlNvIQknsZzbaJeiNAsqaLJrSxCsZUPR/mi0TsMRDOCfWQ3Al\nbQYT2gYoZ17X2rEGkAOlhH0ST/FNdVMhaAzPSu0KmRNM/+inOBa5128arQ8u\npV0tTmPzpFzIaXk5BgTv/Rb9fbQ8/MTheuOjyOOIuPAsFrg3JVPArxumlxzX\nODGeqImyezV1Dw/gFyvphJ32rwLZHICRfU/H5AOCz2Df64tdBj74GtQeAaOp\nkDgJtrMIgn8pPiqo3WZ0jX+lK3ilykgArcwpAYpRNUztjyfE3ZlPxLdNikDq\nzYs2vWOJOdFguY62Y84ManjrD0tfHLMLwn/sM1weSnm4wTfCNBh4idnTyw38\nPB0E\r\n=RZIU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@import \"@material/animation/variables\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms $mdc-animation-standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`mdc-animation-deceleration-curve-timing-function` | Timing function to decelerate\n`mdc-animation-standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`mdc-animation-acceleration-curve-timing-function` | Timing function to accelerate\n`mdc-animation-sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@import \"@material/animation/functions\";\n\n.my-element {\n  transition: mdc-animation-exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: mdc-animation-enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@import \"@material/animation/functions\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: mdc-animation-enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`mdc-animation-enter($name, $duration, $delay)` | Defines transition for entering the frame\n`mdc-animation-exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`mdc-animation-exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"87d5a39f72f6a882a8412df86762c91328c6d985","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.c541ebe15.0_1581028142618_0.29441399455691686","host":"s3://npm-registry-packages"}},"5.0.0-canary.98f7faa05.0":{"name":"@material/animation","version":"5.0.0-canary.98f7faa05.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.98f7faa05.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b7affd49d5b7fc5bc7947faa57ad9fdad8406345","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.98f7faa05.0.tgz","fileCount":22,"integrity":"sha512-Cm/D7mfaZa4F7EEsARp6vrspSxItf6+lh8l43vBjtKMc5OUvxrPkhJE0LnRLka84ogZnD03Q4PwnOf5+49SRZw==","signatures":[{"sig":"MEYCIQDjoj7bpAW5FRqID1YTLgOCz+jEInlp8ZwD14AvRbt8pwIhAPCzfUFmcWAbiyDmdDMYPIDWghvwYUDWMZdxxEfvDGc9","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49353,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJePbh7CRA9TVsSAnZWagAANEcP/2bibxNJTFyMxkAZitYM\n1Su0bEALMCvqoB0hU4kdfSdxKqf/eSF3qyFoj5felv767oyd6jM4tIyzVxAN\nMXeyZjLklVtHqpCLUUPQDDOE8jOyHUX2IlxHUuSfuuj+5R/haF+Hf4IXBc0N\nX84SLaxe/hkSK8bYv5Q+9HilG5qaSgv0gSl5GHPe96d6xkm0CuudVaYU1td3\ngR+7/rNUg00FC5DP4rtWrfgkH7X+Z0ZqkfXgQ22uGSc0H2YGZHb50iUKEzNL\nXpQSQiYp5SOq+7PUdcZRapxGZYi/RAJXx0E/EmJoxeYmSTGadTqlg9FrzXL7\n0MnCF00GE7jrZYm4UajeqWhxCsfXatdH/atfbaqZ8Dck4y4DPw+aKE6JpA2p\nCa9BbG6x4zYOqH0bdciMfwsB/nyZxwYkD1gseot5W7JGQa2JVd4wP0UF2qP2\nEc3p6diu6WH9Xehf92dyAE6+KSTC81W/joaqjt3CD8k5MGqao0jpRif3uzF6\nBVEeYz4vVjsdjnm+FrwKd5+/U2c3HMOQmEFwQsmbg1mTqJ3kQKfNRb9eKwO+\nn4sH2g9ALqTwVizI8lPs8BrwIf3MeIye1Wy+5mOQkYezlnxwR8smWsdA8G6u\n4Bh9R3j/XM4C3ag85lRofr6i04YeCxtT15lW01BdAVJ1LJ4YT7USmbq3LKvJ\nKyeR\r\n=/rQI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"698f18ec0e8c9dcdd38beb5ab6b4cfa6218fb288","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.98f7faa05.0_1581103226969_0.16830790492728043","host":"s3://npm-registry-packages"}},"5.0.0-canary.b4727e43a.0":{"name":"@material/animation","version":"5.0.0-canary.b4727e43a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.b4727e43a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1c4cbc6ec896fe342b1fa85d68a335e90324178a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.b4727e43a.0.tgz","fileCount":22,"integrity":"sha512-TDAesCFhVGlsXWGQ/cn0vANbP3SPkHipiolGqk6wNOGebJLaWfrgNteSBerOWTgh8qgxq372C2oDJNL+obB8Vw==","signatures":[{"sig":"MEYCIQC4e+3d1GFrhobK1HbqyyDQSohZsyX96xm05zD3BRLIxwIhALnUzn6XjnJ1OmasjCm9c9J66UDDR/emfaP8M6+UAVwj","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49353,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJePcB9CRA9TVsSAnZWagAA8VAP/iSTgaho8PR9JMTudcfd\nec3qWuBrwBBf6JITS71FOzncq+HAWorjdalbJ+6rQeZVQKIoSXc0XvYb5WPj\nGrB5QyP/Y2mS0FUQmDCYBIqo6g2pTmBHH7hnZ41aIIAFk+NoA4QOzKA9jRO9\nK+/QD5f4MZOhAfRx1e279Gb070WzkDnZ1nJKUnMrn9HHl1Qlnx3Hpt+ldePf\nL3ghB9R1FrpAl1ziNICa2jGvjNYfpW032yQNbfkvQ0kIgIDIW0fu4oCWgPEw\nuhGfzP9AOQUWKXGr5NRU1eYLvaw+p0r3qNG3vBpyYwou0uVNm/blufcOPqRf\nSGEdpVxxmNZc74sMEM/eUzfhsUE4tTs/BEDahmwha4Q6H/3Kf1JGAEjbfosg\nbghoSY51K/oi97oMjRlBH23yd4cP6h8t9yXABFJkI6PO4cjqET6KhyBNY1Df\nsPROip4EIRGyrPtLwSaIMcPZwJwdyCrkFdSiEue9nIKCo+sWqwpqEDYcvNJx\nYc0Nx1bAWXoR5+Tc8zKS5wmBQWFmqS/ia9wEf0ZYWLS76ImsIS/+e+18bxIA\n6F90AIAHnAPoYJb64/qieDNadcFbvJ01ffdK+Jzp3NZxVNapB1kskYSAXxQA\nICnml5UMY5ROkBoSjQfQkTqcRUTI8Ynq+guTbJeSWANPIGWNMH5KmQMTOJWA\ngva+\r\n=EmQi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"140a0d7a10f30d8ce4b10dfbe40bc63136e206bc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.b4727e43a.0_1581105277349_0.3327439365922351","host":"s3://npm-registry-packages"}},"5.0.0-canary.91d9d5a65.0":{"name":"@material/animation","version":"5.0.0-canary.91d9d5a65.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.91d9d5a65.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e1a8223ad5cb6e2e53f14121d41712afd9f459bf","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.91d9d5a65.0.tgz","fileCount":22,"integrity":"sha512-5KkV/JML9H+mI1ew0l0jhLzWcRgwVDS4HWQsATSXeARCo0P+hhwaEf1BJUxmxujYgnymTNkWtfwmFkLumIXRog==","signatures":[{"sig":"MEUCIQC+gGeAvAKQAU06kwAtamiEO5ZSuMYiC9fIvaOO8xGIuwIgBIJb9U2hh0QD3G2SKlopnDWdUh0xASBgVm+rqR1O2o4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49353,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJePeuGCRA9TVsSAnZWagAAzNEQAIFc9612a1gabl8CH64o\nJvDoxr2D/0VG0cXA3RsOVqSan/WFeZ00jbs9hH0/vW1TU7U9bSiZ5GDwfNac\nlzyG+31mkm6E9aQ5t23qM3Yyb9/ajSgSVSy0y9MB8BYunzShe26JsegAt/I9\nvjXGEHv0uz3H0hUHbKUW91kPkE/I7J8J/hbK6/N5f6iGUU+0aiSVheZKPnO0\niVB3mBHEtl67o6w6JozuW1UngkLGFJpp6l+DzG1i3eOcXlm77P0ufGJMdf3w\nMrSEX6nttd0WF1LjXS8QKRkw9Jcmbl6AItp6Y2ire/WTz5gj+sOmls3YvVg0\nOFY4G75hRwSXGzuH4Ht6AT2+87ATtNPZscP74HdgJTWbWuxHuNOAV1c2kzSW\nLgk93Oog/E9xRMDjH25hN+BCTRE1/kMhdUq2dROlyT/7u871xoPf4f3UaD3Y\ncizZFwv6Wq5PdFXYE004DGrZXvQHYl6E3Z9U0L1wwf0zpQCCGJOSs4CzrJdv\n7sMEmNDY0sDIO3mPKc0Qal7wnmGzDIi7C1C/gdCUUmF2mOsA//+WZUVLB8II\nTpwejUsiCdx/L/Mco4LVO5IUKeoXp0YN3WoqxiXLgop7yhZIztmPyEUSRgES\n2ktMhV98uH/b6R///F0Yquxe+LxurueLxAuffB9qKhrLTpkE/LHCoWYLgDCn\nR75j\r\n=X9WM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f98276c6136d4bd38889e0b4d6354081a3ca941c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.91d9d5a65.0_1581116293570_0.4879819565801886","host":"s3://npm-registry-packages"}},"5.0.0-canary.d5c006ed1.0":{"name":"@material/animation","version":"5.0.0-canary.d5c006ed1.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.d5c006ed1.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"624e49a14126b75e6982dcac26f47833a8b3bec4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.d5c006ed1.0.tgz","fileCount":22,"integrity":"sha512-YFJb0obU/HYjau5Hj2eQsNXisUAMUNEDPm8g1iignq+KWvsn/o5ude2nV0PkbYEQ8L2tpEiKfpXpf4sM0fp9OQ==","signatures":[{"sig":"MEUCIGpFCvvB2Dln8jVgC2imCxUSt9XTJZjlRhg8FzIxdVurAiEA2H3g8hozdUL/hwCpHxjlOTyzHGSxqq3X9zOakzUaaog=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49353,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeQYkmCRA9TVsSAnZWagAAgL0P/jENe8ZsHq0NRH6ne2pv\nXBbyIep2ajHnjABxHjN/2nWnQHRIWJujNDqAo3arZ5tTyBbIhjbcD6aufqR5\n1GzCp2MiH9h2G9J8Cil2ABYf82DdxN7X9Dla56mURvwFNIPI+CSdBttuIm9F\nRDDnlr4v1M8LxmJQACoaspCPwX02I7TxlArUat4E0AZTc+lRBdlwE/Qj8ZUj\ncAT+axjE4hKuclvt4nKGNTvMYaHk9F+e1zSkQPglqMKOtMw1KwHrpx4dq1CI\nrhX9cV2zso+c9lAOmMl0p5KqhLFD51evWX3g+65MgtotpEdrRJt+5fJU53MD\nBErRqLiywHHV2j6A1kxPPxPnmDK1INm3ZMA3+tN3SAvi6Bm6aNCUNCVluPli\nZJCPR7KWctNG7jy/vCm1b1WRSXdrmFk/XQcUGZvgxq6BelUKlgQJehCAR30c\nphqBNTdBKlBlnxWyKKTd0Op4MwMXBXumGYVzYFY3SAgp9URr1+KMLnNxzDkC\nDcwnhR1kD+/32UzUf6NdvU0xVIqc6V3AO0Rk+7cDCDUHcAz8fgzlU8ix34be\n9m3a4YGZMe+YQld9joYSk1kS0DWEdkMGbD4z6ETugZo9Mo1QIWEG9YkN3a7d\nrr94LCgadtxiXSYjUiltvDvk+9WiYfCM0hXZ/76o1zkcsSsAxi44+nhnrQRB\nasmW\r\n=Goix\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"fe50932259fd2af2b34c60968682a0b94f7fed66","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.d5c006ed1.0_1581353253792_0.023444823343619303","host":"s3://npm-registry-packages"}},"5.0.0-canary.559f1a570.0":{"name":"@material/animation","version":"5.0.0-canary.559f1a570.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.559f1a570.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b9fd1926fee4c0ed692fc459f36a3418d3e69b30","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.559f1a570.0.tgz","fileCount":22,"integrity":"sha512-wQD6L8tdcsFp4LvmjxRyVkucOq+UIUsKYStOHpxjgefIZGGS6HQa3VTgvcVMLrca1vrnHG53iEWA6PGn90TB9w==","signatures":[{"sig":"MEQCIEAV6i4O/nQKgf8oO5Ed5xGYC0mr1spvdmAZcTwj8ssEAiBbkxYDGhnhTmoP6a3iRONjWMY4UV+iCjelByX/MnP3xQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49353,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeQZGqCRA9TVsSAnZWagAAEd4P+gPTS+VS6IJu8f7SqPjp\nhKiwMaUqyKozLt6PYOzeXx812tWLBEu6dHeFv34C68ubRyn4p4/sCZtQxeZm\n25RcUFKf4GL3n1muGPXbwPTM9D5RAP4R686n264GjHuSGR9qJMA9pyRv5bw8\nx42O+5KVBKNjT21afmPg9bzx6SqqAP2PQTbG7F0XxirxtPpJgG8yLqyY8Z/a\nf3QlXw41xTrql1ij0JykdfFMvh7bL8DA66C1cA+DitnciSe8mMMLpvuKaPIS\n8tdfsJxpGzPEHFT5IP9xy+gDlrSsVQYSsTik8LdTr1JUL0qYQRsMkO2mXema\n4mByYAoF/vJ+9CyfhE6T+XSzzMqE1El0x7mWir4ECJrzKRlFTXH4sRxfQ0uH\nVME/1mjuFsBMWt9vZCY3/NqpQIZQtVJMyT+VxWZuh8IK399VZhbgaQR60zeQ\nuXpsOnw2Igu6KWrWSzMTVUEEkRBzRc1EqRRIlr3QsghPaa27GAUlNmvpNNw+\n2glsGoucFZTRwqpJyGoWU0UHDEIY5dLpYLuovwMB57yO6V0TZI4R/P84d1ju\nmnlxJi6G+uuxM5oHgetnHma/PhYu6WOqklTRMLE0sBYpb/DrFTtk868MCG/b\nNoh1Gpidwv2160BC3e778Ow0su/p8wi7nr8e5o/zYe/F+9hMm6Fgguid6yBQ\nY58W\r\n=zemH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a4adc0cb689de4e266e65d90d614fbe1177aa5f1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.559f1a570.0_1581355434048_0.0749457776839142","host":"s3://npm-registry-packages"}},"5.0.0-canary.ad3bbf782.0":{"name":"@material/animation","version":"5.0.0-canary.ad3bbf782.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.ad3bbf782.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d75877e62709c71c893054e3bf9d84dac05162c5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.ad3bbf782.0.tgz","fileCount":22,"integrity":"sha512-frdij6kmbjaLNRsX9M1qY0v2c6slvwFWdSMwoi9CLf8ATN235tpwhIynFuN+aBEwZShSKR6Z+uw7Vcipp10Sdg==","signatures":[{"sig":"MEUCIFH/LgkcI+QiLuKtjgmDA1Ogc497HojnxYQAzEDA+u6mAiEAkg7xVqz1u7PGLSDq5eG5PzZNBDKG8GAvCXHggMTlHv8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49353,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeQaqrCRA9TVsSAnZWagAACiUP/3oz7JEBucvcRiu70h/1\nkO7Y58Y6smiWnu5hWO+Njgy6x27YJV0ekiWcuTacEys0aZTTjTFMQi84omrW\nX2glghzTxWPt4/JitlLGfw/Epj4j2BM6dQ4MyWdi6wyO/zGZW73RO1Pw3q6I\n/P50lbmEjQS701GlKqgzFxtw+Ftv6xaCccidt9fOLd+fQJSHRw3mx7fo4HXl\nHjlCW9c+8weQhwUboxACuKnWjuZcjr3Q63DIR5Rk9jeVTLVISgUGUI2HcELX\neIcE9Sf8jDNwQI6tJa7R7lIJOJd5jT2uJxE0MO1JgtWytrhxtZuGkCTKDoHK\n9kgrNeNG7yJhUZ+vKIG14vbPMRNs+pFaiMXSAXMkFS96T6PfjcYXk0TyMvrO\noPq7Z/v5/PDfQlYSjA0yIKCLg54+eKL38AfY+kZeD9cBE2rnCv6af35v+Y4m\nUt0OxtK77+ALsjTkDgp2KHt2XzDvESNSH0POPVvrT7KnKGHZsmLuq1a9ytcK\nxw/TKdzEbAI90PRKTE1hze+PzlwFG4JoP5SdGi9qQizAiDZ4XCv1w0iO84Zc\ned4ZaG18ZJLkqXn89AQ3ovCED49ykmL1bj3ZD4AirKWOEOEjKl0Fpcb8q2+v\nZqKrYyYGUdCg3Nfdww3GeUJk5YiuUFy/1TTUv47zCt0vYKkwANUVfaFW5cih\nv+yd\r\n=wrfP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"48e565307134ef2e860fdfd1a8ce59613a783ba7","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.ad3bbf782.0_1581361834167_0.8787691249446383","host":"s3://npm-registry-packages"}},"5.0.0-canary.570d8e49c.0":{"name":"@material/animation","version":"5.0.0-canary.570d8e49c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.570d8e49c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"029836681dcf3f603cebe1a2a1b084999ff76125","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.570d8e49c.0.tgz","fileCount":22,"integrity":"sha512-L0Gav2GNgWo/6DBZyzF0125r4xsrfWBjwPx4r8ObMdUzoC3iVGLaN+PhJT/Et5jxlLVrQLuNiaAgS2UTwcwz5Q==","signatures":[{"sig":"MEQCIBFkavM43NxN1I2JntJkKEjkCMwpsniTDPNtLXXzgdfNAiAKWnTIF1LP/ikANvXY+izsc43zLFuZtxXpLdw94kkEWQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49353,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeQcA3CRA9TVsSAnZWagAAJUEP+QEH9pdIbpLVKStz796A\nDHrh1sTpJYfBJ0QGGW70aAQmrDtDu82C7NCYC1sIFbNC7+GzvEwOqoEc81NX\nPfNHVEMWIBHVeAAdODYpDV4RcYGOGjgqz3QunQVp3AABE+ujlcWwqlNcEzoI\nsS1NwK4y6TFwtXj98rJx3KkT5rNfb5Mr2w9up1IvOqQsL0ma7rtO1iOqA3U6\n+wcrHnmyeFG5AypBOxXcYp/oDy9Sjmn6qjvAohxsK7HMaYLGV122mvtUwKh/\nosfHtT3RlACuCy8lrjlK2vNiC86qbgtCmVrWRL3rq9OaBKsNUg2adfdjqCKt\nzdAtla9r1OeWLV4zUzs9u+wXCVhs2q5DPSRojNVIfRWh5TJy9di014pQZJjS\no35NsPaK1O0YFfSE4QzOfDo7wjHst+ZKLCj5uFx9uqsGR0JRReoRw0oTSLFW\nKaL39SjABkrqSl2mr0lbapQkGRMcpV46zzi0SDaphiiIm95+9Rn28pisRin0\nObLFSCkAFGM2ocL9pDfsNRnqwoZI9VCIA3r8r758lINER2v9/NcIBoQ+yxsi\nC07nv84Jv6k3D0+Ny6lBiRR+rcrFw/FLKrR9nfg/sPOpXkxsXSGIpb78R8FM\nMfw1d1xmo2Kap005TGtRI6pa5ay+wZeOAqZigMm+inMizjTE9rix1aH8N4rs\ndox8\r\n=Yg4y\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b6857e33db49c411cf5f55873a45f72841824fb7","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.570d8e49c.0_1581367350257_0.684648717890646","host":"s3://npm-registry-packages"}},"5.0.0-canary.48b06b89a.0":{"name":"@material/animation","version":"5.0.0-canary.48b06b89a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.48b06b89a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"14a5a6629543b3215422c2ea372d80993ba0335c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.48b06b89a.0.tgz","fileCount":22,"integrity":"sha512-ceb9FBfn+ppoIMIxXffRy8jobmdu19DwNA4w0KosLFI+7TAxfHDn1MikGgZ8VzBoF2Sx/9qa/rCFwFmLvFL5ew==","signatures":[{"sig":"MEQCIDR7JQI+2J6uZFVDyhkzD+C/YrajWncfwsAj1A160HmmAiAti21W4NLCYza25h0PYBTYmRAwpvAcZW1pRlCUtfHWjw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49353,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeQvWRCRA9TVsSAnZWagAA+zEP/3/qZ+yGcML0qFI7XI2O\n8IyczBqh6Ql/yQ64iIbqdmL89LLU6zrPu5t1y1aUQiPcHx01Y9UkaNPD9RHp\neo4+Crdx7cSFVrkAUVXAjTjhCAkK65TcP4r28GugeCY2FZ5mfzgq7pmiTrFL\np9fQDEIosAhGp6Ux2haphr+hi6TAcM9U3WpVJHYsk0Z7moClR+YRo5mORZDo\nS+f0sjZBqE8bNxYwTe4atGzScKXwI4KUny5TbVR0dpYgP1i1uEAEFcP9EjKa\nk70G3rfa8hTmxv06UtSD8U+EOhHnX510u7G7xVQlqrmPci8g1pUMp2dK39FO\nOGMNnXTrN6zWsXu8mPBm8yBgYvyLjQ2IfhAjzLc2biXa1OCMC37fyYAbg1Bg\n1vC7fHfnuR3+/FyfxDy35ngT9EQ2SoCi50CGRgEDKH34UCB6BS17jK74G3O9\nrDZamaurreO/Ee6J3muC9AYLmiiIs3aRVwoMeaozKkLQLD2M03mTM1iwrLpj\nTwoTqxbud32S9/0L8OI9gpJ7f+mPAuJ8/Kw/NznDoj1wKgwGAVzAm4vqfCKm\naFzQgJ0Poq5YdS47DJ469+tXqG7X8sSstDPNIMoQGw9MyLmzLsfCYZmrwsoW\nP5NK/dWLXYsws0v4aE1H/19yu6B+5sPteenxdOHb3x+efA/iRhZ+u6q/UXiD\nCvCE\r\n=AFLp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"540a576f2286061b02bebceda7cbf10554255781","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.48b06b89a.0_1581446544822_0.4253168762573345","host":"s3://npm-registry-packages"}},"5.0.0-canary.612443dfb.0":{"name":"@material/animation","version":"5.0.0-canary.612443dfb.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.612443dfb.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3f818ffc2b178039c3c102aa989cc5322b1e216d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.612443dfb.0.tgz","fileCount":22,"integrity":"sha512-Xu96h+CMdb9nzO/PzA1j9ut/t7/h5+Neq479f/ceOw7m2VObkFzNqKvNM6lVITEOIbmHC0OiZE3Tzqqq3o2a4A==","signatures":[{"sig":"MEUCIQCWwJQbo7u8226LI8krELUefpM9RN3bsjimlm1GcSGxCAIgad6eMpeHHVgEGTdZ9D16iiZFFMoQuFOT6umOwLVk+eM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49353,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeQwTsCRA9TVsSAnZWagAAN7sP/3oILX+QHpPVynuidgCN\nXo04WOutf3RSumAiz2vUizbiiQDFiqJAI0TmmibAV8cTDhRF0Bnap3PUxAlH\ngackM8F/4s6Vlt1zeavViQ0bJVAPiM99YQ2Sd/3E1KSXhNHqv8SBIRGldMHs\nV3sv/2Juod1Npw0Txzs7XDZHI3fr1+u8cbnqMjjctK12AIbhDoHMyfUZPPK8\n6DWhGiNLryp/MryawuRmmPZNfbq0X2L0asqsqrTTME+mVzuiHecnXbJGaEWu\nYwhiAIIZpr5vI2gaeb3KfHc3l1O/q0ES7E43kvpQQVaUlE71P5bAxdhP47t2\nw5DiR1kKevO9FCi/0Afn4cVFKsmkpWuWwzAio04OsaNyjRb0l93HhzCYCZfr\nBwtrKqAI2BR3NcLb4mIdDFzJQieiJdLZ6KzIw/YVAW6DDnAcH1diR1yxJjmL\nE8UF1X7aIbmaPHHhAZQuzrE7Fx4sUpDE6Bv5VMjbsEhWErQ0WE/8CNfkhBbX\nl65cE8P8KDssm8aIRMINMg/E4JoVpoqVnx4X1oRqkUtzNupebSxyHSvsRZMm\ntfi4HU6cpI43d53FYSHlwinwF/pNqeVHTj+QyR3bFWm/q2OXPW26DziwHCKb\n461nPFg1WNq1QUFhwNuUWVcvnhSWpQe1JBAMdc68lQm8ZqfVbBZCPBQVwEJt\nPz4F\r\n=h8LA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"622585006b9702fc93bdf0ae416f6c58e398243a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.612443dfb.0_1581450475750_0.26903817723793","host":"s3://npm-registry-packages"}},"5.0.0-canary.8c11ea2a3.0":{"name":"@material/animation","version":"5.0.0-canary.8c11ea2a3.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.8c11ea2a3.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"db6fcfffe1babf2bdb4583efa2277d07bb63deae","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.8c11ea2a3.0.tgz","fileCount":22,"integrity":"sha512-nxJ2Q1MQA+DM1b6RB4QjEskuicdyNSJWo/Vv3DGEYHR8qWPHbBYVihasSyE9PoqnFMATPFJfkse0hUFM0+bFEQ==","signatures":[{"sig":"MEUCIQDTxf9rIAN+1EX7uJJlh5DQhK/2OlLkzO3IIzKaJShmzgIgRNMLyeqSZp8J0Eqnri/feA1Geg6jUpzoM79aEDpci/k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49353,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeQ7xdCRA9TVsSAnZWagAAsdEQAIthDX/NEHy4GPoaISto\nvLx2GwUuLWk73duz2HRZqGkQW6r+Vfm1Iale/EpaOSdS+ywR3jkcJwH7ujvW\nCIollu775N0E7noTrsE4m60lFkD8puy+GoTRfaBDh0arpRT0WdT2oLDUXmjn\nbUu9Vj4EoTVP/2POy6lUdk7mft2UlZr09aRtrIlG1tN0TQmBtDJFGdfvglIj\nEnHk9Xq9iOVLsmDTJBQ2/8FtedM7hFzgolmV0i8MArdvZDmzPRE1DdVG8LBi\nwA2gHyuNMaSZKGWNQ59sZkhexoS//Y2oD82OA9AgT3ULIb4v1x6/85QKMD5t\nKKf8uxBpR6LaPBmj3vA/hUFKpVLiCX4BiC5482zfML0VyQ02nLMfVkYHNePh\nc2y+Ly23INwwZOlyJOrg1s3XhhrP/07NqYlPzvw+V4gHa4wAS9ngqHRX8cK8\nK9horzmmbMNk/ql7A1GoO88YbhGK5tlS2RS8qIeKYjoHSpTPg1JN/ecigGjW\nofs+WHwLlJlISAf/aZFFD9FH2cC8tjVZshqdInFuvZr6GllQ7QeN7y8s1T15\nBFEiB4uPcPRhOABpjUPBJK8GUf8lzlNDqOeMEz2VShYb1UucSRZEh6E/mnL5\nOCC62/5/vnv0x2djOyiC8pwAAZ2i/oYnLtGG16uK7WLNDE42T/ZEWPDn91IR\ns4Ip\r\n=k632\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"47068a39cd18bd1e384c83a2ca5c3d53ef8bbbb6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.8c11ea2a3.0_1581497436533_0.6980939924024345","host":"s3://npm-registry-packages"}},"5.0.0-canary.b2f3d311e.0":{"name":"@material/animation","version":"5.0.0-canary.b2f3d311e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.b2f3d311e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"39327588731b7354614b1cca14675c843c7e3d10","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.b2f3d311e.0.tgz","fileCount":22,"integrity":"sha512-op6aP3H0Ckfx0UgLWY0tl42RLvJVwAvpku5cKs9L6hLieyx3muNepzg2l2X8735kJThAWx8MnUMQ2qqSHlxHqw==","signatures":[{"sig":"MEQCIGxqq1Yy7d/0itj4ESbGUS5y3dq9eFiKdVBErZMTd1vRAiAHJ3mHamDW2Rp0jUY9bcgKvvvMMMujO+32Gwm5aE8zPw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49353,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeRcLXCRA9TVsSAnZWagAAj2kP/27vPltcrP7wVPgLanIP\nL1oGo+tTc6L7HM9KodQtQ9k12rtQgmBTYSIm5c1b/kG4UZfztXDzCz3XdZGl\nfrSFEvDp8pmn7wheYwGbhp0Dk3x+CVFY7jlosu8/BW1jJGyBflt9pW7M8/a8\nOUgH+RvHFGw3tR6t5l6P2iDDRR6O6mJ7/6v/DkVjp6+9IeUZHTlfYK6SWrXz\n787+cwZ6JUr/nF9XQjtuGwlgcGxUYasrJAHlUzbnANjZEywkKxzgkjAPUYpd\njXaIsf6J6d8V/aofCo6IQvekD18GxmXB7fHcGfCamTHZWC7A3TH/KFJbgj+S\nSsXPOuPVuq/Z07Roq0LnpLYuK7TO4migqhsSk1D958LMsYdUdAyGOmuy4lui\nRIBsGqfRWakd1WMCoKOmS+OxHM9VHYQLFPgN2X+Ga/L1+YJmldAPqQbLPZXU\nBAgwHgYMnNOli7oxPvdIu5Ge/AxuCG3PcHofz62BIabD+Fwym1qqxpnnLjzU\n36PtQCjZecAJBt8m1qMGPq3a2PF3skGG8X+H6F7BfQWb0DDGHqqcslzCq0zF\n+5uj8RKkiZkL4VkdotXfRoJL4qUa65cT/sPdms8WoUFPukb1rhS48QL0Spu5\nL1B9XApcj/5bCe7khZY7qUFvzlD456fcHIRTGZdcc/PyCegcaA13gICXe6Cs\ngCDj\r\n=28IQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e8b88d39be927e40deb73ae78a049ece8c80b9cc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.b2f3d311e.0_1581630167073_0.6217827778709757","host":"s3://npm-registry-packages"}},"5.0.0-canary.4f488d0ee.0":{"name":"@material/animation","version":"5.0.0-canary.4f488d0ee.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0-canary.4f488d0ee.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"53a50a2f19e9e9d848e01464e8ad98a0afbee35e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0-canary.4f488d0ee.0.tgz","fileCount":22,"integrity":"sha512-OcAGQK+KO5adp+0Bbxsmk3YKxjzvOOS7bniRihH46+yvfPLnSpC/W6HRLuD7ld8dTs+N6t4fI9zZ/7C2ZoSskg==","signatures":[{"sig":"MEUCIQDoz0zuZODNZ8n4S/K5+k4fRoFleowEsRHXyDewcR2T3AIgFPSI2H1oeIdccIStMLFKsA+u8I09RsSXynL8nAnI//I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49353,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeRdYuCRA9TVsSAnZWagAAbZYP/1NBPJjhJca5KQ96eP6K\nq3KF8OUafBAq3kKjOrufANniH18yMgFZNzcTUp3FVQNfbWODFe4ziaUiol1S\nRX/pC7rjlmZgcKeJgo0+J33buf+7zrRCDG2c+7xE/APv8xT8acIrpH3cNq3N\nnec4fTVtLks+cv6hVcpoN8EX67nbHJxTjy0xQ2x+PU0CwYYrYQbdiSxOLVF6\nSRQeQcrGm9GC4i/8ngpSXPKaUsLwjLP/zpyu/EZ+QNU4b9JScviOhTyN9gZs\n9Nsws8Q+aALju6+eh3RMU1oiuJgiY4tK0QRpurex3n9TTOLxwiHqBoQmHGAy\nBqworWe5m4JGEcWHJVzG+T9RSsqpfizDNrs0ooqSxnSH9Rn54tyT64sTluQ9\nFRe2MLzJQNOFY893WQuSAlco1InoC14UiWOd3rFfzSaE/PlYr7ltfUgJ/+4W\ntLiUTR+s4QjAWnEUN0e4IyHHRRk091DIGZ5Z3FxqZcjJT8VNxWlbfTTZrvkh\nW4GEbdedRCQnOE+6Mrh2y4fCa1KEpVm0+aAAFTpAoo1MIbmNNfBkpMpN4UTk\nGgr9C4fFzCDuTkT7CHxCTLdgHxW/wJ3nRTrKN28KfP+p1s2Nf1vggAObk0Xp\ngJ/YObZYpH+dgh61UCRh7sX6MYxyaydeUMkBZxDTJiTqwDInMbFEfZslqVSW\ngYKI\r\n=PtUn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e3b2ff94a1a6e30260b88a9da6e55d6ed122c399","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0-canary.4f488d0ee.0_1581635116191_0.6749905815972705","host":"s3://npm-registry-packages"}},"6.0.0-canary.fe79de07d.0":{"name":"@material/animation","version":"6.0.0-canary.fe79de07d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.fe79de07d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"700fe5d238fa4e306a65c405d55917d5314d4a75","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.fe79de07d.0.tgz","fileCount":22,"integrity":"sha512-8kK20jvF6LV9BsF4qY4+rHzQCAkZzK6XITT8BooBPcmmdkVQHK445mnbtOHGU6Gltv2SUOv+2qQ/6edV9xpWfw==","signatures":[{"sig":"MEQCIEQQvPUpwvvqv6v/r3h/hbmU1RyXEu6WqVnBtYm+GKDrAiB7Q8p1hf3iAizn47GnTnqwNFUUrMi3AqABrTBIRAMMzA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":49353,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeRdo5CRA9TVsSAnZWagAA51MP/jjmBOEVHUYAa8A8fmWV\nwcKBBj5AJh50XMb8jcdlqFpTawL1aIrsJxrUfzgihuAr7Mvdd/TfcAYzgb+/\n8XEJYOR57JTCsFMzqGF8FvmoFuxZKRYhaERaFHtkaTA/b4VKUVdi5skA2/00\nlpSa8Ijh0gRIOkjWlZSg7N3cA9FG/4/1davdSzKFwICMtTmeN7esmipp2/wr\nNxLf41XW/6Pyt4AGyKOQt8zK2fhvgAogdt+GyTz/qiPMgp0qMdPbOFbobK/e\nXMIH13EjLe3OCqFKioNTMtGuXUYINCDhD/LG2JIlPtfM7gfldaj3Ihf3KKIo\nZbe9z8hkN13uD+AUVOttbAqMgjw8mU1x5wSNXog/u+j4QQoyfWXoll6tTJzl\nn9x/TgOwhEmz1yTlg2+qvYeruj+k1ud5yEZpn1/bvFFxnGdC1HwNdNGUGM81\nkbBt+vyvzwxSfV/gbe6AcAqnHMzyHh0cvrfikHX4xmEuE928tgjiwUyUs+4Q\n3J8mJg9a0YYj5V3OkUuXPdA6sYMMgcLaDy/wRROqLTEmV0JiVKVDODXBzRvP\noOXPuqIgJn41QF2tBxcNIqbs9K0B5usWuT4ghDtexmUAKHGBI2jj7eFRJoQh\nDf35XjVEjB6u8RE9i1WupCN9o7+SP3aEjq1zD1ukozygDHCgjTzasqlioMOx\nSzne\r\n=7/YA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e2b4b3810f62a16846d719ee7439bcbbac266d30","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.fe79de07d.0_1581636152874_0.3462326956064492","host":"s3://npm-registry-packages"}},"5.0.0":{"name":"@material/animation","version":"5.0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"55924a02587173e5af6570bcb375dada17f7cf68","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.0.0.tgz","fileCount":21,"integrity":"sha512-z/l0i8eElEj9FJ/2UVqgSmwhvfbu+im64lDi3M5Giu3mhGAkN1A0galOTmckP9VudAvY75PUDFDCGealy3U7DQ==","signatures":[{"sig":"MEYCIQCYlRxAVoDBUXAbBqPPNfCq47eziYfsopzU3r74+a3CigIhAO9Ia8Z0A4a+HyCcN7TIv/r4hSFmmHz3+yPdNMAeaa4w","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48314,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeReTpCRA9TVsSAnZWagAAuZUP/i34ALdnv+14y5Olu/I3\niEu82bqY3iV5m94OQWjkgD4hl3LohENDxXSHSestbYwjYw3iLpG0FzNEBCkk\n8wThX0+heLqZJQdxX6g7cnmVqL8aWoqcJPSRxVsJAPZuZlF8BvA6jBUaMzU5\nsGOw4phEK0dahtfJ+zo/N/JtLftN783YSnJapZ/38u//24h/liwdaI3WNYKm\nhhitbZO3UxSYs5ak3F7brO8UcKLbSQsOKRfkmdLkji4PY5Dr7fYGUU5rYoTH\n1HuS2Ad/7hkqu+X0f21I/XRtrphH1r2Kd9uo7K+7amR+R5SbXfG/knIEBsnA\n1PrYJaeTZ98y/NvY0Hl4PoYU0cMlic9bNGpgfx7jBJF0V1InrCCq3aPBrENh\n8mOKko79ZCj1UXTMCDnTZFNmBfx8qGucbt5TiZAKxkoZ0hVUPkuOErQZNces\noMtTZJQdm4SYKhOH00NFi2nl4AkC6phT6X22G+0nVXss1H1qkNPQDzIfsHRo\n5ih8sYGP/kfEVl2ulpvErfG8u3tSBEHMlJsBVIwM9ckWO4WcG8DV6f6vu7SA\nfVXFRQ0A0s20Ra47RgzAtrOjD302vSBoBJCGmDcVDYkFnIHjl2qN4d82oCzv\nWc3xF0TLfULKdZmnql7ix+YxHSMM8468eqLsNSRIcmNx5P+OccLehaihezLu\nPnDh\r\n=vL+b\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","gitHead":"47845087df2f88107786b4577b1be4422b14404d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/animation_5.0.0_1581638888558_0.13609261601557177","host":"s3://npm-registry-packages"}},"6.0.0-canary.5e313b1f2.0":{"name":"@material/animation","version":"6.0.0-canary.5e313b1f2.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.5e313b1f2.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"31f0e1491213f12856fa3ccd4d81ec625007bef7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.5e313b1f2.0.tgz","fileCount":22,"integrity":"sha512-sHdlvNNm6m1qTnXlP239m7KF1y/UgSwSlvmpbC8k3kFK+3WTHAeTLL1rhRivC7T9zdKpWcnPCuXzJsJk+Dib2w==","signatures":[{"sig":"MEUCIG+qQIKzL5BKeQ+LUiuv8ccqQj1kf3A/xbFQZjJ2jQ31AiEAnHo5wY6GPYHexp/ba8rB6HZ2YFAR3TXFXfikXHONFB4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeRzGJCRA9TVsSAnZWagAAFZ4P/R43Y9tGjIkDH/W14rxk\ndhBm8Nta77djCpJx0kGpIhsEAsAJjTmkH673f8zpe/hFXtumulv72asUTBfu\n1hXYIIyBJIf7u8j2dNjwYGae5L2ZwSSXkdYLqDRB/dVrkkKrEKQnHpHMFicX\nsjP5//jRv2ue4mHDD4TyQZ3KqDa6+RwCXoeCpejRaynwKEtzJ4SdbN2LPjDB\nXjXBrPWrLs5LnAsK2usBEISx2UY7WRJsNWOT/V3TxXFIlXGzr2Qd0YQwjDpn\n8ol9214mlKGB5uHbyACeTZktrcAf/H1TzN8OdtPXceQm0ziAc7rPqbpa5KXW\nnPJV3kykK9YrrX6w0rHDXzZvvFb4Ie+t44R/2lmlOUs0q5CHR1OWVhyVwCKI\nMthleJSpu9Wa2wIwmi9rlJj0RBEsUxjicc2NDRFVlHWf5FBPcFqD/udJe8Tu\n7R/iS/ViZE5Fk2y1vCCqXPiNrWOzPh55aPOrC5ELl/DvKWovI18grTxl6f+C\n5fOQYs8cJsoh2Y5U0IgmOWwyVk+Gj54kMEsPpo7/xLbi0rrBj4KYvC5NyGvv\nx5Dx0k6lIO8GOg/70HzoJtVNzStRp2n9D3zdwEYC+iV5Hm2D1O1Ljv1mYc0s\nfIUrZnrkrfBKJ5R9w4ndfv2BfINSQLALM4JIJ8IsPkoC8wkMFZHpuECBbje7\nC+Mf\r\n=r7iI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c7787e7880c79b0baaafb2af1123bbc383025b20","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.5e313b1f2.0_1581724041424_0.22911689608490327","host":"s3://npm-registry-packages"}},"6.0.0-canary.6a56f387c.0":{"name":"@material/animation","version":"6.0.0-canary.6a56f387c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.6a56f387c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bc5673fd14fe52212e0d8cdee6c66f1fd96288f2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.6a56f387c.0.tgz","fileCount":22,"integrity":"sha512-C//aH0W6sdJTot38SLi7fU3Z40pQrFT6r11e8BFtBy9hPSs9onFFllq+dDlcdFmeJKCbYlxm683mJM2yE2cUcA==","signatures":[{"sig":"MEQCIC/k9yq5vSD7LRK/JAkfwgb82CU/PpvatT6dNvfFfSnQAiAMRUb1itvSs4yKQkxCO5hyO8etMyB+blFKSwPV0vjskg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeTD4sCRA9TVsSAnZWagAAYsgP/2kO24KmJnmD71bhtMvm\nP/LcMATt8X9wvnHjhE5QEL+8DapzdF1UCZ6OPYPZD1dWTyg0lhlu4jj3A9PL\nCCMl5ldAJQW4OAVAzxSdNhzaavRqUWK4QopZs43WYgkxE/6v0o6pQ3KYmecD\ni1ugE5cWWJusSn7KwiBDiSIxZX2ZdM2n/Jdwqh9ztO9gnWmJfoOztZ0mHq1P\n0R4YG8CLVv22m52wPMlN4h3Pa0bL3lMQJSlwNc72NmVLJxoiWXLUMHHPsYU2\nv5yop0JipddhBYEj49R3M6v4kOuyR2cVATL+q6Ck9ARaU1GTsvLguQwYZt4l\n4gX6KIPv5/bSlppiaRn0P9tR380aoMg8H6FECubtS25VOmimvdA0HHjH3McA\nVKiWA/f0Qm1arQBsdXKSpQh3RCXWJ9VIvLbc5/l69DsNHfZVoWCzo7u1twA5\nnlxjPIx9hKHzi2ibvbCBxN1MA10vGaqmMmIRX1Y1Vpn0XLScaxlPuzT8AAtH\nE0YhaJVZvoC5Z3WlOJS9V3N/oxMNQBZTg315+DlYoHTA4srG8Ln9nhNCezGy\nLFYKArP1BmUG2dlP6A+wCv9f01mdlQ/rvRLOBGCk/RSXd0k5G3XJVDZ3KMoa\n4ORyY7zV/VsbXv57rruhRQuQWalK7S2So/eUYSXwm+PnSduKfJITCxYPKMmI\nCzhe\r\n=lyqJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"1e3f916aaa994ac19a65c62b461edb01c08e95d6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.6a56f387c.0_1582054955875_0.9919348428960315","host":"s3://npm-registry-packages"}},"6.0.0-canary.bdfd52632.0":{"name":"@material/animation","version":"6.0.0-canary.bdfd52632.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.bdfd52632.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"822b84995aa96c43809378018c37c2c7fa7d097f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.bdfd52632.0.tgz","fileCount":22,"integrity":"sha512-fxTwoOnZ+PrptREI5EtGxk8ACMKoTKionqpcwzgj5hpTts0v51Zyr7UpBPWCcpv8EkHhHHJgfMcAOSyX70YEsQ==","signatures":[{"sig":"MEQCID0gYPw1DVI614UNxcWDTjKVyRgmkXRfPb+ZJ8JMFUSuAiBMyLvnAChEV6vBcUoLoPOCIWqXb5dv+vah8G81RXSBsA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeTZjUCRA9TVsSAnZWagAARVYP/iTqjEl6b3o+58c4/Ovy\nLvl6KWnin2/4VltufQp5iSdVtRh5xwFh4ycZIZc8FMMjw7jak25voUBTJLD7\n7qJOLCkb/wuddgH0+EXcksPcnZV3/CYZDXv8aTbCVJ1bJ764OdTPYjd+1X9w\nm8/XY3OlHgvbxLeoCOW6S9Bcvl1HyXs3kbFqcOzqF7Z2f8utUlTnwiCVugjm\nEx/L6txzJU7CEZ6mjerHt+2top384HJgamQOFKUdwsZhR1+VU3COjGgZydn2\nTen3jecKSEA0KM0qDQ9HvJsDWufdQJNE3unX+QSo2WL/FZu9zhnS4cUr1W3S\nP/NZqyRahcws2OA/ttscIa4pTrGZR/e+Jy6Lalrk6np15EUCBd/7iZQBOzvN\nO/G912fowrAFkNP2bkAUqRAGgbYq5MygQo/fJA8y6V0MA2keI7naJv7fOIBi\n0KDQf8vnWSQ42uhu/18GRWgq5m1YJTYnP2KNS6pLdPpXfuY5U4T9YNTFTU0g\na+iVJbPM1gdiobwQaegsB+u4L5nrLZxUrKh8HuosKq2XQnFcW9YC4B+T7a1l\nL1ZkvHl/vt9YRRylkvIKjLhub2rFWTE7Pzq7k8oNXkZzvw9CdooSbGqzzS2t\nSyIvjOJ2eFmFFuDb+qzYSyhtxZiHYA4+o6dQ+8yiYIf9IOWuj2aBP4KPIvRD\nLPfF\r\n=T+nM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"533f28d31ceee3f93d9c7695d4f394323e37af4e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.bdfd52632.0_1582143700318_0.7252398042365067","host":"s3://npm-registry-packages"}},"6.0.0-canary.ad2e4376a.0":{"name":"@material/animation","version":"6.0.0-canary.ad2e4376a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.ad2e4376a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f3ec7e460beac55de1347f38941b89fbf663abf1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.ad2e4376a.0.tgz","fileCount":22,"integrity":"sha512-ebMjax2DEsHyUugQsK715UYpa0jdWRkKN2YPT7uS5ulq7SCHMto1Kv+gHQxBygPmI2X7wXq/NOC7GyZOuky3Mg==","signatures":[{"sig":"MEQCIEcF3w9Hc/uCO9E3Dn4jtH22H9Rj4kfl+m32Y9OJgeZwAiAG0G3cmcXr+Pq5fu2bsU7k2niAag1yNlWnlobU57d/Vg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeTxL+CRA9TVsSAnZWagAAsZQP/jdLby6TUsoY3EZIwuYO\nZfP0oJWFbNDJny+68dXDdDlECLjTnx3kZLZw2/IiOv4XhM3GaU5K8ePk7EA5\nyLy+x1qa6H9bKiE3c6ENDiOIndhNnjsFDR/APJAkuisV0b/S8CW/cpNE1td8\naABZb4iZIx53gC9zeH300BMelJEv5i1E3ix08hQKhv6mWaiLcciqoMDnFQQr\nPu5Yy+486ashatMlv4oOIaQukadYIKyrR0TYUgOktZe4MMUklGTwJgufaS5Q\nmQ2mu/LRw7h3+Hzppq3oQmBDfesIGNoFzEmkjaaR02sHSQIHs2h4qHzbaL54\nLVtJmJoGHQfae2c4zIYOP6Ue/33QiKpoKl0OAHq3oN5SJsuRn7biY8FpwElQ\n4ztOk4FvBDgYBNfoUAlNYj6Lp4HIfVsLDZVlO8KiDY4UtI8VWjX0Ibr3TNz1\ntWw7oOHpEiiCygLZWCvxtyLhQk0jl80i9dJTI/MxnnMHQVM7OGdM3O1//SFu\nXub2GY1Xh0Scwz3yTdAGYLJrpx2MZaEkZygQeegH1p9XBYJQUA1NimHtA/dC\n5oRBem6xo13oXASVih2fPDwi8xrnhDI8nFJdJdGqajMkzSKS1sYl7T6JsmUX\nbGDo04mljSxNKAvh4YOQSbK6gYscU38GvFQxZ0of1/iTWi0qbrmVN7l1yV5b\njJK3\r\n=XyfD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a91629ff788e0ccd5049a85d588ddf65efe5899d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.ad2e4376a.0_1582240510396_0.5142567674316942","host":"s3://npm-registry-packages"}},"6.0.0-canary.765caef18.0":{"name":"@material/animation","version":"6.0.0-canary.765caef18.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.765caef18.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"360e695e8bba5197ca1e13ae02a9905f6c9274ed","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.765caef18.0.tgz","fileCount":22,"integrity":"sha512-/aBAAibkBw43X+VoCeQ7HfoPw5oNE082rvwy9NWA0784yDhyQCbJPriU+GKUP66YNpFfr8VGyClOyM8mfr4rHQ==","signatures":[{"sig":"MEUCIA1rO8lElkLBTQhVAddkhA7KCG4XbSn+zcIS4niXFoUfAiEA4vB1GW25/Z67tebfoucbqz8uZQLNGLH/lPqZ3HuspsQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUBQNCRA9TVsSAnZWagAAxHkP/2RLy7nHQsSbJqqg5dLz\nvuWzMDNBHQJ6eR4eUvGf03WP1jw7bYhIy28CuOSDxPWJ9ru778kHS/0eFwbd\nw86k0e6RvrHKd7peN0OiBjFgVubxafisl5/KHycy+SShYwYRWRYw0XpXhe2k\nUjn1rLKhXVm0tcFs/1Cr1PbZvtwOkAlWs8WV/J7kDLGsqyY6xZ8dsfL2uBeu\nMGNG9KO4Ie/Bkq5jDlLz9k3p0FaIlXIgOHEJaw99CVp1/hCHkUZXVVNOGe6M\nmkfcHNCh6nz4CsQuS+3jC2nKijfVMWS/q/4GV/5mWE/8Jw1RyJOdjFVeaeG9\nG9d/cIV0OEGXlILqqJT7MTgza0oIYbhcrlnqFqSneM5S+kYCtxkwXlf9ArBy\nDSvSTrL0KWk3rAx0GhBNrN8o/ab4ouXRKs9D73Fgo8Fh3RLDrtgoT4cQVNcy\noLhKBPY/uO5cQ2eKi5j48eJX7v+eSTOYXm4eMSPlkUJY1hYK4Mda/MpoOAcL\n5IOHS6ByBGaICmxk2mQ1PXW1dq5TYml07yVd4xf0hsxGI9Km5Fin4l4OrCqU\nBFExEnyypOFho5DNFXkaYQdotTdBK2HjGHG8fJW0DVZpRI1OyG0DNzz+N7gm\nHzb2tuLzaTzON98CTA8ZxsaTjpqVmMulSmRtgTazR/c6u6Avne+68n7jB80Q\nw83i\r\n=MWpw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e18ae69dc972686bd9fa70c34bbdda38c5caaf0a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.765caef18.0_1582306317057_0.5496770296926035","host":"s3://npm-registry-packages"}},"6.0.0-canary.949562303.0":{"name":"@material/animation","version":"6.0.0-canary.949562303.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.949562303.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"efea8b42229d5ee7110f724acbce17209caa1db7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.949562303.0.tgz","fileCount":22,"integrity":"sha512-0GTGQDXKzV+ink2pm3eXMw7Zdq2n0qqW3IGZMsvWK472nQ1pGUVacw8/7SQL9pZq6e1gf3Of9m/8mWlxnKADsA==","signatures":[{"sig":"MEQCIERkFWZLDdA7e8DTQGA+LvzdGvH2O/09a+IvQEfzEhHDAiBm0C8kYdddt1yQ/+81WFhfHNM96xBf3lI/Ssivkd6wSg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUD9YCRA9TVsSAnZWagAAVnIP+wSooMAhH+z29/ajzjgu\nW2gkMIDnaurg95qwsnWQjvpiHnuJ8bnrvPaXZWzB9YksUpSxm05RCZ4SqaNS\nn8OsWozEFf1TbpIYzcaS08fiKZpDuy/GBezlJofdijjBniD2Sc1WS3gqY4ee\neqtohp9uoRzBrBk+fmbbZ6/bv9CsFpwKSOkGwdO1XMyBTMtComKtp8xLb4Nf\nvD2zJXWAhnXvkKOoE4gt0oPLrzDvHPgJiBrpYpj/FWWGu7ftrNiye8ItJyJq\nih7wKvY9RjVSkWHZffHV05lKIkWE/D9ELiTsS3V/hLFWNH/HiIf6BKvIoYrR\nMipHSaZlcAKGaqdiHanNSj/TYAKlS/vMSOWNzC6RvonwnWNT93VGDgyIEcQl\nzyCS2H4Nwel/6DU2eep1H9FPvVbZldwsEwcXpzmim91nk1UTrmAya/qz+cL7\nbUS7ABb1spZ2xu6pcQf+jn0AA/QfGzeYBC1znhsignGGU6sYkR6L4ZHhTeOP\nX7Us2qJ97RXrAxPR2LIjffrLsPRhLLZVGorCdWWTe7krLs7iOgeXHo3ADG3d\n0brZUOBILOwAGTB+BtMKFQLPK60HSN+hnKWdV6202ciArf8FOItE9v6N90zb\nZu517JtvyjB1bziiEEbQbYw43YRGq9f49DJFJju3U1sOswq78d31B4pBwxol\nhxOo\r\n=lJKz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b23ce78ac58e49e4a566fa22d5a4001cffa160f9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.949562303.0_1582317400127_0.356313582097632","host":"s3://npm-registry-packages"}},"6.0.0-canary.7ec96974e.0":{"name":"@material/animation","version":"6.0.0-canary.7ec96974e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.7ec96974e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f743bb68bbc63f85b1d72f2044ff9decfc787513","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.7ec96974e.0.tgz","fileCount":22,"integrity":"sha512-CGTqdjC09Z62CrRG1mwEA316pnfnZII6sPRqwiSk8SYygylKpKGUbRfCCx/BfZAJK0cjtzaGbzpX8d/3hf0hSg==","signatures":[{"sig":"MEYCIQCc9ub2oITEiymYBkrT37MXLL4F0KJFj1F8CBHD9yeZ9wIhAKFDFI2JHWVE1oT6U5yfM1/SSk/2bMLGb0GQoDEWPB72","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeVByKCRA9TVsSAnZWagAAeJ0QAIDN+jhgVat9HIrfw654\nF5w2lIQzkMRsAvisuZr/fNynFZ5bPKNq+LnJ51+qCycAIVeWFzBYNYiZDCv3\nj6W44ZO/aVEDg+Vw5dq3QmJ8xRZebIqas1vkXTSsKCF9Ho71BxqIDWoSIse8\nBsOJJaKIyMvbSykXiAMqk2v7aJzq2Nrwox6OQhQUpxJsfvfG40LEPOhxsMOR\n4issokScNWVMZZ5L+6sU3CXXnozGMfkAoIq3ebz5RSKMDqkBWOpzx86PthRj\nzd5nu7Pqk2ssdtODb2TRTRNSs84aJTRHcdN5/Je2KkLiUiaKuwUfWO6rrhOc\nNeQuS9LNchrD95Ppcm1rFLwW8wOkDJZXvd4rQ83txcFxmxCP95+04GWQRaMo\nSDv5B83d7fCpCAYUoDHWxuz6/ezxBY05LWhMa0at14H2oVJGE417YCzsRTju\nNtko8gjFah9PqOtizYdJR1eHmuzHeIxa9lkOXFvt8K6PDnY0f7aDIjAkaUlo\nmqGASMTfC/qIw/RwZE1dMkoFqHrJD4is6JupUyR5JSbhkBHjmlECh/ZNRgh6\nuFPbLB+ncQZ207OOBAwRtcxMvqolUOLiIIL5C9uAee+UTRpuO3ZxBj+VE1WE\n/po/V8d1XRKRmIrzeHWwju/vpXMzYF9geBEgh4XsyxTCjOf6iYl2BQdKqNJQ\n4js4\r\n=GA1q\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"79d3bd54f6272eb54a09e4cbd6a0e62f64e30a98","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.7ec96974e.0_1582570633942_0.8014987491798171","host":"s3://npm-registry-packages"}},"6.0.0-canary.265ecbad5.0":{"name":"@material/animation","version":"6.0.0-canary.265ecbad5.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.265ecbad5.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ac9d103233a3eea09eca71e34a49983dc696c825","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.265ecbad5.0.tgz","fileCount":22,"integrity":"sha512-fp+YKA2tfOvW0pt+urh0jtqj7pGrIv2uKsnG6Ben7D/778U7xCGXT8jZei+kR4UnlUlcPdbdskXmJDZh72LohA==","signatures":[{"sig":"MEQCIGxNHF6nRGp4gPR4Kfzo23MyGtaVl4pfxeMKusAYXJr3AiAu8lbPC+GKIrDcO0gdx721zdR3u6dCaR2omCxxwtRkYw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeVYrHCRA9TVsSAnZWagAANO8P/2jH5P7JXRLd49yrWzB4\n9LC3aTQbRTHHxzQ0DxxwNbWVvXI36vXdoyNNc9y9s47/YblCcvmrXw/84a5a\nE/2wWVcGJBNsvo4RBPCmIikP0mhroHa62zKQD4BD4NUsZ0XknZc1AydV2YsL\nzK3PlAGqM9kD9AzNu1OQNJCp0YEmGQj47eT08oCcVlv2wrEiyfgi8+HkVN5B\nAjfqmte81I2uqPMNv3mOFUVfh2LetbeCU1DGV/WzWIyMuTE0z4uNnSKkszUO\njz8U05IF278hwGPHFVdYmriXC+4bOgGdCeWlubhQJDWYlZG2ly6M0MnuK5kE\nHl9jIz/T/BH/3lfn+nqVkGsujay0Fy9V3TiiY1wwc9zYS5ifdl8ASZCT0pal\nPM3ww4qOQtcQwC+E3OCbgxt3nuv/vL9RLqr9cIhX3PT529VRoDJirZTM0jYn\noNJWJkUu/v2Omb2VISj1mherqxBPUBgMidrasfRF2IJLHmytsdgN5n3KGz3F\nQrhS+QR8LnmtnQMxRJkH8ct1GK3CeyuMzt3MHeMpZeqM0OoStiDvevAISX/X\nnjgX5QwfjoWLYnOYMEROyyrPoBMEQkKVEJm/pAI+BcgLXJnflY43KR3mAmfm\nb5UOVMRQuOBegdktrJkyUQVJfbh1gIwVHLBP4+rUBYWf5zEpuzGWXSS8foEp\ntF7f\r\n=MBUU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"1600f4154da0a0943fa8aaa13dfa15c79b0ef89f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.265ecbad5.0_1582664391325_0.7871410016789167","host":"s3://npm-registry-packages"}},"5.1.0":{"name":"@material/animation","version":"5.1.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@5.1.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f2d2ffe346f2612bb40d9e8bfb976290b91173f7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-5.1.0.tgz","fileCount":21,"integrity":"sha512-qZuPCZkTsCQCzx5EtY2eNBcmYOMGMbFVq6VTmvQztDCYDykT8JfP8Hpk55Y5bGORHvBbIasUXzoAhfQs6w/Bdg==","signatures":[{"sig":"MEQCIDchtUT1FfUGTl9wb94/6jEX6CYOPzgTqM6oRNvUtD6iAiBVNjXeWAeydBsNWaeHcsyt0nqkRZCZ6tTLDsdbt90s3w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48314,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeVZN/CRA9TVsSAnZWagAAPyUP/3rbgAvu4ZTNGQv5a37v\nPbRstaCKnJNuh1ePlqQuK5jATpzbddX36JgPxjUr8PGT7Uulwh4Ifq9nQM2g\nzchqX6ERGFO05buWEd27Ia7RKGuZCArMssnSQGaeX3L8imp1wkIreSBGdWrK\n1cscvHxTALxuspnR1frRD3F22FL67TAK04LA8ZkXUClgqE2cs/0VziS9YKIt\n0eYbtPRYbH5HaLQ7g7tNhhoUx4nuJHxk9V6PKJR8EiC4gQEFhJ1ob1nQbc6L\nf8pOTDTSXGMcRgC1dg1KpUWUllSx4so9BD9d4oyqJSHgOlOcLeKGslJDuqya\nIj6az2xwmxMujtZXbcrP1xw+KMMBl1Fl8CgN8AoddVnyNPVcSYJzzbzO++El\njuQelXlDMkmHqYtLIqd8EAnEFZplLS0FtBZVg3nQBzBmqQo6c0Nm1r1L9AY7\nlxr7WF7mYweRWCxN7wfU3XlPlbNbJzskjrzw4OzNXaFMxR7jme0wgyiZjxnj\nCX0oJYynOCuk6rvnPrmA14jOyK+ASmZJBOiBiI7TGlRtGkj1jfRWCD4g+QkV\nGX+SXA/NQobSibkqKj28pGalE+Z9yJNnmEN/Ua71pLG96kxW70cOzHFD9pIU\n+52QbYB6PyilqdUr9L8CjHQHd2TM2FG1hddERglSQeXwF5riqgnl+Jhl5tKM\nEe1k\r\n=AdNh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","gitHead":"2cf87456f7b6bb4803ed5f1b18a06320c301a1b6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/animation_5.1.0_1582666622568_0.10820252453060353","host":"s3://npm-registry-packages"}},"6.0.0-canary.2cf87456f.0":{"name":"@material/animation","version":"6.0.0-canary.2cf87456f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.2cf87456f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"468d35f084e4fa1eba915445992c5127fb8461b7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.2cf87456f.0.tgz","fileCount":22,"integrity":"sha512-aZ8v9koJjotVZuxVNJcOZNIQTT9DQgTgdbr8Ky1owEqEO8nIwSLT04XTtZHNQai9Hm4qtetQvYil2KxjjgRY+Q==","signatures":[{"sig":"MEYCIQDPlIejCX3MmQggvy4gMhn1ghVryMpuC6dbC5V+bOHfeAIhAMddMnWBfPQX49d21098JvbLWFncvujK2JcjuaA3tCsc","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeVZOpCRA9TVsSAnZWagAAxwwP/0akV4nHXz7tUabiK82C\nrUxMM1W3B8utBE3yk/FMdzOMb7odgx7YlPMI69y60/M0XklLSQyyPxd6igva\nX7Duc8t5paVdqj872jdajCaZSsdvqrM/YNyldnzAuzR+o8pAqG9R1BiPp/Ek\n3TSs5Nt2z9mwxsTBLsfiyKNR+UHiwaKCkNjNcis1SAoaOaVSmDdX/eGMax5a\n0c1mbVwVlKIKtyILjKkKg1c8Z2kakk8GWoPo+5Rjmh6rCDufhyPt3NfK5jZn\nvWQtpPohPNgoDv25+DXNMOvagxqQSSDLzbWgWnNVtrB4GLnh3gMyfywydrBn\nCNbG2/WHCuzhu0TBFFJsHCpSpbPprB/CwypTxeZkAI/AyQZuEpAYlIlON2vZ\n0NnAkbbA82pHn6fvMIDVEr8Ic44m8QD7wPi7chAXXqUfmiYHB/bH6SqPQ3rr\nLIXjT8j2uocBPApw2CIhdcHVMPjYIEKSd3hht7JsBf0yZR99UrGVvdappLLO\nBFSUKbEGnKzf5S1TJAA6BJzUtijgQ0gX6OOTGxI5St/7F5YgbiSnW58nRfoY\nLM49Az7xl+Q4Hpq2QYjsjaFEzKlVwrx4Ic1nNTNjoRUwp3HpGHu6v01FmeOp\nm/ZOXxxOA8296+afTj9Cplj+go5He7l6vPInrdu03gfGImzam4s+k79QgoyC\n3avF\r\n=Q4/N\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f8e328b58b1986d1b2e248ebeef472088137ffa9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.2cf87456f.0_1582666664544_0.06040652045348294","host":"s3://npm-registry-packages"}},"6.0.0-canary.781434a92.0":{"name":"@material/animation","version":"6.0.0-canary.781434a92.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.781434a92.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"94fc4eb6087857467cbc658aafb2c0c2232fe056","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.781434a92.0.tgz","fileCount":22,"integrity":"sha512-iGEj/tK17w4e/jEj6f62JohjAZY+4f4Rc4lWeqFtvYZzwHacsCPK+t0jDMxUl4K91WB2waeu3VHSHXICWI2OFg==","signatures":[{"sig":"MEUCIH2HXHwU3ItRL0I2yNGZpHOJecKNmDGLbb1ydtQ7RFvCAiEAt4/b656PnbAwfFQYfHu2EJawQAofEWu+gB8+gGi2ZJo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeVa1RCRA9TVsSAnZWagAA4f4P/A8NMu1dcaT5cMnJ5YKz\nBkiwov1RY6w9rJfEMdau8YOYIG4wNJAqWAqegA3SOwC5np6pyyza7jbyyHdN\nj+xeYCB3VfxHOOLa0aTr6v5gEmnl3uuT6lBlato1g9XHeheFJoHkzfWbb50g\nLW5CURCVd8awkjKQMlmTwZvsBvjKmlXSxPGNkBCujj5Ej4S1zSfuoI5Oif//\nOtXHm+ZvrzM6KPUW04MwECKnjck/YdlmOnOYNXC7PlcrOpyei7z9ASByuy6y\nqASla82EUY9SNyZSIjMkFBLsqt1MO+33xI5GrZCwYvgQfWNdSmudKbpBWow+\nf2OY5QeIejmyO3muM9bB95vkneXiCPcc0f5xFtP86fSe1CSbgPHLZP3kqqtA\ni0RMgrS5rMQHoa13xnY9pGmAOLL+Pix9dBA2oZYgZa3SVj0DwVOxScZ6ysYu\nZtgjbfI9khIr97J3NAz/5lE5X49wIsuNhtDwu2Y/NzQG765KyAwt6MqqUmMR\nH4BbWPyJvEfC/wptXE3o+DCwUKJhx+nrfBclUP8Lif3qIF8EABE6QqEyAiAA\nT6qpJSOSj2nKSouDOMWSGNle9pFE+q0G8d7SQWkUFyrFCPZETZ8Aflo1pzCp\ni84M2+aXE3+ud55QXeshqpuAqFof8BOJuaWuX3Z0eWcGCX59ZWL5Rsa4+AlK\nh7RX\r\n=C5mI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"550f1e0ff50e94ece83c72bc45536fa64683d7fc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.781434a92.0_1582673232648_0.6681759862675385","host":"s3://npm-registry-packages"}},"6.0.0-canary.d6f60c98b.0":{"name":"@material/animation","version":"6.0.0-canary.d6f60c98b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.d6f60c98b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cc0c1e3614dfb06e4aef711ceb75a518c44452c1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.d6f60c98b.0.tgz","fileCount":22,"integrity":"sha512-wPYVtBppNLKEbIpTrseFzH+b3lLsPTzBVq1nDPIRrBa1pNoKae1S7bdIxBau6f0QGx/zvz9lF9DR847NP4oWjQ==","signatures":[{"sig":"MEQCIF82hjMzM+NzqlZ4Mx1a7moHJbhy40ob+uMYMLAvwmwmAiBY/SOPdl9UygsASoIK3Ax8XbtFuOhBcA2+qPuWA+qxkg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeWY3/CRA9TVsSAnZWagAAGuQP/A92Pu30kPqoeco/Gw+g\nGKOxQsBUnyvK3ejfmE9QihTkonnwlPm/w6TRgnzaBfDEwba8Nq1iZKcvywg4\nFrjIyBiCfKGT83EFk/1VFnI0lHGl1gFV6pCngUD96xK83Fq74rykppY/VHzp\n3jT8OHbFP3ePihTrD3jN9cY+OsU88Vg7Ha+HT4S6IhAk4CKWjQP+VD/m9LlL\nfRMMeXXw9Qx2akTGgz06tVP7APyiClJ7JglXL2zdu49Lld7uP7Y2epWQnoZ6\nz+9Yj6g+K5xuRD+a0XQNorLD5Dq+pqD69+Bfxfig3R/0C9gmukZKobhZo23F\n9ha+kxMGhAQSZ9guTaGf2paEu/p/jsIspHQTas3+qJIdutLidGyKQ7qOR5dS\nhR1wch9u+Gjkn+kROyTJmD9wwxrwfuqvHmkC0nsHF5A7myZihoV3LTSe808J\naUjSzMpeljDGb15+0Cp2Zcch7Jj4/RnTF6mvwSnfaTTsuxxK23TII3vt8u1C\n0/fl1WoPYOA0McfhZ3fezq+O/f7mNb2lrQ6vSLniRnfzunjOZnmIsj4Oq28O\nb2aAGWR5rz33uhUTeYYVMpkQ7v/9OakKx1zeQLdf6mKuP+McFDAAQE5SrKke\nQVnPnfS+UAGtHqiFyWf+mYymnxxoFfX6OB/gvD3B99EeXlYQGQoELpLv+mS7\n8BR1\r\n=YKe9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"51319f628dc2d5447017b393bcdda8ea48a93896","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.d6f60c98b.0_1582927358678_0.12758010612952453","host":"s3://npm-registry-packages"}},"6.0.0-canary.69edc6e28.0":{"name":"@material/animation","version":"6.0.0-canary.69edc6e28.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.69edc6e28.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"67c599ee0c75a92c4d63491881ff9b427323e851","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.69edc6e28.0.tgz","fileCount":22,"integrity":"sha512-TtXJwHfvR29JaU6QGunRJ90HkQUnMAaFFR0Ix85Ahiegw71yiVVHFITQEWk4YIUYCFfgJDoUfK/GHMt1cyEq7Q==","signatures":[{"sig":"MEUCIEDgoKHyINReNMxtBfYj0oPCYupeqTNX7ZqL6Mc3cYyuAiEAytUMMglKZDghrrnXZI3rK07KkRcmgzdNGtr7CYa/PvU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeWZABCRA9TVsSAnZWagAAR1UP+wSQEwbI9IozCIZdWcYm\noVVw+/y9ndtRy55/HmDHwdhmmK9oab9jgShZflUANFdaGf7sYZy84Z4565+f\nidW5z1evmFOBNpdwgtg7FQymmBmKviC/aR3bvFpnnVcAw8g99re7qX8OKM9J\nFjSlMazIX3aS1p2HmkwRJOIdLg7WZSXyYWRcpc0JBDk/1Mi7tDPWpS8fROVx\n4YCpAbBraJJKnt7aEPS+pK0P39wtxYJSc1KZfCgvNS/9KH2R5xtQr75hO9SG\nC3UZgS5jYA56GHLpczUR8Q7A79SCrmAmxmCPXnefwcT/hl96Nlm3WTqSYcEn\nghwguUWFc3JLtv1+FsW7svrpz9tPHVHqcThKQsKpqZ7+9Y0Q9utiql0py2HD\nep7iHzhmaaepIug45BkjhxaYyfoPP75wH+fDZO2J+s+1g+uhfZWVmiyBpQOu\n7O6S0Er8isaCC772V1gPybPZYd3FNBlNcQ2U4LeobeQs98Qx0UJ/X8s4Y5tt\ns+Qu9eIIeAYNLWpLd+ta0OoaM2ajN4JZbxUAVhEFaXAZmXr6SV6kme7MdHZW\nJNltl2/8TG7Sx2KU1m+WdGI7H1yAemHKpcAImhtEZe5ItbGWQYUaN6al34O4\n3NeZp72wOv/bfh1QI4KNUAavS3rU1EKnLphektanlZgxAhJtrn4K7p70yjHm\nh+Q9\r\n=zgVU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7394312b46cecfacb3ac97cf147ed16fcc42e538","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.69edc6e28.0_1582927872844_0.8614037983544907","host":"s3://npm-registry-packages"}},"6.0.0-canary.9372e4939.0":{"name":"@material/animation","version":"6.0.0-canary.9372e4939.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.9372e4939.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f9b2a5636992651b40bd181c85ca70402b90da4f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.9372e4939.0.tgz","fileCount":22,"integrity":"sha512-m7R16iwmOHb2LaEEAJSNdzy0iXiabnsFS82dwOuSSJFLvKmszIRka6XEkdZI5rbvOH0C9fBFTmL6CzuQm0Rk8Q==","signatures":[{"sig":"MEYCIQD8M+yOvDaJ5iculDt9oabCtV9luv+MXX10QKwMFuvRIQIhAKey4AHoun3LKslhkXIFHa6nQX4fKHj+c/pPT5mcp8Tn","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeXqs9CRA9TVsSAnZWagAAFCQQAJFANrerMmZw/+48Trqy\nCoFDfzEw97V4ev02OZGdXqL5RI6xZrEToeARKiwgI6URkG+Q8znFy+JIksvr\n1yGbQGjYt5pg6WuEFRnQIdK7YVmY2j3YJIvtnikyqiJ8qutgCx5A2sKwegGr\n9SFqjhJLzCcHarLYnOCUmcNJbXG4JBWNMO5OtjBeP4J8RHILGjVQtcRGximQ\nR/y3R5x6geLOEopK92yr657dGaOpeHiiOf+SbB0KLEq/YtkR9o0fwlNDK3nF\nS8kb+yuVXzhS6sYkHevFtOuSwhbRGFAm0PE0P5X6NLLtwz8/eesQD+UHlZau\nRM737pYy+apSp5pqmr49Shk68yoRkYK0MhPPvExX5jPJw/NHDNeyR3eGFvQN\nNAU+YgayPzqbJPLRvj0DDqb7BUcLvD2gqmtgV+wBFbKbnTdH2OsmXgr92lmA\nOg3kNhlUAmVZwP5VStwHsYABb0JOIu4iHMbsZ3PKYoCu0n1ll4hzsO3nvPi4\n20U2KWaUaSSQ0nQWAYEidP7kFsvuB97mWV3Tab/lKDlPBpLODWPa+Ukv+CO7\n7Q/yjJeqSSTLS3Hl23pIlW+h8w2aMOFOrsj3lbWid/0Slch1qcq//vIlAEJE\nSTJiOPFHC4ugg2tMKtnxbCA6J02gZaH996GBRLeC8T3YfDV9sgCkaaqhh9/n\ns8ez\r\n=89ox\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e54df7e88218f93cffe81e63d7e28371126d5611","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.9372e4939.0_1583262524928_0.39182323754198944","host":"s3://npm-registry-packages"}},"6.0.0-canary.9cf5e9842.0":{"name":"@material/animation","version":"6.0.0-canary.9cf5e9842.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.9cf5e9842.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8838d5f084ec0cc4b1b481e41e0c5fa83bf758c7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.9cf5e9842.0.tgz","fileCount":22,"integrity":"sha512-YxjdbYUirgEPSx90LJztAILW8I5dyCCdBnERCnaF1uoyeBsi00CZlP+EfeXdKoMYiMqMys3TGgqvpzjjEqMVZA==","signatures":[{"sig":"MEUCIQCqdUGElHfQzv0MZUMPl0AEPcw52oCh2GJI+hEGCMvxZQIgKxWHmQeWNlq/BRw/5Pmad1ILfHGiuX8Te1jSLc/xJXw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeXudACRA9TVsSAnZWagAAeTwQAIjxrKkxuLCR7HA9GjAc\nnVBsInqdJ7gGMu1+3F/HA8qn3M8l8yTmBovixDiCkT8fqhyeAbwn1gGYR00K\nEAvBPV4psS8DJLv2ZwGhHK6w/jFP13lFkNMf9p/LPc/a4ymlaa7FazL9NG2G\n2AIdJkpFkwOMi3KVUkz7zQTbZ0C1ozwrrZQSKapLhs5UZiAax9BArDfkK47Y\n0uKYD0ogxlM8EELI/ewDKf3FLXVA8yWYJiDyiFqH4L/707YBbTPW97zVQCfP\n/tDBSyZK92gTiz84lcHwBBNUvgG4QEOagseQ6EYoE/pAnwbJ3SUIh/4hxGnT\noj2Kh54ws2z1baVa+sjk2F7VvZeDs2nhLvq6Xeh6pffbTdRfTGtGw9woyUXX\nObYbauiXJpfhGBo3kvCuFCnMjKvkYWqtdmWFCbdBjZIKhV+MhRcAb8Gj0pVN\nS60PejujwgBBr+Dt//l4XuhakzTn/3A5FbAmW1MibTQ4DzRrRnrUS28Lp4VT\ngaFCWthdnQSEpXaZd7Lxd8NllD0mn8qc9J8JbICS8DSzvrNwcXjw9zCWOyPY\ngVbDBNypWFzAn7cZlbYLzYXeUHmWaoD49U6ChLtn/1X1K5Nn6yIQ/aoxDBxh\nrh4+WQJclTCfifvBfRDE6ntigh4IUIEtSa4x1zJ/lOUItnRnyHWgBuyWA3gd\noAQj\r\n=R5Ej\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"9ae3d1faf8362261d4cadb5f9386265501b7f143","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.9cf5e9842.0_1583277887858_0.6209248166403074","host":"s3://npm-registry-packages"}},"6.0.0-canary.3657f8863.0":{"name":"@material/animation","version":"6.0.0-canary.3657f8863.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.3657f8863.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ce55e14bdee1b2348bba0d03e6407bb5d4ba43f8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.3657f8863.0.tgz","fileCount":22,"integrity":"sha512-0Ej9sLp7+m+E+PqCSBm3mTBTEcmqVqPRNaeHdsD/xu+sY2jAEEoKdQOzFzKchN05ugPwXdvrRYxIob2nCudBDA==","signatures":[{"sig":"MEYCIQDXYyY1ClRB4pFCEG0vSEPQkNAAnrUX2oqyiqMyRIUrkQIhAL0IOfssVlZAkSY6sm3leLRQ5Xzpl700Y03lUMH7Lttw","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeX+iqCRA9TVsSAnZWagAA08YP/0hpLXeWHKERSf1aT8BD\nuduZPlrg8UiKRF6vJ9RL/Df+XDGAWJjb/AKzVxfD7t/GutCRTx+HF4zUOHCj\n+/Atf7IgNGcPcSRQuynduqYG1ELRSXxlQ1mdlJO64L+CCwG+EzSMg6vhQ+ZN\nLBK7hIO3esb9KhOUwWlwjl2sgWEfqNCwxIHN705POZZag62wk69V2/jQIyBu\nSTTbwPhAfvAv87WTpTHfgmW47d6mqqxnLnwX+LhD5CNegnkvY0dDYMHVBvBC\nimnY0cgnz5IC/LcQ0f72TL1f9Z5JOnKdWoHxrX5K0pZTwL0rm7GlOf41atvS\nbT6vZgEsPFkmfqqTu+PkstizxZ0opwY1YHGQ/xpxSt8HNsYtWTgDZW7K3hDd\nc5UMAFIUfuGAIhmjrd8SYiUBXLGk04syJJsp1H1dhMTw1Sr/R3nouk5PdC3I\niUh8D7q17qp662DWdxy94WE2vQaWbDA5eWduixa0s8LEUqNvEjWuQNYKcOMC\nEvfV1eLldOdMxpJh5PyZlgeBa0/FDrIw0PRAGG2g0Zl3q6p5yez6VrY9so7E\ni78lc3pJF2Ur15lI9q1Pwazyl4F9UkFvBXJyXfsmJXNXbzo/VPDDuYOAotHw\nC8ZYv8qsZEsRIfJuyTeJ45gnxj5FnJR+yjM/NhWbJSkf8XIb+UvTNvl6wkqc\noPd2\r\n=O/NF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"4075a5619b546f352f6366e5e90c61777ee28f5d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.3657f8863.0_1583343785714_0.344458510424267","host":"s3://npm-registry-packages"}},"6.0.0-canary.98b843417.0":{"name":"@material/animation","version":"6.0.0-canary.98b843417.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.98b843417.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"648357f426dfffea04f2bc2852c8bfd1ecdf6f48","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.98b843417.0.tgz","fileCount":22,"integrity":"sha512-1CNstOKTJHW64LwlFwuAGa8Yr2TWRVp44I8OMwGFdxUgRCguLQjZbigP108+viB9kIjta+rYcEwtFDOMUQsOJA==","signatures":[{"sig":"MEYCIQCJ9c2m9dD8LX9QM5FX5HoFk3F6lxpTcjczAUpmGAYc8QIhAP/iWrVU3UOEe01xfeAAnXv8WzHQIcd1UTqOvV2O3Cvs","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeYUUwCRA9TVsSAnZWagAAICsP/jsimACjAMJNMYv2A2Ye\nVoE1T+Je5Dw9dOjK3MOvTPZf5Xd+KmEw8xl/4mZSW6tNBcC6TSyNP/BMpH7X\nHj87I+3mDr2dpkFkJn0oSF0nzqeUFseGZbH9fwgCv6csOKwxzn9SxUKBgYDD\n4znNWHU4G032dRBOmDdrS1F7ifKKNmWORQgpV4igxVK+M4g7XvT3par/xQ80\nzYQOlJQqGFkREmbadwLk7ZUuuI6ZoblqJOjO6cZRgntJNr/kWycp/dx+pN1g\nXFqme16H1lgVdVIsvN9tKoox8NbmLL4Ke4NntpUKtPLdF/2cTB4tiVWEZlJW\nB2zg0DJ13u0LFV3Vtj+EBFC6hgy8w2+8pgZC/RVvCC1hdm+ygL3urTNh7goY\nmeZXbPP2NqoczkoOoF1KjtdeBbAxkzAhFNrlj+ffOL5BquYbSEAmi9021B5t\nI6m90N1yaaZVEdTBIcphKX46ZDhzBhIkmSJnUnOQlewNKlt2HC0V8B7oNUxh\nqHXuZPNkn10hOKfx0DdxHR8zwiKhcRSOXIGAQaZhkDKPpkMrai3+WfE6mNzN\noT8EMNOUTpR6RjCuexEwbWxvCb70WV7fxAmISeAaF7kbZhQXv3zIh6Qd8hBf\neVFvMR7MFkVbVEpBQp1aMkWmck+YJxLaPUNmtPYx1Gr5030SZfHyz6pcepmK\nL31X\r\n=HxdP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"68f2aa7dce5bfe926cedccaedf1c0c98166d0bc1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.98b843417.0_1583433008064_0.1888385883288406","host":"s3://npm-registry-packages"}},"6.0.0-canary.17b9699c4.0":{"name":"@material/animation","version":"6.0.0-canary.17b9699c4.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.17b9699c4.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8a5db22b19bbc1c38cb3f0fd5bb60b4a1d51ff37","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.17b9699c4.0.tgz","fileCount":22,"integrity":"sha512-eeeJxlGnMvWirxbituMoGiVtsbeTRWD6nBWC+FyTDzysehNO2Q7zv0+LFk4jl3Hn+xFPtOoGdJWPkujFvYFQMw==","signatures":[{"sig":"MEYCIQC1y+bcLQ2kaTa1eeivpVbh3YbXHtGl7HsLeZYY0KLT7gIhAI2lZz0f0JpCv7AYLzW2PdzsisXqZoY3kIXopK1lcu+3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeYVE1CRA9TVsSAnZWagAARv4P/09h8wZePqX5A8p9Ze0c\nUMNmIyjTyOi7/pNJcwH0i9j/HM2B/pTpotINChMpwX8mvJ1AfKGZ1dnBn4M9\niVQGGhMP1ihdTcZWIlBe4D9Tdc/mw7BkT1ENdxaNzXCy45pbuLHQdZNJ5g9B\nDl9W1hO7Gr0cZ3ihwQ9KyFmONBVTGLFkT/UXI97S3a4Pz/7mM12/u6j6IHCX\nP8GSfkfrbDyCAca38XNgW5SRPk9XCDWdW8ai9mL3TG6S6o5l1jR77DqUD8UD\nVfj/Cin1PqWRtPNEaS3/pjn6jPGJD+wbMsuaHRMKMQPrWHA5vlZ3EGEgJV35\nJIJmueD8Sm9uVV2+xQIkfYPKR+GIsHoSaxkJxIOzrxVqN/rFg1aKK04ZBK8N\n+7jIpGDJb9jwnNTdGgrOnsWF/UXGTHZOWvKuqRZnYGQJkZFfT0zSsGSofSBt\nb/cnj83Lgaf1qT2MAUA4mtH1E8qTnLruMjbDZL9sApVJzDIFsZabTbsdc0DO\nvNxQ7kCLSPSZsZubvco6L2RLIOzG4988S0o+KxQPAOzoFMLzZQ5jcJptLo9H\nQki0KVgKix77rf0aMI/ef26UirJW3frjy3u5dTj9wKEz4OMANoMWCo7h+rKL\nkUGgxNpkzIP0DsCaa+n6chXlnAbl/AODFpuHNtA7J/x7bmZzvKvTNTKU1iH5\n67sG\r\n=wSZy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"5cc71188279f7fb4c0eb3b0b6b98b59815539374","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.17b9699c4.0_1583436085362_0.7271836021519889","host":"s3://npm-registry-packages"}},"6.0.0-canary.6ee035572.0":{"name":"@material/animation","version":"6.0.0-canary.6ee035572.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.6ee035572.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3a2fa80374acf955838c1dbbbfdddb2d21f9f55e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.6ee035572.0.tgz","fileCount":22,"integrity":"sha512-nmedCVMh1PBZzOQomI+f5iesbjUZtqpKuCVJxs+Ta4uMQ6PIB6m94R4mo9/S8afTM7VuaVXj4usSHdvDp9UYFg==","signatures":[{"sig":"MEQCIHocPc0kiRJ8AFBXi1kxM8EyXprV0jVJGZxQMpnGb4eaAiBjaGuii9xz4dkXfSEh49m9F4o3ipjx2TklM7bKzYHF1w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeZnKvCRA9TVsSAnZWagAAQdsP/Rg2u8fT2VDutB2jheJ4\nv6Hc3zzrC/ePWZK3XR6d9OdUvbdL9sSPcimj3Q4YT6szWHAZMM2reOtSPkjJ\nNLoT91CJH62IyqNwU2H/wT5xaQ2IC5aIqKdud08oPhsD1SVxzrwvF9bYuxZH\nrJY1Hu8vIPFcGskrla3QHAuTb5IBZi6yhvC5qYk5Mmx2n+fsSTbnLfNVzAQR\n4kxr7F3oomtzUwR8n1zqHWCCNK5ZjaHr2azVVew11C3FNawJEMXXikTx3pIF\ny5S6Z7rsvpmW3zw9rVmgQdKhj4jDh5dHe/Jp31wdASQu5narpxjbaPldNzxl\nCAxPDMCX9vXUBj27UxV9F9l9f7GHEW3FX4bzsO4cN7HCMT6vmZWg/ZfLsoAv\nRr3EcCfHgYQ/CgoRxsNqlLrIxOMJEWWHlGgI7hrqdbwbT35yygG1WVx3TWoc\naoq2J5tYn2v3iIt6E7vaJyhZ/FkG4BosHg+hCOGOoKfkxnFS87FI7TAkzA/+\nBxS830YgYPfMlsK0DjuvQ8jGboQ4m90b24qnuZDDoqNm1/qvCERuiHMygT9A\n2vsleE7pDWIud/05wT1pIyuAeX6uoYOMVuHxbg56dnQ7skraPHVHJOCn21h3\n+QO08D0KkAu3PiPhXCCuLo5ssywEbD5a6bQniRJf0Mwjj/lPzIVVoykrPZWl\npCVO\r\n=SBCC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f7d234455251ae34ac1d568b4654bba0bcadc57d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.6ee035572.0_1583772334672_0.536678014371742","host":"s3://npm-registry-packages"}},"6.0.0-canary.bd33cb56b.0":{"name":"@material/animation","version":"6.0.0-canary.bd33cb56b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.bd33cb56b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"628a59b4b3b269435393895f5646447b9d4b8096","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.bd33cb56b.0.tgz","fileCount":22,"integrity":"sha512-QZ4BH5qvsVEco25viU5vOGHt+E0Wt9zDzrJxearZP5TP7GPsXKTwsiE3rVAsjC0bfwmMsP0FYdFjDvtEKUeqLg==","signatures":[{"sig":"MEUCIQCgJVLGCNJVfWigKdS4wYbPdHUGQRkVWTGACkBnDRNYYAIgAKNNIv0PWlP//sPO1U31GrE/RNrOX81r1xR7fCfuNsE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeZnr4CRA9TVsSAnZWagAAZWIP/0ESC+5+ppY2SUptjeMe\n97OQj1Z5IJZODLXizp17dNZFfBQ8VGVjG9LX+0owZByByp6sqrmAXANE/Qb2\nuHr84zZfP+Ac2X7XbeLwhTAS4MBTI3NFYhbk/BTu+ArunqOOyM1nv2OW1vxn\neyhivm3HxMUZvTINL6DxXCE53B6y4SOlodyt8sHCWBs7JYeA79CgJKfGqPtx\nQIV6B/wwY+agS7+cQX9xiOGw3DOBI2ZwcYXeNsQ22P2CvLaA/VknBsurtECp\njO6kGx87az1buEmqB1WBmrcfaReu+CUIF3yPjMD3M5asKgbqGNGZq0ghUWcq\nNA8H//ZBbnACIj2yR1pZuH59YbH/9rSrSMloDrsOTrUfqzaKayzv/devWaH8\nMp99IcEacQ81X7rqdge7fJbFEPeR+4V+ULRzCKklOg2Zbvt9Ox/alEbRFbGZ\nTaqtLRX3iCjpAwxBpQWvWUSPfRZq/RuSg+H5qpnjbPTGavKSwtmZNwv5jM98\n0WPjyvbHyufCqQIPL7HrBHGagofE3zxKUSbuBVkqCk3qwHcQZQ3QJG97V8rM\nP4wLX5cNr9cwZG7sL7MDdw9l4J8PmR54E8g11muytz1HjBM0ZHohkD4CWbsD\nC6bqrtFl6VE3/V3WMDPhKyTTFt5NVI+ejaFvXSKBqHnJE1F146MUcm2TTOzw\nZu/B\r\n=AaPH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"8829857459a9b7c92653d2bed2a8ad63b58b672d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.bd33cb56b.0_1583774455718_0.9666233192699161","host":"s3://npm-registry-packages"}},"6.0.0-canary.26c049afa.0":{"name":"@material/animation","version":"6.0.0-canary.26c049afa.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.26c049afa.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f5df7b7ec3c86124fb79205bf80de9c08f82c350","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.26c049afa.0.tgz","fileCount":22,"integrity":"sha512-2b2arM47ooS+ga6Fy6mPRzys4C9VW1TIDLPAwBhl573togti+qdbz5fOfyuDESyvmX4YufgGTEbfgYz2EaA/QQ==","signatures":[{"sig":"MEUCIAJIgLbSm6btKGAuFCg4sShFzzN9qY5K/97HHEzDPTP3AiEAplQEbTqbn97tLPrhi5hNpa+jDkBu3M4+4mNNge6fS0g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeZ8fvCRA9TVsSAnZWagAAkscP/3Z82zlH6iKGIYbRhK17\ngdxYviolvKcO6Ae4PoWqjE86hbT4hfCHaTZd10OcNIEi8ALs5LpLCqpCjq6s\nexB8r6/qhbcvNrv2mm87B9yC1bIlPNuTaoN/AuBgfTIYYaGExYGCWenRYTAE\niUGdLcBdBJ0O+iJIt4G6JvsiYHA5zTFZB4URPvQcBmeaSysGmsh4bhqWIXD4\nW50FJ2u9PRPrBfMXqsS+3BJRrKb1aFp7j0k9R7bIpY5RmdOIbkAggCBHgx9r\nW1zSnml+D3gRbVmXVTs7TEVWuBwqnbxlRgMAUy/wOfILOxT6SK8mXcMy/3Er\nItWbzHVM2n8+hueJUjgMZep8IF2u2+G7XmLC42k+DqM9jaLbkb7KeLuOkRek\nwYz7aVcZAdvG2Ije2qh5l26K4vu7sjKXZY97QsJJtomwQlenl7M6PI+pZ1kI\n/kM5/gG+07NIBIPzRzOUV7O0TEG1UtYyTbNhgsr3B1X1eq8mYT9jaAu/vxow\nHvr5X8ywFosS9ogqiERgeEA7eeFkxvpfTZ2XMxMEpYqqq9qTBZJ6s8T8SEoF\nvzw8alpiOu+6v0aUHzQZi9PTZUjS3XZhCx54GEiomc2H/Vee5MNNZ6/2yOvS\nzjk2h2yAflcEquFlTPG7qobYz4fcaYwhigrIAAZUu4l8BE6dvca0sTsbxe+b\nRJVV\r\n=NL8Z\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"042ad06994baa2c42398713e57185e4bafc82a3a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.26c049afa.0_1583859694764_0.7128913132988166","host":"s3://npm-registry-packages"}},"6.0.0-canary.a731fd0a4.0":{"name":"@material/animation","version":"6.0.0-canary.a731fd0a4.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.a731fd0a4.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"dfa46729c86edcd5de3641f298bfaaa5c52e50d8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.a731fd0a4.0.tgz","fileCount":22,"integrity":"sha512-PKrUC9FZGjR2vuEQpMGQgYpwP+I/joMGHS/sXQhipA7iyYWkBQfufSXftYSHX787UEbKhK7nxQ0wsRlNnzfT9A==","signatures":[{"sig":"MEQCICRW2CSJn+Ty/eBB/00mMKh/pqQ9WN8jqfwNhDZ5aL0LAiAIR5P2GbGF6FcIAv8OskHWZVYAEohNr8J9wzijpIiePw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeZ/j2CRA9TVsSAnZWagAARrUP/3/WLvHg9p2YUDt3rADb\n+Nn6p7Wqq4/dP1pu2S7DkCGyzgUI9vpTO9AmqtVeaJGzG+uSe+VPG4wyO2k9\nz5Fxie9Yb/tMJZJVokpm7A+fRE6+8r4G2B8xiKvyEJcbme8bUWsZwcIPwVwY\n9j83WeEWSJZhpJHLA05Ikf90mhVU41D25VjJSHvizwebDwmzUDWoAssXcQJ/\nvNSlGocbZtRyO33TvDyWBY+RTDwm6ifzttSt1RHAMskoMCkozZPa1UqYXWCe\nL2vpobMOlnNEt+0tVw1s9qa/WAK5iB+uHLdRlByvYLvkxe1AwsckachqINKS\n+YENjQxFvG6ntyMb0ywu89cfL1ZVwlixS1ESwYM2NA/m5iRGPuAphiptZJJL\naIUCAXuZpBpvfQCWe8TWx0DOInImMlvV/gKToGZGdVwUZN8Hh/KYt53trt/T\naBrzPCVCR878PyHpYS32Owb94oSKLIbF/v2An02muBuE9DxMIwQE6hs74kMw\nq4D3JeqwqSQzj5Rs4cmhdvx4l1wpqjy7rbQQElwg33nBtnYRsRnYo6NW9nHl\nHht98h9okATb3/qI+CmefwHlc/y4Nedt/oQw9TITL5N5usd1tJrfXFoWwqY3\nVG7wEh9LKqsLxN0sPgCu2MvvBiDJWT8AnpFAM9hCK55M243SVwCioKmiUfuU\nkUHx\r\n=V9D8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"6216eefcc94fba4c66ceb4b1fe9352d3cac861c3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.a731fd0a4.0_1583872245478_0.42932111049125354","host":"s3://npm-registry-packages"}},"6.0.0-canary.1db5c9fc8.0":{"name":"@material/animation","version":"6.0.0-canary.1db5c9fc8.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.1db5c9fc8.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"104fb97e7fb2a38d67f464c18aaf8e3c2b9d4628","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.1db5c9fc8.0.tgz","fileCount":22,"integrity":"sha512-MCbAYLr6/hTf0wLFLi6Q3JuVbtOR2IHmAmabX6kzSwEyN5HZ0gQK/8FZ5Slq7Rn4imURNrwHDxnAX3Ah+YBMaA==","signatures":[{"sig":"MEUCIQC4Oo6dStAGrWJptBCt9ve73rdBv8YIaCo+yoNe4ms2sAIgb2osKNC4SXl76SulLSEGEvuYmuKfbS7pkuHQe/2KXr0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeZ/oOCRA9TVsSAnZWagAAVRgP/3UFl2sVJXIwt+G5Fx++\nhu7zlJQS7nJRhxQYnDJroFpxFg6EIfPjwZO7zLPx/QZDCGshWvDha/bliUnd\nhTQ2l5gkQ9ayULr7CwyXVt2ULlgosOl9CM7W6V+EDkpFIuCISViK/TG3zIrw\nfIXRsr5JwJxM8YTYoO8HdydYUS2nFYFJy4SZbKU8IKv3aDkH6BwAZ6YIYn8s\ndiVEcZs0kS1dIXvqPgNlorXdUbKflksG0UEZdQI3VRV5az7iPBYWxJ5eUrWu\nGfTUsmgnxmIrbVQ9f6CTKfAPnImKdugAyygHVDV6PniJ9IeP0aRG8HVyGog7\nF0TADUeRxfGEFEfw2gtBFRrt9gXEDcczH+bKrk806jatCeWCR9/ewDqDIZr1\nc72ZUX0ecgg2Q4cUWGhRNCxevyVv1LkrRu7jhym9Re3mCUPwmgEBlrqxs8NL\nYr9hEbu4iy7X37eKeoCHksNyigEd7ndqrmgPXylQlENgylFwXPDEJeERTsuY\nIZBaRjuGH+5LRtA/xzFLEnKTOoqEhdXSPRkk0ocuJFtyMr9z3xAIFhtK32qj\n+EJ+CIGLYhFjuHTXYh8vtFvuQQf6T1H7ukhssBFGrIc2b5vP3Yxta4y/FMPz\nPLQPlKZ8fOMY1qDsufbnfhgi8Xo9MeRDw0PR5oSDPDFPBcyfM82j9AwZwUAz\ngbfl\r\n=KvKM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"cc90b13bf23ae60f937a981d548d55e3641c74ed","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.1db5c9fc8.0_1583872526528_0.7765363291225358","host":"s3://npm-registry-packages"}},"6.0.0-canary.4971637f4.0":{"name":"@material/animation","version":"6.0.0-canary.4971637f4.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.4971637f4.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ebead7683a770eda4a9f3da2079048b5cfc6d92b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.4971637f4.0.tgz","fileCount":22,"integrity":"sha512-h6kag33Q8/kFwkddB/pxDoDx6wGt13if0+jj2RjLOv2fZEdFIgMULvewoQBd6vCVCapubcduHTUC9dZNu2CoAA==","signatures":[{"sig":"MEYCIQCRV90O1VON93gwEVIqaNbePRxEF8eWJsSkJ+pXgLyCSwIhAIF/8IGccbjSlgl9jLRJQ21CKkp2NRh7vZUH2Rrjp3ye","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeaBs8CRA9TVsSAnZWagAAuBcP/1yAGtN9PaFtnn7zlI1Z\nmBZtMcX6kblQ5kEIeNlfSsVV1X0VnEXdrvywgzSIghgWzkY45Ygjp4zYAjef\n1G2U42FDcN3mSnwu5PIon9rSd9Vt6e2agb0Qv8ogCGx0qzRA/H0j3FuYed5x\nEl3vcS2oyOQbMZecCrb8W5g7gpt9hRveDGSlgyzN/1Q097XawKF3DR1NQqyo\nk7xLb+e5j8UDAzmMNqarWUNpJtL3WTU0nvkzPmj2koE2HV4seTtahTKOyJdL\neYL7VhYRmO/B81YnwucAnDI5ZBmeh4CMx5WxFiSAoVNaPIkaHHzCqVPoqoF1\n5bTYs7oelQL5uuEpSfJ0194OHGqrXtxi+6Ln8ZQpFyhsK5NWgUCxmfpq3Wn4\n2zjiXK2NyeVhmL8IqBHZYuFo6Uvx1OyviW/ZGC9DKJqF1UJxOHGwlBPVPjiY\nXaaq4vWkcln1VC92BmeWepj7/JuN5wR7y2+vtEGSrEEC3NP1qrHudH5Uvhy9\nWpsZNU5W1Rs46Lt+qmKDdV9qyhuwmneBt/dmxlVLoicKsZI4XZr1yPMppFpE\nLE5n6FNRA1XqSS3A27w5rCq/jGcP7gDmFuL84uM6K6h2/2TjWLqNb6zQ8Qy4\nBS6gigHGOoyF1AzFFp35amsA1KiGqaex+5vOCY8c9pwJix7oMD2F5wPsfcUk\nApQV\r\n=nO5A\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"4a67187585998b5863a9eb407a3ac0a7e550061d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.4971637f4.0_1583881019721_0.4689027180630774","host":"s3://npm-registry-packages"}},"6.0.0-canary.1ae8130ce.0":{"name":"@material/animation","version":"6.0.0-canary.1ae8130ce.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.1ae8130ce.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8775fb2ab84dcef434587d7855bc0c455a118c39","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.1ae8130ce.0.tgz","fileCount":22,"integrity":"sha512-QpaKRqjw9xije6+wRA5LFK/j4W2HSdx/8xoSanATKMgdSgIu6mMiGm0X9QZti+G0XKr7o+033j1+2yjwU6RGxA==","signatures":[{"sig":"MEQCICsc4gUohcVtS36zj2msVaJG8K7ziE5etyTNXJrASmgmAiBnPFIjUVWcbbURQx1ZPA0Ld3DA0BKgRmiKh7tqpCffrw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeaB0FCRA9TVsSAnZWagAAbGgP/1w6yseKjYT3+RfCw7u3\n2/TXX5NOl313FAE+icCM5VETKQ8DToq0XKFYklvD1x+X1n3mnaX+/CdYs640\nNJubFI9inSzkP4ruWgXwyC2a+XBr7LdEPICp0n4VwPT4uFuO3oYuoNZt14CJ\nIpVklv9C6bmJ6ZVDmvwJQYmoU9i/+ABN+7O4CcRPhGNFnCQ9bN9us7ZvGbE3\n09VqKDUHlTyjpsSP4PnGlc8xd4gF8C6eMC9OiacPUsRpEbMxeFMAN5tHGyL8\nQiStDrR03+GTw8NmHjqXmfvfRym/TiBCEKj0hyC0+7xdPl20U4D/8st/Llp8\nTuoiuHe46L9N1xp7Uvm96DFz1oATCaFivTjkCV7VhUKNU0ydFhX0cpXeVad4\nCLzAjuOMPdegGrMTi2urJipDU2FLYME7K0AW9A14QE7WgHpj5a/Agss78N3j\nu3x9BHJ1qdZMz/id6gOXPdhU2LwhbgGqurDlfZTcwNx2Ph55+IV3QGdwG7PG\naIdZuXC75IAD3fp66KGwh+LFEPGgoJJVVcsEm7buV3bef3DPwfaKY27hq3Bm\n8m5o4uNbu9QkPbpU6dzf6gjHMZ/dUnW8twJEKwRP2E9Xpiw5MjYLnHNbs2gS\nowyQAOzKuiNdKVD3TDjinioXhhnOqk1c2qclc7Zt3wBTspu416wbYTmHfrtH\nYj/L\r\n=WkcJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e5b4831aec2400bcd99b87f3537adb62cf047dc2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.1ae8130ce.0_1583881477306_0.555465868608801","host":"s3://npm-registry-packages"}},"6.0.0-canary.8639c2690.0":{"name":"@material/animation","version":"6.0.0-canary.8639c2690.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.8639c2690.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3b626dfac3ad6a84aa5be3cabd7072ff53f3a912","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.8639c2690.0.tgz","fileCount":22,"integrity":"sha512-yCrfhlL2cUANZw1+WSeH4CrC89Upjpk+Yf5w1EhiUN+Vbr3FgQ10RGR8S9Qgvml/1h1J/FQH/o1kcX5J4QqvuQ==","signatures":[{"sig":"MEYCIQCf8nypR4gNzGUaWCIDjBXn0D8nXZT/AuOLUuVyfguXrAIhANfjuhFlxMy0fF2tvUmQSbzR8p0Avv4TTpKcfgN9Y0jA","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeaIX6CRA9TVsSAnZWagAAnToQAKC0U/DZCu8Qv7xdpGeS\nMVzGtUILzTq3rUjNk1E0YfdYqfOkl6gPmUn6uwRQL4kVB24fDv5mZk0JhOwn\nuEXxt/eHs2+gi/t27iKF7ssKRwp4SKjBp/JsBHCkkgnST8vK27KeRHif7+3t\nDCvNM/mOeZ935Qqc8hMJBNrv8BTnToWUg5Z+zUChKiZeWeNa4u6tb5U27RgW\nVNeM8Z+jQc3aaXcC/5WxHRgcmMH8kYsNEVvT06l3xdjSUmZcLXXMcmhGespl\nY5uR+wAnFYUSwj92bMqE3rRx86L0NC1MH5/BJJbcu7segrggHRAJ2HIOAAGv\nkX5E8p3HLhdZG8YqgYP9NDmeAzpwfs59ipDNby4mkIhVwq4wJFiuiQ5cOd7N\nyZVYGuTenPlhFBKQPaEauCsDL1uDWXamL5YuajbmfoTwuVIHlvBWl2K86VSG\nQA2CKxQ+F0DQSNEG2DEHM0zBM3RKzN7FWVGQPPopMMeKfQZF+J7Il6B28UxV\nv6/mxd8nyfkDiHbYYCtuqb9THQCQwqh+kjMbHJ3AXITm4bsR9lTZ2Jnl0Fxu\nMp2euZ11ic4Xckvd02yunD0IiSRqdvQ9/+DPNzEFfylBcBbLafzYb2plWjls\nd1Q0MRrnc1woSKxJEvZzhlYr0B5uByBQwc9QJqGGNtRcXRMOOObHrERCBTxo\n0IG0\r\n=7Eh2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"3834dd0603f05e8710f74b00560d4aeb887e5b82","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.8639c2690.0_1583908345670_0.5421295391105749","host":"s3://npm-registry-packages"}},"6.0.0-canary.d5808057f.0":{"name":"@material/animation","version":"6.0.0-canary.d5808057f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.d5808057f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5957a5d5de2bf18265341b33376eff1e39bcfb95","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.d5808057f.0.tgz","fileCount":22,"integrity":"sha512-dTPTTLPESutUqn0fZh7m4gXUoVYXlvxx7LsD+tNQyD3NKH0MMcFouSnC5Q59nOkhyVrSdiAUuRykM/U9fv6dnw==","signatures":[{"sig":"MEYCIQD5zDWG3+Yjw4UCuBYYdplwNBfTs/HqDU36lSj1HiToegIhAKoNUvvUDjkCBrqEpYVNJ5uVwi1GI6Zy3Xc2W/+NVIp+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeaRDKCRA9TVsSAnZWagAAisgP/1dEmEX0A80wQKjOE8jz\nI8VqjcBJ+ch+hPKzsChsQ+w4XLLnLa//2XztK5LTCz99MjUW4UhzOlaNrGwi\nasw/XzClxFzjEvs6Srs4TNc0gGgqV2624tqXf6m66IwAQUOOjzKGXSyGzsWa\nrssjSUzm/H2BPyUlMM0hwDVQZiTNXqfHKiMR8t6gGhRuphwknST2jnz1grLl\n7q0mIcZ6Vl76PUUmrYqm7HRikaYzBuABOwTsKJwpXNzPtHb3WH4aASiOJAfi\nsLTBorcq+FMeNdzVo/PwVOg2o7ejnwpLPzkdpjhXgobG1k/9x/cqBo6X9QKF\nQXRnM7RyH+y63GVe5tHy2/XLA3JCuvh2OpBpt2Ri+u6Bm4yGgF/5dzxKAV1Y\nWoDJrRBMhw6o7+a+PUpNyAfso4p7sUpsT1ChCFGEXQd6O1gp79tU17sEWptZ\nsjnVh+ROQGoY1PLLh1nGNLR2luqT0QmQFT/dOup2yWW5sNx3WxEC/JXSVlTL\nO797FD2yDOviH7dCNQT+OoZCCzUGsz2Lv11qNqNC3pNBOjLZa4NR3neJQgv7\n+rx8qPpkgQqB/FCQu7y05miRNqieNLcQXTl+UhLuTk7lk8NIkEhNx159y13Q\nO8q6yrT/CTe+OPvrun9WfNksXNmdsu9zTo8Zdv/xpyIPKJrBPwuFxkQp9IGh\nVeeu\r\n=w8q2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"00a6ffbbceea71ed3f3126dbce724119ddc06379","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.d5808057f.0_1583943881923_0.4718030528847945","host":"s3://npm-registry-packages"}},"6.0.0-canary.b3f58203d.0":{"name":"@material/animation","version":"6.0.0-canary.b3f58203d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.b3f58203d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"17a07d1e1586a142c558072a6b558b2b8246fb2c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.b3f58203d.0.tgz","fileCount":22,"integrity":"sha512-XSD6WlrmX7FFH4X0oxIyPQzIRLlPKCyjKbAXujHY3kR+450cv2I3+ZVf3NxhxWABQnXi/n8YFTWXDMFTnxYcBw==","signatures":[{"sig":"MEYCIQDA1PDQD0mxdXfI97JTxrhPydlnF9EXYPiuMjBKSq9CQAIhAMLeHDsj4yakPtn9qhnQJiorK/84TZ7QVj+/V/brdun0","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeaT3lCRA9TVsSAnZWagAA9JMP/iKGYk74XnHQ77nYaJ4d\nzvfSisFo4+Tsfuaw8bsojHlZrtBzQr32cOl6OaHHnsKYFs/artJKfjZMAxow\n3C78i0wndcPMkSYhcv53mxD4ETxrT+cCBCR/MWVxewSfW2BPjn7iLu0lkWcy\n/ICnCipJ4eXx7COjLNvs5FgouopkMwB5GfpaclPYG8qUtVKLbHN/2sRsaeiz\nmsVofpkL77uLScCBk9GKpfEaOpGTABlZwUxQ5ONh+wAzr1CzDgm6hv5L4YK8\nubSBFEPX+qTeQNh2aPFgZxTi1hpS+hGGxIPMtOPgx7bcuijeRQSbk9JSikp1\nKWt/faAl2iJRGN0qlsqYT/+VMW0XpVoejwljH7X08TZG3djN8IOh1HQVfvPw\niZlKyCJPPTrUn4mEr2l8WvkAwCXriCxIjoSH6L/IIYwLWWpV4ribAVeHKPCV\nbFmFdEHbHw4v3AskXFonlB6/C/sBC2DT1b1dBj6jj5C3R/KJIZJXtMbpHLuJ\nSxi1ckSu6vvRN+tD80jjnGZhCAu4gregn6DxFJU5oVKVZtrUtBuPHDU+qZwn\nQxQou5/+Hq7aUxi9kVx4MAc/N+sY72lGVAR/v6iweFe/ZZM/FUL3YpvBf/Iz\nLvOsIPrigq02KFaxuPFhR5RjfCuKhJBuAe+LCwSew79gsawJs9/he1hSyygO\nxBxI\r\n=xaHF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b9ad376b2ebba49982e9b605c903e752e4fb28cc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.b3f58203d.0_1583955429101_0.7791642760930098","host":"s3://npm-registry-packages"}},"6.0.0-canary.bec065920.0":{"name":"@material/animation","version":"6.0.0-canary.bec065920.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.bec065920.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4d74f852cb98162c09195faf76984cc86d2cca0a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.bec065920.0.tgz","fileCount":22,"integrity":"sha512-7lEhhdtnB+nlQvzbzm21LYMTSYfIo7NmxYiaz7ASqfFsiBdyISToXWnL3fMq2HS3OZyFfNTi4KYHk1Q7Rhyldg==","signatures":[{"sig":"MEQCIGiKjjvH4l/rddFvbt4oNndIeriDj8CUiJSJvrrdAX70AiAaoB+FlTeKOCZjNUw4xdZ+07TrMpVQ8gYO/u7EfE4rzg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeaplPCRA9TVsSAnZWagAADKgP/jRiAhUYvAMGcckNC7I1\nc/cQ13iH4FC0ov2T9IU69kAD6SyD+7lhfrBOBn20hn7z408zdiKoj1v3znTV\nF8ZL68k6ZVkZ8Hq9YnvEQfCPEERORIr4kFyCK765bwebF5eX8dqbHJ8ifuRA\nGszGIR5XgLBwG2xBYjDMcQYul14tNBwypPW+JkqSMl1mZAjpbdIIJQNGZaan\nb/qMTNU83BeriAicS//shM54PrMjyjg1AZ/Nze10D6hW7u97qya3kZPusCsA\nGGTQH9AYsN3V9OQKKYQMJGTUfM22E5yb7rt8rUJZwczB51VLC3J0kxr/Keiq\nxDv5JCMtK3peP5mUc5+K0SaN4v+/C/hwbh2oXprgOfc/+rLhfulRtWK/TuT2\nnOlRrV02s56MLebz3ygPvtQTpSqzIP0P0t7DWSh9ZG0SwBbOK4QKKen22Y8c\nzk8uhKrO+QCPRnONlQZogDNfchfXSkoaCkPBeuEO/7DDbs5EelhuaI3pTw5Q\nT0l0xJiLarzbCSNiRLPwAPlpDo2iRzjbYjOjEK2rc7U/Sp4JTMet5y0SxNvy\n3uiVSME2ScGnD84/QGLODL/FWMu1fGdGQYeFI4jG5nMG0kum3p6ag7Dx/HDt\nRxl3HZeML8W2gr+Va7/9wpysxv+GZzSM7OE4NjzdHHTAMeAtE8RGw9uVEu6c\nsZRh\r\n=Uher\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ff203cc1a864067909d369c1408fa7ce64954660","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.bec065920.0_1584044367134_0.1115589834019528","host":"s3://npm-registry-packages"}},"6.0.0-canary.776291ef0.0":{"name":"@material/animation","version":"6.0.0-canary.776291ef0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.776291ef0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1262972792644c5b69c01614b28e7485ea0c7c8e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.776291ef0.0.tgz","fileCount":22,"integrity":"sha512-8dI7FFIDjDw+pZ/1lk1wE6yew21RPbpc2JX6FSlg3Z1yasDyzWro0bH+3n6iV6HePwrMosanHKsS9Nt73kREBw==","signatures":[{"sig":"MEQCIHlfUCmlit1JoAw+fbJ24RuYyMNKjPGVgLtdDrLNBvYiAiAV7rbm9IO5FH4dUnjpqDmovdh2DyA0iMnjdhdEr/8x+A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJecSLXCRA9TVsSAnZWagAA1noP/32sEXt/BH2c5hfmUdbT\nwtVotEqCo8Hx3lU/uRycJu6Fp+G+/qvBHkbumLj6nEEXARl7jsX+MboZ8AR2\nAYXE9inK06hG1XVZgle12ARmlw7BOb1YlB8mddsKTxr+90xEw4JfSg42NqeV\ncwzWi27ul/CY9zCybArBtq/yTXXl3g811IUaZmEALNNgVbpccfJcEKx+rlc0\n3RrJEl4qNccoCYwqRCLorSchUhyIlV3kleZL3nZd/x6y3AZ7DAdD3wKgmVuN\nzuW5fVKLuwEd9U9Cl6LrRCtuCAiVRneiX0kgU7u17oQJxmU8AgVkycf8V1Fy\nJavFnf4+g+WoIkov/oJWq0ke3kVJIW+//N0tVup0gEZMlOo4ki0Tt0DU25QH\nACpjFEzAE+aL5C8RL9iVIJcK2LQII3doiqfUqBviqnHqmJBuUnuN4x78P1HD\nFPwAOBgUE9B0s1iv36FribuLea6Em1d/+e4NUvbkh8EEqVKvNtFe4MetcEhO\nL4160Uq7FzFj/5iA6qcQBHCjKdZNQ7aooK+MB/taFo9izLtBGlhoz/dB3/VL\nIsieihGc35LCNi1PHFPEjgRpo7W/WqoOGtPCyiDXWV2rogdTIPGhgYDiBPg9\nWm+RWfv4M2Vr7GIhCcK3KvQNxNpR3zQx6JIpCXwdTObCqqQLANGAOT2gJKTv\nyczd\r\n=yBsg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"32f95102d2dd047c662697060685989ec64bb05a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.776291ef0.0_1584472791396_0.3899995333065509","host":"s3://npm-registry-packages"}},"6.0.0-canary.ece19f3dd.0":{"name":"@material/animation","version":"6.0.0-canary.ece19f3dd.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.ece19f3dd.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0ded4e8d82d0d49dff040a72b60a32fbe1969b58","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.ece19f3dd.0.tgz","fileCount":22,"integrity":"sha512-68aJyt6pZWb+DGymL8EUOoesASP4H0WBHqbT1003GGfc3ck2LDTi2nM581xWptNdox1JTixyYWA5/FgNQnzLMA==","signatures":[{"sig":"MEQCICPrS1FW33KowOto8fp3GxbiftSNgljGLEH5UllqvCyUAiAf+8XmvRR9w8IHnyOLt3JvxPMhJoYoO/uVfD5fUCR4Xw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJecUh9CRA9TVsSAnZWagAAwucP/2Lb9da8Pwo/EgJV3h/T\nBGQYdu7fKa1UzKIQUyAt62V1w9gBR4jWW6dzIoQdI1rocw3FRt55wzNtRK2H\nCBKmDeAnqqe0OO2rXNvwvo+VZ96iRLOsp3AUrY3m0jg+zJDaOtwtKXbG7Qtp\n2g2Ot9fVv/KKKx4CVkw7vq3m4hdv5I1T+vWxC82rGepVYnglIzjiS2JYhbN9\nE/Ngz4nuoMKGy5nZyZ6NTWFfWMz90DQ7lW1/w9MyJ/3dPtwz/N5X/YhYa93U\nZ55up9w3g09iYygeW/F9K6MfeU+22PlQT4HtpkB0lX2aDgtBD8DwgD+ukuqg\nXfYeMgZiW+9Hci0c1wNxVQ3YMUhuzJxtcZ3e+KTg+GaetZU4w/OmULqKQtKB\nVabxJVlNtpNYT65B5oVf4hBMQNu96C+hQbsms0PSfCgxaYY8y5nSVsSv4Y2s\nTDP1H5jJx6pGn9abqN82g/JnGZYkamLj8wTmVbvEofb7pOb3LKUSSQHv2Fbf\nxd8Xh27MzujDQXm+jZV0UNtEEcZVK22DjUHQh+buo9TexZyuX62hTi3DahQj\nHnPHBNK6pRGf/+2yeKgyenPGGSBLBf5Us+WOmVSA5+JdWvHkzSis+S/pyB5y\nQz/JhTGkc4E4X7Emp9DATBAHVv4HPwuAgXK5tEvK3b7yKVI7y1Dxxc4Uu6Mr\n8Evh\r\n=sc+/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"41a07e9906ac09ddaefa5cbf8327260df4eacd59","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.ece19f3dd.0_1584482428757_0.6929571773754684","host":"s3://npm-registry-packages"}},"6.0.0-canary.4dc45af6c.0":{"name":"@material/animation","version":"6.0.0-canary.4dc45af6c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.4dc45af6c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"42c198d19f28e3efbcf21a52f6fceee91983a233","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.4dc45af6c.0.tgz","fileCount":22,"integrity":"sha512-gfYf9Y/gLNdhJBpIjuLzWnzGZWRZfMO7Pn1BhsnYoXL50BQZOhU+XzsOGXqLsyPgxuydWeMjW9vL7XDTi+rbmg==","signatures":[{"sig":"MEUCIQCyRjyVdMXYkrF2HqI6rooy5GL5XYSCeLf8SbChpxeSzAIgMPQjD9bLbfagdzybSGUyo1ykmx2uHP1bR219YU/1iBM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJecX2UCRA9TVsSAnZWagAAJ0YP/ivW93ss9PJ8i0HrFYYw\nYEL9QvAb5iaxomtoFjH1TZPEZ4R0zDbSscH8CWxzmdRuBUiNcKHtViLA33CI\n3TDOoBfkEBTHtsgg2ibOKLKk06LX6Xg+40s1VECvIyTXFiV8zrcY/vbP1/Rz\n5yz/OSXXUTXxuPef+t3S7xQjEeRp6IeOd8G9DD8NqeyVNkh+YlRclsie1LSP\nA05+UrsTfYxc2xOJ9v1Ksrt9J2o+GVF2Bn+ImmFExmobrYilRVyY8ctkgXCO\nEFBCJSrObxqMCVwwBl1lEGwUHjuXojA4FHoOX8QEqZiQU1d5uhyKyHajvXRp\ntWoifhvzQuWoD454grWxC3+2/2f+id/FYtfCeJtxf30QyrGP1UKOyO2xMBQ8\nB0LsR0Eu6Ex793vnC4ai+u0VDyVsEvr98XIsJgmCfI1ECAnn9UQP2KEQrFUH\n+74Tx8C5hV2YVpBsBjV8PZq+N42acvAHBTAz4CzRIiYyFar8T7Gnz63CKbwa\naSQrjSUbD6iZL07PVXIxPYKfqZEnYIYgHV++MkhKbjZYGatAtVvVE5Je57x1\nTtVHMXtuFYCTzZDQEA7EqBDu4GEQW7eIqabZX6G7YC7AS5yWqNalJCZkb7XG\nFleRvUtfdvc/hfaZwfYgLwYgr2o36Mkw2jJPpvr3LQSnG7vTPDX9FDFzXLyp\n+MUV\r\n=7BGu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a2b97fbd4b046de86f7e8aac6b54c5a6d31583b0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.4dc45af6c.0_1584496019957_0.21038362468787963","host":"s3://npm-registry-packages"}},"6.0.0-canary.6b48781bf.0":{"name":"@material/animation","version":"6.0.0-canary.6b48781bf.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.6b48781bf.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9072df75c4464b8204aa9798969f8244718cb10c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.6b48781bf.0.tgz","fileCount":22,"integrity":"sha512-cWg1GFMHgKouKnpiGAQYn5WKDtQmOZyO0HJjrgn5KxxMiJkucAMQNOAd/juujVajPOhebWdp+FJ881DzO+BoMQ==","signatures":[{"sig":"MEUCIDuOs0yCa/YcMgpy4jW4/mJ9ElDYrZ96OqUPcrkWLPzyAiEA3dOwKemXSoMMg+05E3vYm0SRxbNUdWxETLZ0pqPnFX8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJecj9bCRA9TVsSAnZWagAAsYsP/iZeACharIzpOoBAfYV0\nPx8F4NKxy8CE9bE4G+Vy8RQnCvenaD2XG1IsdOu0I4MIn4eM0KCsCumRX69q\nn+qwZGT6m8jbKVf4sxqSywiMmaOCMpn18gPloFYVz/iIxCkk8hbh5erUbXzS\nejH9UfZkkxg26VKwWpmoZ2Qiygf/ac6qr67yz3P19sV+Ln8+yrXju1aT8lGF\nKDwnRp5pptyxtiIGPtC5jOcXRWo8iHJFkeSgQVY3V0E3ELurOruOS8ACaGkj\nGveKFKXNAySLWPTtVx4dpms3kvd/719YYEwSuD+czeu0QTExHSoVBygTHabZ\nap50OZaTHog288i+AusUxr2UPBVMB27ECVNrTXiZn8WEliqmmoPPFzHStG3c\ntxPckDx5GgNRrm/c1qDkposOxpD1w8btJZnyXIxAVuv27ECMTIXv3AEPIC2N\nJkT9DotO/BNBnkjeNVaQ8/1FHiyagnHUkbfJG7H/ltxLtaH3x1o9vYZ8/xxI\nhwcex2WYXZ8livskg1pxK1O4/l80I2M4pWuWlDDNigAOvvtbmVrUG/86xUIz\nBF3+K1FyUcZNHAxGXiX3Ce6KPGDP4KTFPJuWAYaWR12S4oe6XexYBDnr9iob\nKcYf1qXmH3gAfMSVgqUWCDg//ZTYLKbixi2+6QJ5106rOA2iQGrf+wtzbnrh\n4IIZ\r\n=O36v\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"1da9fc619190678090689bcdcd73eb5885c8a35b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.6b48781bf.0_1584545626652_0.527822625610195","host":"s3://npm-registry-packages"}},"6.0.0-canary.a88c8e4dc.0":{"name":"@material/animation","version":"6.0.0-canary.a88c8e4dc.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.a88c8e4dc.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e09544722210523b91211a214f1098d0dbf85f2b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.a88c8e4dc.0.tgz","fileCount":22,"integrity":"sha512-1g/35bgzbQVhOBYnVCW9wqrvXAkmy31fNPJ2PnZxomIcLwrJQTieyqn2N29Ms2fj4PrwX4YCPaZU8N4ZlOeflg==","signatures":[{"sig":"MEQCIHahPy/R1Jy87kxFDJYwh52QLqBIWjijZyqnE8rL2vdzAiAwUwFDxh8j8XKeHjn3BJusvIuA/MObtBjeHYXVSYhV7Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJec61FCRA9TVsSAnZWagAAEXoP/0ZYPzDt8SsOTJT8jJg7\nYYSKh/6pEZe6xQ7+/zH9pLFGl/BH9ybx2OXLcKo3e5+/A3BNQy7jLeGnnrC6\nEDMqYamdDHIcVn4Vf7XhgrSMmrt3N5d/nUazmRZVywtI+Qa8UqlnpQMFzOIF\nmyvfDU3csMU1HLrt7vt/0Fy8x1h3J2L9pl6GYGSjsLNADd7nLjUwnAEvTCRm\nCFzeL9ym1oqsbWqe0q2HIv/4k3MuxBhVkCCvsVBvYDhshwM4xPUB5P/fjtOW\nk0c2PWFYEiQXvMnq+/fqjw0JxqkTeUtnu1Cn6dOpRsiCdwghU7n3c+bjQNRw\nIQMToCVXMGuQS1ivy019M23AV9Is7w157PQC0oUwsZKfSzZoS0qR7PXikv3n\nIfL95dmDUvvIWzbWKeMSud+Y6j4piFm1MvybpMbnm6MFqa1KhmpxiG0wR1xw\nv16bPXHj/BxvXDFk7njM3ajfAXRmOetwu0h5OzelNVJfvgcQ3J9WrIFEnM2f\nBHuGggqxYNdglc6+tdgqk/lMfrMoQM4X0UUoGPUV9UP71dH3FckTMb5f7XNq\nAUoTtpaW0doCTEdr8SKjNmmWscJHYzlXCKrw2pjNr6mngyIUU+chU9bVD2Lz\nslgDS+XH8MomLjYdca/WpEr8GoNxMyKPJxdrJBCg4GNJyc/3/UvMAB3sE0J9\neFnc\r\n=BEOr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"3d8bc73a5f46456d2ada622785f02cbd3b81c6a9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.a88c8e4dc.0_1584639301273_0.13233921639635815","host":"s3://npm-registry-packages"}},"6.0.0-canary.cafe18860.0":{"name":"@material/animation","version":"6.0.0-canary.cafe18860.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.cafe18860.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9919148d2dc11e31e9c720ee137d75a803705075","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.cafe18860.0.tgz","fileCount":22,"integrity":"sha512-MfKZdWfx2175/Np3Z5cur+Iz7Bg+pJlIGXvufg4PgBblQehGLaEy4PjR/BOwDOc7YVJ2TLNnA2ZKv/NgD+lyGQ==","signatures":[{"sig":"MEYCIQDk0+UKuzY4trjlcRcr66ZxTWQ9TBnCOL3a3RJbESDUFwIhALSdpdsTj7WNrDBUdBu9Myc64xkfvB5sU6r+vSfL14Ia","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJedNi6CRA9TVsSAnZWagAA6YQQAIb5gkwYc9UILWg52rvR\nyIZCXowWjPtFDmBd3X1PW8eMnh7Ta7otfNPgDtKh/Qp8mWz2Ll8c31aoc53E\nkXEPKd35DZXpgK23VLbe6A+mUP2U8wMYTsLD7hY1l/mZN7H8na/X35QhbgMS\nEVt3/3JsfmuHSz4hgCDmuKz0U5iOme8wWX1OHHsLy8josW1Hw/pW2ZaQttiZ\nsIXCFYNDnVD560Ytfs89JLjCcoFYVKNk8kfJoo/S7Gvo5DuwR7elaBkzeS6W\nvvMKe6C+dUE/uBReoJ4rL45w1scyS1DHJaORYQSXzMgR1gdh4tw8YjVhVOe9\nTf+dKvuoVGGo1JwHfmzDNyzSH5skq2byKpJqAt16oIKVzRSG5nXeJ5VFUfGe\nLrs/1yXzRBnOnYtVuXTPBRMxJNWs/5D0blpA57W8jhyiz+r51/1J90avloLL\ng6AZl7iU02MMaZ9B2oYfgqDyrdFKTY6aJ93O7kzf4ko0Q0+SN75PEz1f2PCn\ncCQ6njoMKoqF7Eic4+oiggmRvRkbB4iie2C65kM9CgVFMRg7cGLSwzsDerbz\nfnQwxaTbvzfQX2X/LzwAuYJBFQ+HHPFsOY6kbH142VmyEs+G9HZw0dL/QqPW\nvPrM/BkbcO46DZ5p2bF0EWjCrmSzEufdBQm6CL8Co4M4G6Cs/fiArYTW32Yx\njUKl\r\n=6+qv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"51706b933143947baefab6db8cd069a22ed080ae","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.cafe18860.0_1584715961971_0.11911150230857337","host":"s3://npm-registry-packages"}},"6.0.0-canary.35a32aaea.0":{"name":"@material/animation","version":"6.0.0-canary.35a32aaea.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.35a32aaea.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a709f7de7f4255fdd97ef69a0fa35b6214152b6c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.35a32aaea.0.tgz","fileCount":22,"integrity":"sha512-UNdA/ndQYssWv6jOqAHXL4QaeI3OfC3j/bGikFsJ17nrSoo10G3d8wQSebw+ZS2wqsXp6jOu0iMDId6acZoO5w==","signatures":[{"sig":"MEYCIQDr/RdWTwHz+PFIp3NSzTyPn6T1mayRXfSVtZfiG3ywMgIhAL1WsWTSkhUjCWXIyMGIcX71Yotd18agHnDFyvRhGcaV","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJedSBaCRA9TVsSAnZWagAA+WQP/3BZMasjDBQClhkwqAVl\nvwIXH5V33Cb19soMJ/65gJ/DqXIVXaZ4srcJflhAFh8BhzBQrphj7FnYmKCx\nVs4/Evb0IoCVpddZGXN0fNZsbFiRfSlCtq4NHNeKJhYhDIChPRO8z0amMT21\nTS+R+wZdL/oCxsMsl8i8q7gZVQ+VIDYIkRSd59vLPzbyAznqjodZgRmRmIup\nBKhsx0XpunyCuE8638Tt06LYzsIYC7j8F4FXxhTFTBeK019AwwAgK/xFyAdW\nvRqQ/I1xudRrN+AtjJke99cMcJAex5/vVJ/rTudK23HRzv/QkCOYg3nxt2+g\noN2aB+X/wzoH8KY7a+C9lu1BMPGoa3SFxkgN+21KayDZpgtofIrpcnU7pAtt\nkjeHQ9fACmjxgOnQFggrCbr+2VjIn6yIN7r25b150Kv0j6ahlVRiDowhyvLx\nI4F1QzFcVppKQvkfeb8IumTsboAahM9VEwrDJlDqSIc/0yR0rApXYhKv7aX7\ntj50nG6UCtnhRecfrveAdqOc3uWG90aRURhpfDZyLHdR1GCTKCg2RqAF40sM\njd7K86zi6cpJeMVNY8zaOC5gnDG2GFYcxxXI/WZwiStdgVI6mcMLZWF/Av6S\nj8ICNdYRWcGq7boDYOu3M2l+d0ob6qAusuzf2VoYFDc9NJYZg1C8Bt/GagoN\n/N35\r\n=srhP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"09df3d66223ea8f4d4a6ee61b9e34bfe08387774","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.35a32aaea.0_1584734298320_0.6723859471969797","host":"s3://npm-registry-packages"}},"6.0.0-canary.e75deb854.0":{"name":"@material/animation","version":"6.0.0-canary.e75deb854.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.e75deb854.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a3a69c07856cb2fb47c1637dbe010ddf914f6d95","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.e75deb854.0.tgz","fileCount":22,"integrity":"sha512-d699m7yiMjo98PbkneFH0m6fcui9PyH7DhMn/s1XSPs7aLdL9puhiTFJKLWUOYrRUBMzZml8SR3CvBQnk+wTlQ==","signatures":[{"sig":"MEUCIQDgWjfqRfvC7SlqhapPN7RU6V0sw/pn0lXknuvIAiMpMAIgFi2ytJJiJyATOTJeSbNzL6rT+WsEDle4FPg2iI6l1ac=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJedUAxCRA9TVsSAnZWagAAU+AP/2sOZxdnveJYezo/ao1f\n5O5RpH6/ouhGGXlTpb+zyEinn289rEyHDHx4UwVjl3wT+z+EZQRn76MEqnjZ\nVmJo4d4Gq6kaEu8bNrSsbus9lu5fS4FHyPPyx+5NCPE6iISzFVh5Vo4z8VDP\ntm+wp5rHQcVVD2F5nedbTgFlyOzvEKiAN9bESHPP3QgTGbwpT1H3w7LOLiHy\n50/E73ExP4SqmA3X9LtnIQrlgTbfM/O25m1lXT/g7PdUQ5pW172zs/q2Zk6X\nAZRf8pBCSwZ5WLoZbdFQZxKMxliWC2SUUI2rb1jIxwdD00/92qXGirwyftff\n71AH0wAK5F58bs2NgIDhBp8lQk8pvp3WYu7/+rAJWQTM+okjg26Y7TRcI4Sv\nt3AXiv7XSOjlQkBrf+ZjbHex20yldFFjWgTRg/myu4k7b+iu0W8r1nnzUQBN\n5bzfzL45U2vv19Z/5+kBg/Cmo/wFnXFgDyQz/xw5aDVA8s4bBFekXEFQHQOX\nOa0G1YdqFJOAQ7V1P64j/EPjk+I5UvIDgytYXD6DpmdjJ2I2VLTCcKKfMSRd\nSa4H01x1YGQfOecwGTVld1DZl1bx5GnTHpie+UV3k5kBYNOxgrLZhUBeH/hY\nruHsHFpI3S2luC6IBfd/OCLiMtjDSpPekE3FcptFTNFpAViTeAx1t6yGr578\n3cFB\r\n=MQqG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a461f6b9120827a65ed980dcaae3ff77d0581d82","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.e75deb854.0_1584742449312_0.9338759084463575","host":"s3://npm-registry-packages"}},"6.0.0-canary.2cc6966f6.0":{"name":"@material/animation","version":"6.0.0-canary.2cc6966f6.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.2cc6966f6.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"aaf769c7cbeabb6282c192225224d1604563ee86","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.2cc6966f6.0.tgz","fileCount":22,"integrity":"sha512-lfKNuhj6957OWTEAVw7cbmOAb6fFow21hFrXCTJj3WJVIY3xm8zmd73GeBcZL1m7AgacioSp97CMY6hBkXLQ5Q==","signatures":[{"sig":"MEUCIBzQLC+7Z76feaGKBtyylperkF4bGO11EmL91xKMTHdTAiEA+Nfcim4BfF/jTeAZuq0iSxAN8m4LeVha2Uy/aK6KZkg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeelSaCRA9TVsSAnZWagAAsZEQAIbA+yMUvQJ5W1ua0MuE\nQh6mCkGi0XrdmntErqH6YDRXkWhAQinydUDoT5NNPU8lkUsNzpvwQ+RRQuHT\nptyo2rgZ4eQkxIkq0ZyxWGWv+bAm7WsYf6BxHtmTg07cfMjwN00t88Dvx3Ll\n1X/sMMFfSwrmsb4SBW8FjdQvWT97q6JGJ3VNUvVC8bxmVm6YNF4+yFdmtrnH\nfj6p1+TKnTTIaJBSAf+IygqBvAbSxSnQbEtXTan5bNMiBcl6k9WPVPjg7eEX\nEqraUn6+oMAES9kPIcu6ERw/VBtnycbs52cUZ4FKLXfJtwO2yWF5sJIZ0DE/\ns0JrCOz1zDbdaTg4F8XIiLiWpdgt9vSXa3duyR+OlBclY/d3WEaiPVhfapXz\nGP+TtxybtzX/PO7QMijxV2syJ5Xd2foU3ran2yVbpyn021iWN1NVXXxPuwKb\ndiM1yp5KeUmVtnOfBGCYl2G10PhXK2y/qcVCSBKeTapmPxanihWQbYA5Q0qO\nJ882jHe4pLE2H7J/JBS04Bl5jIhEV6DQbqI2WrEk4KSeG/rZKMkTKLyWXl0U\nuiUHKLUfMm0FcXT74Z1qzyr4JMdVjyUsvDAasdhqAf3gGmzzI4n5BKlLCqZB\nLHXCFpaHJOwo14iR34g7P2iU9yi5vPhRPnqMzGrvlw0Qnm0BVrxNo8x+GB2L\nkY7G\r\n=ZHlg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"4af7a6e31c561afa46ba7b74cb35de52099583ed","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.2cc6966f6.0_1585075354315_0.719571503494183","host":"s3://npm-registry-packages"}},"6.0.0-canary.8707953b6.0":{"name":"@material/animation","version":"6.0.0-canary.8707953b6.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.8707953b6.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"006db624c6cbfe2815443fcb81343a6dcc5a7f49","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.8707953b6.0.tgz","fileCount":22,"integrity":"sha512-k56mNySZ0tQ8ZFyikk88WBvXmv47ccZgZs0gnNEVoAewemp4X09CbNSEWkGmkIE+oSd3aUSvtMg/xyzizNAVZA==","signatures":[{"sig":"MEUCIQDfUOXfyHdA3XjJcg+b/gH/Vqr3QkeFcf6A7DxTTzoMcgIgW63gRm88J582Gj5LsVPit4A1b957jr0iBZ+oUUe4eAM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeelVqCRA9TVsSAnZWagAAVggP/1BUkegz/KsJK2CgGM1Q\no2/om1CV39UosNNxn++72OXQ9XWaGazOQiQbu5bmZNJnWqv9oiHvYt7VwagK\nUW3AHFqzZgF2BhI8lildl6Kif124E7Pf4gs9D8M3gKHipWxLyUfQ3esnqU7v\nU1SUM9RmbeEDkJhcFxMZmUAI1jxcLMdtEvEhQ29tFGVG9ZZ62HRKTF9fn3bI\nlxQZgeOdrdbbvMksbUu2/qREptwDBhCPrZpJYGhAiZgeRdwqe7JY6qWO/bbr\nBtA2pJ92N5dVdL/tnMdXYrwAH5BhJzocfMs7Bdz96Sm/86iKIK3xbs/gS6W3\nkfm5wYt9HrqNrLqi3IVN073s48dGcQiFefisSOGq0CePEBhL5kz97ccW4U4E\nsPwAN2XbWehHBbK7JNGPp5bsJAIdQiINN39CvP2tuARRSuDzAEs5o1xM/UA0\n6Up61aHhowBVIGqp2ykT655SOUcsJnZomoXTOQZQt4zX/6Ba2YBkcy/fXSLE\nucmiUI6gF7pFXKk6WyeoewKp+zVREZkUqXvvazSSXxkKo5wa0rrUYIzZeouC\njBnBysW5SAmuyhZkk1bb17us8lZ/hgDRv6hd/Tq5cgvVbp3Yjd6/Zi1/zXfx\najjw/1uAWnfNN2FJGW+3RG0KZDTVVzShN1kCbl8tr8vg+kEAHAYBZL2WOa98\n9qxs\r\n=p77D\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"595709807214943e737834107d12d3318e69112f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.8707953b6.0_1585075562451_0.8373014238573007","host":"s3://npm-registry-packages"}},"6.0.0-canary.10af6cf39.0":{"name":"@material/animation","version":"6.0.0-canary.10af6cf39.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.10af6cf39.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7ed284318a7d67c2361e4f66f1a2558e58d631de","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.10af6cf39.0.tgz","fileCount":22,"integrity":"sha512-BO/QyZP0BNgDVXQlKXuHtlni96IPkGjPxWkChjK97YbOBihe7GNi1LGn48qtjduJqVjsdAV9S90oO9gYb6HD9A==","signatures":[{"sig":"MEQCIGDgf9HTkSPBUkckdsP618pxiVGnW49m9K4fAzMIsug5AiAkExredBVXeUgmy+3j0Els8BjacKnBGo4GLFgUK5IdeA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJee6A4CRA9TVsSAnZWagAAKb4P/i3RgKos3e1aNVYK8cd8\np1OYpwF75rjWpUn2j347/2eBg60DQLE3L5u5hUd2j42PrkAiUeYu1NpwXELf\nMBHbUbQ9+s2EPOvY/RNgBjwuBGl5W1pQKtz5xYYSMSzfv03OtGERE00W8auI\nSCX55ff6wUmQVHeKFceuZOaHEhESve1UhDh4HSu7RtmZUYLLRrb2wWewWwC6\nSXKJ+Kg3ERxoivqdefFPvVXLJpdL2G1Ti1JM6MqyUT/R3/ckP9pxqR6SJ0mI\n6dOTzXTz8edCvvha0lePuvnocL7UxvbpFz5S9R/A2ktLRysurGWgngTQ41f4\n9F6+8C4UZS0ViYN8uQ9yi+Rj399PueN7hSwbCMB7r+IGBLDXn6BeBiLDkzh1\nSvEjnwivvenrW2DFb4eSRRnvJw0t1fNRdSvOyLW7aeX27r5+ZstLNZdmK4w0\nUuft0qAy6A3x5sWbQg8GYtzEkDy8j3Kk1Ghnt28t+s85zE4PcwJopyWpL9vZ\nIqcNg8vYiG3X4L87j/NxiQ5wtwY2fwB2wd9qZWt7YT3zDdeY3lC1zNcOmLyM\nbP/q00/ILDYJdMHdPJgfgYNEMiU90wK/UkFX12z0MOmIv1Sw/xcIt+sXMFPv\nKDloSlmbXqx2BD8dH25FuePV02Yvg2HH7KLLq+6TK0K0A0BTgPpSnlWrXMZl\nfjB1\r\n=27Io\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d618b0c9ce2ac312ce4b887450bb947ed367e100","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.10af6cf39.0_1585160248374_0.6556948049518712","host":"s3://npm-registry-packages"}},"6.0.0-canary.7d8f9c8d7.0":{"name":"@material/animation","version":"6.0.0-canary.7d8f9c8d7.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.7d8f9c8d7.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cd462a5279d8355e7391e2006cfce8a9b252c838","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.7d8f9c8d7.0.tgz","fileCount":22,"integrity":"sha512-aVGgpOhBaoE5qVkLg3RUZQ+rjnvaZrn7plyjkADpan8owEYoA9qp6k2PfLKLJMGXBY73QPAa/GMHu2nS7CueFQ==","signatures":[{"sig":"MEQCIDActmEm7Y9IfqwZMC20yWCLP+lmjO4W181D+cVH4DUuAiB80d3AJoviUHDpp6NcSNMu44y38caMb5Eg8WDult5JVg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJefkAMCRA9TVsSAnZWagAAfVcP/i05QvCGQqOsZNnNNWn8\noJZVvkvq6spnPXNiKsjfnS9o4ogdqzFAycwu8B0xyMxuztyCpMs6dTG0jGcZ\nXIjYaUtqXeQtZAN7lrXn3J7ItEznp8TXRqaz5mvzCNsF1a5JTj93MDoLe12+\ncW8ZgizWXT1dQzjEbauA+yyDLQbx3rDH7GHz0w9/yR05x0DC1AsGTubkdC7A\nox34vL8SyW89O85MfRImDTg6zMNbsqzcgd9F7G2VNmq/9nJi8Nv3cUTQUO3m\nkFiS+FZbVNkRL5oEjrHeohzP+KNTq14/rDPaq2+hiYTr89xB14XQepMHoarx\n3FDPotH9uvKcIuEfY6jTDGQvRWGznIOUMFe0FnHS/O2prGu0RiFs08yGomUx\nSGDUBtFHkxGWekPkerNhKBVJ7kk3nAQqUCYzIP8vUDAP5NEphCuKXA/uWKH6\ntxEjSwc4D/ZhK23zjcTFQtI/a4DGghXMXzU73yQxz/X4702s+NKLrx04xGPF\n2f5Snc/7XebToJpXBIr2iZr4uenXtQxmhK+4EbRtZk5rdGJ06RQdhjPJpPN2\neAxwTT7ciHQix30W0Y3d/6BJnQCjhBvh4pKwmcj79HVoRAgy7opXB9ungKDT\n1Hvjno7zRBo/htqQXMQs2WcxZgaPKZWGRDZvkIVIsHa3bCgDcpfdXHp5dzx3\n3XMi\r\n=i80Z\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"764519b823414bee993cab6845b42f5b60f03c1d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.7d8f9c8d7.0_1585332235409_0.28628723797979316","host":"s3://npm-registry-packages"}},"6.0.0-canary.d6315efe2.0":{"name":"@material/animation","version":"6.0.0-canary.d6315efe2.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.d6315efe2.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8d99b1f97ffe0cd429210d3bcfc5bb1ab96fc4f3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.d6315efe2.0.tgz","fileCount":22,"integrity":"sha512-0B0B/TS8JFTPqaGDzpgkY2ojZMRzSPRM2RlhVF5mUaShjTtsdygExOJs3vsaOdd6thrGkDC2s2U1Go9+zRQfGw==","signatures":[{"sig":"MEQCIH2bb6+BwKKjh1EG/O3B0/nzIgfXWySMegGypOK0JnXcAiB3FJEu/4wbgeCdiNk9PFue2CooLCNNI0EJDW1J9W7mmg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeflosCRA9TVsSAnZWagAAo04P/jcK1D88Id62NaoAfGhn\nl/KrIgd8XPnKk1v5RqfcPIzhsb0uwoaXXaHECDwbfsBdQVTYW9YzkZPgnohi\nTsyMLxLJdAv3gQ2FrxA3Hq+sk7BKy+YfRwV/3zBbKlsB7kbxb6VsgsNnVAQi\nsxD0TIxycF9gHVoJmCi3iJ2jJ5h7SgFJwCb44E9V8dxAHWJulkoRuBZ2qqWk\nLHl0D4OB8PKUnR+1M9gTv+Pzi9BjWpkYT/JedJk2Htnfnm6iWTisKFvuqIwS\nW4wwpbQVUp/92rNUaDiZUWOY2xMCeZPzH+3LyIAik9uzL4fojfE3NGNXAnCT\noQBi2FusHhHr3s9kHRTv9r2HPol+zimg7xd9H7BuaURj1GvJ89IJkUuYKuii\ngTjZraNcV/LXj93ee+d7a3cjgDhBOdoFOXUj6c9+MfnIWYaa3J3qmH0LW59u\nzYMCwxgXcS8mQqpzN+AuyGI8zhP7plTFsUiGHRP2WAZul2QBvpYVNVFj6TZa\nal5wkttfTdTkihcc044sHnESwzixIFm3R4TQ24Oeakmkw70LKcWQiyycaKcR\nA+P8aP1TCyP0skxs+RvUI0YokBmJOAtUE5I2sDlRg6zZW+c39rJreMEd0WjP\nGLkm4kcbg/Qm4N5GXlscSj3RlEAJq+sEscyrX8fp1qVl3RYovsSOjhFFefIs\n+W3M\r\n=UlK/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"87fcfa262498dee051bef9a0a8e8b8f39869e6a0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.d6315efe2.0_1585338924037_0.49247292795924524","host":"s3://npm-registry-packages"}},"6.0.0-canary.a3016368d.0":{"name":"@material/animation","version":"6.0.0-canary.a3016368d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.a3016368d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"97a9c079da512652203b9c591db186472b7b4870","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.a3016368d.0.tgz","fileCount":22,"integrity":"sha512-4V+zBt0Eur5B4IIxoKAqotuuIINcSMKL/6GS9c0MfhMTgc9VyXG/+R8J/EIK7L4NuiPLcA+LHyy3ZeXKwDcxOQ==","signatures":[{"sig":"MEUCIQDPGtiJi0afLJVNuLoX/VIChLIJmRiex/pcuxJ7yZ407gIgYqjhPAb5IDVG+rV5c5A2sS7Rz/Y6f5gPwIRcaahpikA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJefm21CRA9TVsSAnZWagAAblAP/0kAGyKCAOp5iu03QRkN\nVpgiVYNiZCjG9GbWFkV3yqY8wIJN3TvP86jR6XVVc87DS+Pn6R2yY//q2/q5\nyAKNSj67A/a7gCIijCccVZESvdBqSrzFPuKAnY+MQrPRaQgL/5yWxFM0pj5c\nKlg2ppOn8U3FuBDaGQV+yyE/KDcbncYQNLBdaxXWRdOvaZ0btIc+CCQFPsij\nh5Ylc5xo5qmNkevQCCTrynSqljWoISUI+FRfmcmHKMdbpLl+MaKUBEcGMH/o\nZsGYW5UbStZOX7EQyhO2IIwoDxwSJuxaj3VNFETlnTxV0fXWqk56e6tKmQ52\nHzms8IsoeDj9/W0udAZR+Tn4BbH4Ai81DEWJYgS8olcjYJghmzTLp7DYoQEw\np1WBa0AfMezJph9QV7OnkfqB0oaXbEHlPJ/2K6gQxwvn+YVhRmzityjILFOk\nF008MWVoCt2WPPQuf6rwr7ny2xW5V/bnN79jbfeohQI7Lj+ZUMMYYvHvk+IT\n/Nf9he+3g3fg/XYNLULD/PH+lbK070JBj/AxuZuU/Rp3HuZoeuopIMWcWPd9\nIRpeWx648RCJ7j5P2Dv5Od7ORD+Yhw+/i3xTzP3DuiwxoRrVCMUuNjU5I7/m\nbc+Nu3AUpnP13k6WHS8l7FEMqiXGwRy+G5Pd83DIfurbRmBTcXtPl9D7g//V\nWE/a\r\n=C047\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e41b28d8c25aa5e36e88910a1404e7a0730c5d2d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.a3016368d.0_1585343925025_0.6704038913699666","host":"s3://npm-registry-packages"}},"6.0.0-canary.4b45b6620.0":{"name":"@material/animation","version":"6.0.0-canary.4b45b6620.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.4b45b6620.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f1bb92d49550685000d51f84acc41314535003f4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.4b45b6620.0.tgz","fileCount":22,"integrity":"sha512-UYintZXj7ZBrcADKQTThTec/rsUuWO6DU0IU/zgNKDlMzS5qPYknbnHIqDiSTN8/mQe7r/oPo1DgsU6LoF/nuA==","signatures":[{"sig":"MEUCIQC5UGMy3qqF+i0Fy0RDvUX7RdYQOdqGqPKsz1+q/NDyhwIgEamLI5VeCCQfJyqDMHz6DMhoz612bVe88XUJ4txn2HY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeg2fuCRA9TVsSAnZWagAAHGgP/A3FvCM4PCNrs8z9PL6C\n+olH7n2jR4fhr4KMPZGSxpnTD9+jzjRYhf8qBtvcD//mXJySvrBybfJEAnKD\n1lRDVxGxeT1GYDM3gJCFTSzeafMbKKXeOwOMhw/19PYYsxwiACRdB0X+HHuZ\n8dFsDaD20bTDsLjHYYp5ztY2i20H0SDG2Enwx9e5cu2F+IhIGnsqqrf6tAOt\nEijPN0WrUylgf5jdd6qCkUurki0ugFOkU4B4BS/I4ujgRAlO4vo0VnSdwKGT\nWkx4iW3O5mMm9DDGF3Om8f3m6CAKdTR/qBAjj3C2a5TqPwX7WLmAR3OrTP3p\nOxSXBlB2zYKW+yGQWwJ5zpV0MYXeQ1R6+eAg7JpSt6ACS58qcjdwlLfpjDX4\ngLnUI1tstH95dW1RcZY+tzAog0aAmVRya8U/S1ICyzEFGD44Yll+I++MDmcl\nrOWRU7+AZUyKbp7vD+v072NFTGpYJC3n6IO0Fu14vxfdjYcX8Z0rlOEPZxEm\n8GzPS1xRpFybpwsmuUnBscnmpLH7E+LaxzKJgp5yjtrMrjmmaoBs3BSuEf/5\nXaQwpHV4CzH4lHE+fmlAnmeg8r+Dbkuk216kGKoGP/3NzP2QrNGM83/+pEFo\nXGqGlg5fI5FXTM2RZ6aVdj8pZFEXoADzntrZm6SbruSSDb8+i/l6Lx3QEc67\nK55q\r\n=55ba\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"9d49d0fd4e563f312e9b2a25d111cf5753591eac","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.4b45b6620.0_1585670125765_0.9306355952950849","host":"s3://npm-registry-packages"}},"6.0.0-canary.e84b9c8.0":{"name":"@material/animation","version":"6.0.0-canary.e84b9c8.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.e84b9c8.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7c97c60bc92b19324d6b8bb4211026f958bdb0dc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.e84b9c8.0.tgz","fileCount":22,"integrity":"sha512-U4KBjTO9tojkKqSMVIMCyFQylUyXfy9lADEbZo7ll6RGlEOL9wPei6/5Gt+xVUUrApuAM9VKL5MFH63swMDwAg==","signatures":[{"sig":"MEUCIQCrZKkcsGEknpZFzG7HQK7JgkPUXITr4Agp//ckM7C+FwIgdi6nF5ZFm9dkByRO0LH00LTdnlWzXQaLkIcQr1OFzr4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48816,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJehMdlCRA9TVsSAnZWagAAAMAP/2GS7WWdJFOJAd8kSPF1\naBoDUDRGcO1zp/kT2K/kTUnMvN0QvBrw9by6RHdNWWcKSYfX3uv65SaXaCKb\nlNFObDG3YdSBNYPdRY2fC+aNwECCa1h1HDJZGP+60hmyWQdd4qnG9mBqByoO\nGLUTjnuUt0WsQVwRgybRxN5hDVysN7Wx6BIDQc8Gan1HTgvvx/p+8eJqxT4v\nFik88yZDXcUhH4fWgGTMTtbBhWUr7w9y0bm7paeSHw7r/bepY9aEfgBhVH79\nGk5qitclBCWoGnfscQFEvYCZ0COkpMxosTGsOy6VHJ+wTMYteCzIqr3wGPyZ\nkUu8VdGxC/LLhhyZWz8FSrg/0j01HqsMEigR1FCp4hDA3QUpXGQXMLWIAuPF\nR+dr51PGwFkatjIyB0bw0AWifqfOasPbChXEiSsISelZpHZSib0ht6TPkss0\nlw+Gpckg1B9/2IxrqTFKbhVObH7RWxZk3RNggNE34Wk53xdUlUcru2NzYeT+\nTNRzm9LBIIw1qmJ9tklANwVk7WRK+fYXF+SGJCtQVxSH8JN9/Qln2NPrISZX\nKK2BQfJhbnfXr0qnfPDKPycXlSI40sT5gzGr2PvhuS7THG6uFzqZOKHQoLLt\nD+91O5dBaDjSLE5w+CVu+7DEdq0fAhOl4O9tEceHfmR5UBB/qs8RyVMLfsem\n8BrI\r\n=QX6T\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"8c119e9b02d2718e7b4df7fb72c1724650583b0c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.e84b9c8.0_1585760100917_0.8146886983824297","host":"s3://npm-registry-packages"}},"6.0.0-canary.e33c49e.0":{"name":"@material/animation","version":"6.0.0-canary.e33c49e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.e33c49e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1b27693af95387ca8b22e56f320d2d962182218b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.e33c49e.0.tgz","fileCount":22,"integrity":"sha512-47dtYmu+uZWFMDHp4kOgWBk3P9/6ksCyhMZYiKRKX6dkPCEt87LCT515tKEcly/8a80isu8xdd7Q7qlBMfxEsA==","signatures":[{"sig":"MEYCIQCP0TsTj9sxEbs9iP3DgzVaPMPxU6dLQaIuQougAaBSpAIhAI8j+bvHMCRW9nHwC/yARjTez6+V62akSq2DN9/ivP0O","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJehS0HCRA9TVsSAnZWagAASbkQAJ+KITBJopIrcO3sgJAI\ncdgXElpRsfwhctNyXvUpyLYhriGxIFPSNRC/TxE8WXpV4D7pOm2pxTl7PeP+\nvDPD7wv8mPFrF6tGQMAn4EqPLR7Zws2dRgIR+rwfOeGuyg96KJIss9gi4v9f\nx98R610PdROiyeRwjANQFCUa2XklS7FGOPRYdg0G+ls1Cet9gaC6s31psxid\nA1/5A7DFmw2B3wkJdB8sBI06hJk2xMO+NYrtKjNeZNOBRBeGSrduoC9/Xpb2\nlqxE0jJdAntdqaKXzVhQlbHw4M2L0/Lx8lCvIdwqZkPBKVN/Mni+GcOK61Lk\ng3x5MZxICfUa7J+cO50d/ESA1qii8p7HwPLlFjnMY2bj0NUSbhtWGbmqL0TJ\naLKOZxzoGf7yRDA8h8ukSy5n7Ryugy5bgHDKS95EIDYlYMH/ebpJn1p3Sve7\n2PUcomtVC5ZYk2ErPVd7365rVgv81or2W4sdrP4X9WwepJSPf7j4lhy2ePiP\nmw9OELJv5xfI1qoQyVL1OLGsyC3HHuwksAWXZKTLwoOitzmDVKxkyn+VytCU\n2ghOEgEf4Acf4CB8G6f8hgejGud28UjchgRp/eH1i4jPoHXJZgqjZfd8wjs6\nuxgnE4mqHhKeSE5S7zsKUJ1B5mVkrkEOa7tvk2rnwOLKXZ2r83GfkAS0QllG\n/DEm\r\n=IM3L\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e369357845cadf1687509d31fac95d3131a90718","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.e33c49e.0_1585786118819_0.07720461825928826","host":"s3://npm-registry-packages"}},"6.0.0-canary.f1f8e60.0":{"name":"@material/animation","version":"6.0.0-canary.f1f8e60.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.f1f8e60.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e77dcff454ce91b31379e47fe509f764d4c57ef6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.f1f8e60.0.tgz","fileCount":22,"integrity":"sha512-DBsQoNWCN9eV8GrI5Y2Hq8s8FunzeIICWWu2NrFwuDuA5bwWcbsw4cIIzpfZ61Y0qVxgLzktkDThZTe++kS31w==","signatures":[{"sig":"MEQCIA1z5YiIfOwg5frIs6oA5AXboXBd2vS0cD1gtT3idqvaAiAR90HrYyRRTMiWP2aRNL07ZicuQErKUOxWrBLW+fLCzQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48597,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJehjk2CRA9TVsSAnZWagAACuoQAIdKnMyc3abLn8p9t6/i\nMW7WIWNxX939sV1PN/p8O9BhsNi0k7L5poiXo/8CDdsVQNpSlapipWXnHPEr\nXB+h1/2XVEY7K0fdsmmFazhNLpdAv0qWg4pEGr5QgCvcIQ0HIdSNkK62ieAl\nJkoVl0Hg+9gH8nYsCu0SwdXnDZmytVC/XJjx8qpd3KkHqzXYgR5X5hmMuXM7\n86t1RifXd1iWX7Cyb6KnuRujPOYYSwOlcu+KP4RU58/+u5G1ybr6Ze3gOqmt\nerAJ+pb9Ogt4319h2D8ASRNaTwE7dWyTQIp6GZvhu/Cw4O8iwm31xx5kNY2G\ncfvJZRpHS32H0tQEZ4f/INbBAri2huyTpjrOVqZRcN1jmKwfSxj73HIH8W0T\nxrtp/vvptAvVWKQ2724hAkz/hxyCxuhodd21jLOgu2hGpRDRp67GwYLKvjJW\nnyz1/GuN8nTf9awUdSwA4F7UHYUwhfSk3wN0SERK9e52SUXAvRg2uxM29wcz\n6jbNZ5Q1LYIjysz01QoUIatb5buBL/dKKQvzvMAGECkpFz6D2fEEImXEVtox\n1cdlxOfBrh+DVwzwfERfwFkUzIMLNFE5DkwP6MZlcHu36X3N0YMZsNCvV+va\n5LkMnSQnPOv0SF5fsCg67ixXHdXvfHVIPq4eef4Oqjz+4nY+KZNi8rK/mhkN\nRWo4\r\n=ScLZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"aa365c532331b10b868579dbf1fa4335e9499185","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.f1f8e60.0_1585854773735_0.2626558369492402","host":"s3://npm-registry-packages"}},"6.0.0-canary.1e17c49b3.0":{"name":"@material/animation","version":"6.0.0-canary.1e17c49b3.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.1e17c49b3.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"264d054ae7ce2cd710c7e01017ca86abf80faa8e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.1e17c49b3.0.tgz","fileCount":22,"integrity":"sha512-M1ZTrnqSrdZp59N9NADXW2Vy0UMyOmKiLO81KMQkTm/1H+CsOEnIktb0GZC3W2eaXr2PeTVJfL6RqWbe0Npt9w==","signatures":[{"sig":"MEUCIQDmxe0bPH8fL9UfGj6ku9tkfWwXzXsRAsz53fIM6KzIEwIgN14ULxm/v3ei3Jw2cj0+EqqB0oHfUArTesthsnE+xvw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeh3pdCRA9TVsSAnZWagAA2vgP/i+flOWxUEk5dj3Vl8B+\nJn5tvww5gTygaOoAM/7sJ+2+X3iMJ895HQz5RCws/RW+Mh69LX+XjXCKSZXX\n60FQfT2E+z9a8dHrX+ROA67X7s02JkOz7I6rDxkQetgStinJZ5jNn7cdFU5v\nlsYzYyI4TW1NrnyBxug878NlsRHvzjfy7qLHgJeEmDnoVFZ63T8SRvdJscOJ\n5nBwFeAUApT12VCjyYAyQ2WFQRwUDjmVcocAar1yTrIheTFGs5GaavNyI+8v\nIwaCQ/jUL1EJC6Kb+8Rc62hMnkSvsZghHThWkzdDd1il9hR6Z+ZYv+DiaCm7\n1qSRBjthkUzgWGR7gGnmumBUlh4E3mILeWpUzlLtFDVetTbITT7t4jvaiBNq\nQ/G6t13W1CMxAc8juH3jjFzXL6Ad+bfIqibQGYEoIz00F2foaH43Ysk9ktFr\ncvqL+AOz/0CPb1lHLuwZ9Eq0cQcVT4bdqrqzQo7ohl9heJCeitGQqVrygShu\nGZwgAawOUhFVGCAa+P/EIvoesqbUXgy/nu3FeUkWyB7Ougk77wnyw4CFhB2O\nh4RxQVvxs4oGLpvKFxF5TuNvXwPBagmaDha9LFYiwGE8HUFuCRaNlJhhaOsL\nb+O5fz+gqkE0+a0vzxtZWdj+wtpXUrOgbRuqLEm81W2BPQgb7QRWOqZhPRKw\npiVE\r\n=Qlj7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"08bf363eac26d705e8c4b0bcda91042b9c73f82e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.1e17c49b3.0_1585936988311_0.418473072453603","host":"s3://npm-registry-packages"}},"6.0.0-canary.6a40ef217.0":{"name":"@material/animation","version":"6.0.0-canary.6a40ef217.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.6a40ef217.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4dd143dc1cfa8c153df6cb418e540f2c21191b05","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.6a40ef217.0.tgz","fileCount":22,"integrity":"sha512-8hYKVFCEnz5DvVYE4nme+qWTe7lDnxdHKcRbLUJ46/TD7pGpDjycqB/4IC3fmnsdIpAZVG5VPP+hcZK3EYEsJA==","signatures":[{"sig":"MEUCIQCdSd2kZKJd39Hqvs0v2L5naulvvV+N3PHj2gSPpxOSqAIgQQRJ08/sXOamWdXdfwOfPIZmU4RKPpRbF/J5+i+vnF0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeh41ECRA9TVsSAnZWagAAL20P/0DE1e0VmY5H6L8pdzqE\n4SnSh4smQIA0bcAcX5d6Nlemuv5JKcWui7lK4TqVcxXoh3tUC9FEGW1bOQgL\n0bRMe/rc1Y6ONB5o/NcgywEpdpl0hDCxutzkhpfw/d6nFKR5Byjf4pf8lQ1M\nrH3L+zDxRP1GfHiEDof0iOWyYqlP/GH+TJGXewsjI7iaaDWDtFRW3rAz7Z/5\n5Cq0WFwzXMLwUz8BqX30ykpRxxNM2Z6XqrQ4hu3JKuppMLNKQKc8jxi27lJS\nOLnB/6OCfsZZ+6LL0CtzhqBaYR8OSg2+nhv9NTp/msdQNCi6NuU4eC39rVQt\nBmv43RYqKxOq4Po4qwhSW/tOOlI9L6GP5I2e7XrjaPrI0uHhoqdlIN+aXD3i\nsaN+0SzmyU1GIuivze2f+KeGiyS5AWufUrVH+niBymj+OGpkhp79kyy7Ebxr\n6itC5WyLTqR69bul4eapjYIwIJloinuJIrfQivez3eY+C5ygbSrsy3EFrEVd\nI8W22U2HkQJvWrCPy+SBpTrB6FMuaeki6Zcht1nNhuUhafTOIjFlE4MybsQ2\ngJ5/tOha7klVRN37cWBWnqyDjUvH7/gVdmiyH7JcNZjfu3kKCYUIIk5hI9pJ\nk1GLK8s8rIjDP1JMfuMAAt/8MLQWxSwK183HZikXvetXm0gVZX69xrC5Xycu\nnyqj\r\n=t3hX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"94e553cfa7e3fa8977ae7bd2ff7df4021f815787","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.6a40ef217.0_1585941828142_0.7325921848637289","host":"s3://npm-registry-packages"}},"6.0.0-canary.5f24faacb.0":{"name":"@material/animation","version":"6.0.0-canary.5f24faacb.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.5f24faacb.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1238e2477908fba1fa33a8b2ec1cdc08ae6879a7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.5f24faacb.0.tgz","fileCount":22,"integrity":"sha512-/z+BL/9abooBFJWzhpo26AOqOOCp57ZiWBbMx1CDBur1NCrEnrifGO4rV2NIqkeUMIECF6rwl+aHT3o8c0QR9g==","signatures":[{"sig":"MEUCIQDIIEZi5tiGgjHAVdKSBqi4RcKZmaoOnDlpN7a5VzU8BQIgICq3G/KCTaODngKfhMnKvO5v90QoArnej+20SRYnqVM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeje8yCRA9TVsSAnZWagAAko4P/0mWah3nrkQaweKJ+nKl\nv5ooEKBz315EFbz80o7wtMziGU7EWlxUo7PKZyyyAbY1Lty9SMyQeQIXdtD5\noMEsR4bPeAj52dSYZZZQqp3uA6zIe3WpR7M2LyOQUwdqqOC9DSO8BzGkSmHg\niLa8NDZVuapvt8VqWaYvdw/LderUHprgU0f0HQFFg6QY62gayV+fTLXTMwAe\nClCtxl6fwjkKMdNLn2J36B0L+WD2rs0svYxEc4zeZBkQc7GroOV2U1MxkBN4\nacy80B9nOw+JDGMnmCpZ0gsEBrpHhk01QAgqIXPdj6s2E/NXoZtnPaiBJ6I9\nyq1uf8YE1UNqYs6WTV5ZYHe3q5B93qqdhooW1RYcxpQC4VVdDofbYllMwtGw\nQpegy3UL0SiopZrk9HcacOooIRQCDsG7IQWCPNI9O3bS0AYXAzvqzVAcP87T\nw8MyM7dTjDpr824yEhDeFjsy2Wggkfd/8KU+s4yqX+B2OjoIUf08oK+T8lcg\nKkQRWAi//T8J1LCG0KR7Ni2zjEX4lIPDUKe1hve7TOq25pABoVjgJlQMoZWB\nQJbSbDeDqmqi7WyBEhXbcz5Zf9zI5e53aGYKjIc1CksBju5kMfhUi5LTm79U\nrnjg0MLnUbSLyGeHCpA7Y78ZRuO3C+t0f6E6A/wAgnDxyv4R3YHBWRkTssDy\nSYdZ\r\n=HB6N\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2c7c3d8feb6b7bb5281c1144c43a06f3ca963316","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.5f24faacb.0_1586360114225_0.5587542415379887","host":"s3://npm-registry-packages"}},"6.0.0-canary.82fa986b9.0":{"name":"@material/animation","version":"6.0.0-canary.82fa986b9.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.82fa986b9.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7fd7057623c992b86f3f7e409e330b162f6b96bb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.82fa986b9.0.tgz","fileCount":22,"integrity":"sha512-4GkJNkntLGA2Cqh5pH4tyH8+yYbg3PSEKnBxZWzbk4bw8L+z68jxnjxeYEd153Z4WXXLq9yXWB0wwiGKrrxk1Q==","signatures":[{"sig":"MEQCIDKxf0U67t7kUYE98Pc6LlmUqslmLw4R5/FRzbR22ZgzAiAE6nYNV55GVPza8XOU8B1aw5lTGQyimRdAeIlS1q3cSg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJejfCDCRA9TVsSAnZWagAAxFcP/23UdiQlxwkIGl9zGOBJ\nNYObd2saBlDh53CqCbXgVP6ZMbm0PZN1NdjkZxXnli7r5F7R/sjwvVnsJqac\nyk+0Yek5iRdQ2EJOdYJoRzZ9DCFhywnWtatGQYhzHdH8F7KxzTvcGdHFutVM\nsAdZO59WD2kHqzxPclvxdGME9Xb6cEPFhMONBw6WL2wGbNQLF6LUHMFlbyp5\nBMebxsCPBHgvPAH0OrC9FWecgoet2H1xxeSCTEH2IRgTdDWOIixHuTiZdD1o\nyCiON1FAGOY9fQxTlGkpsRWHObp5N8PfKc1lLnUQVjWLU0eGaFsj8riW9W1m\n0ZyB3/OfYPKit4NwJaEk3OJps3iWZQ6W9PGApKhIoVHBHmhgaPdI+HQIfccY\nftbNeTtmNtLsIVn38PezaD4tbsWFEKa62Su3jVCPl7s14z4tlh2KZm4lgKQV\nuC3YQsDaMtEO3nDa0KHHkLv2hKdHJ0DhAqxdgAZFM1sV2oY3hFozGVFHdU/G\nPSEn1d783as5gtcg9A5y5FGKlPZO7DI47IiklnEDsmxyXiQG49mSh2DBsOr7\nrFk2jmkXTtJ8Rud6R7q16GFBDVRt/l4efvJKTDUqEYpHdL8G5DRm2zZyVStQ\nWQXyFQq0ogV4RvCOchnBtNm/t7tu+TikoGhaVm5VhCNswmvSff/GzaEvLCOf\n5ePY\r\n=YK5/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"4fd9bd21072735eb447e594a5fade5eb1e846831","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.19.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.82fa986b9.0_1586360450588_0.2555626470874046","host":"s3://npm-registry-packages"}},"6.0.0-canary.9930d9cc5.0":{"name":"@material/animation","version":"6.0.0-canary.9930d9cc5.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.9930d9cc5.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5c9ee97ebe2d2a9a3b217a8aed0793e3c0864bcb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.9930d9cc5.0.tgz","fileCount":22,"integrity":"sha512-8bJClmIz4dsdde0bjueSVHBaJXO+sNHWpdE4Ak0zbhWq80WhtWpB1n6GrKE39fgZmYIrLPN0/SANfN0XHRTZvQ==","signatures":[{"sig":"MEUCICJ6eYsVWb4Z56OOtT9zUFXh34qY51hNCsaQCkYDuCefAiEAjXnAl05Eu6O2TKLkoROqKfGXWU8kFb1g2Geq67Mv4eA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJejiaTCRA9TVsSAnZWagAAKaAP+QH8RctODCkyNIC9O81M\nJ3UJqlVSba+3iYXvz/hWyHdlRO0bUQOAkWAYNSG4n1AAddYUN5KMJ1Gw5EDJ\nF9G56rxsVyihhrGfLAglurQjoHXD8PgqgDy6rQUD3n5yY97yI5/KerI1IptD\nEuTwziFyl/in1AR0E9rU7kaBeFgkjkBsiXR3VIWyo4ZptGx7eslKtdokkJUK\njVgnxgHmp56QDF9ViBv1Nb3xYK3hL08v6ctYs3s3rck9ed2PodgfSnsVpMAS\ngXyNjHXPOvSt3oj5wot6h3xWuAXg1ZLa61rf99TMfyp/UcRPIO120ii0pK5L\nzw6tx5FcvW9llaZI+M59/TbO17WIaWc5zj+L3fg0o7SQOO9JNIk98lkT5uiI\nqWtrLopfeiNIZIgm7ZlhBSqD2N8WfRJmhdQTtrXwA2EkYS3TxBRcn8rWE7Io\ng/yAxVQbtjtsyuHKDTT70jY0eP6gVSyR/SkgyIySpv8dMhquuatmv78Z1EKI\nIVmd4kZjH+08cyFtcxtHHrSBiVcQfIGrV03yuUt1/W5wU3OsEDMHYA47MvNs\nGQNBeBrJCjNazNk20VjeqthPp8q0l/RXFsunpOKAbjpWy+2U4XC/YAw7W+rv\nHJRDFkWWEuKc8JForA3AsVv5GjON8HSoGoqWEGj5jjiMKm5+1JHFBTVV2D0p\n0/RP\r\n=qb5k\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a0382987a27373aa348015a5e2529f301f638d57","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.9930d9cc5.0_1586374290745_0.4814442636786458","host":"s3://npm-registry-packages"}},"6.0.0-canary.6601d24af.0":{"name":"@material/animation","version":"6.0.0-canary.6601d24af.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.6601d24af.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ce7ccbea55178bd37db7e0b03f68e5d56e8a709e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.6601d24af.0.tgz","fileCount":22,"integrity":"sha512-xgH0FrGk13CCIMD+hZcY3BDcIh1qbhieeZMlLYhPSR/fhItGBCBPwfk4Lr8RBIGW+Uf1r6GTCnIuLIMkCKC+fQ==","signatures":[{"sig":"MEQCICXX1u3EpL7UhvACIzakzLg4cMthUjZLaKFlSqc8OJnkAiBiTSTev2wjuxr7Q3rdxe6WVOUrzoV1n4yShvz+euTqzQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJejmxTCRA9TVsSAnZWagAAxJAP/irbblmWy0Yy5L38AhW7\nlr4+phwVkNhqeGeYpnzkrwAt1sxT640AUXe1DGLiYeBPMIfjgD0XUfun1nbQ\nvCxYE7hWFhElD8zm+DiONkHODc9K20Af13R4vrvU8MMduxCHmr0jlWnySemH\nJGPgeMn7dLhz7oDlJBtrYyfOcer8H5I/fNy75jue0fiGXrgfhu5CwE9aZvQb\nIMKS8LefJpdntgQGH0DTmwT2sDNRdnFP+fvEHcM8FTgMYKJLWd6EUQ6tTua+\ncZ5aZ8CtBynZ+FO0hZLHTy5PwQQKCUb4qcijP+hYnw0RQT33pwfQzQ0jHTrW\ng6s5rMkZECSXaxDNfpq9NwISMmekaOts2OcV9KHv8CBKuyYNla4rE5aQ1/Rc\nQ7DFjsfDUnUc7dIrEj2Fjt6/ZgN0ZIjJFhKd2W5Ik8zoQowi6wpAFY8UCUvR\nGfRLEZ16RSUfMHAtOA3BYhncZd5QjmYdRFBbFUPzYMml4tA+u8m995ju9+ti\nrul5DQBhfd5VIoQrJPoPlpUTRmp5HaFvGeUEwnsF/p3rv2zP//lmkc/akz1L\nICG+wQH8I6ZXwZUC2WVYUorefurwP99G2blyv4270E39Mx3D0rePU2qqG+s9\nWsuRLx750W1V/DuUrr3Z1r2fmrtIUF6Md5DzrH/1fALw6cSzP1UhoRgBiQk2\ndLYK\r\n=JVXi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f22a45db8a22981a17395184998a94e6a32944c9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.6601d24af.0_1586392147344_0.29932385555512564","host":"s3://npm-registry-packages"}},"6.0.0-canary.05f5e1583.0":{"name":"@material/animation","version":"6.0.0-canary.05f5e1583.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.05f5e1583.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"eeab99a3e752ca1609cb977e3358b6a896648af5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.05f5e1583.0.tgz","fileCount":22,"integrity":"sha512-FDPYnIuFr0y8RSUFs7wCTZTTi1HVrXo7zflYqTC1/pCmhCzXuwiuy947R3vjVAionHzSgOOWApE+3ZFXwEpmRA==","signatures":[{"sig":"MEUCIQCze3iIaY1gHSbcEMFYAlM5Y/OhMW5xJfci2t9Oo5VlbAIgEYRgEcK+hocr7AkzTzCz9SMnTMdgLZg+oxe5C4tCAA8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJejnBaCRA9TVsSAnZWagAAZA4QAIXIZEKU9cwwrO/+ZjoE\npZK5G66OpK0u0tQVa2cW7s3bBc5bLsLxwhHsvQWUxNjVLZYfOuSncY2JKJWc\nZjsI6WNClFTsKoXxFG1fvtmW2VC5iNONqptDq3LEEQG+COd4dtCgakMEKuBs\nCQ5Bp6BI8jEFRNwCPKCGrkwGQDCwk21RothE85LyvcYE7utc08OQpF3edR3j\nuegGWHtdvf2AOinYh9MIcoHsYBRP+u23Yy8gteLTu9NkgZSlrwo8SsJiDc1W\nzhNgPYWi087NPovtvFm2gxFGeKWHyNbXUJ3blsYKv2uV7faFS3RdNHNOMU65\njSbE74QWQD2YEry5NFkdsm9dCFet2FnJZZIz+fT8EqGbCCBr5Gu+akNV26hh\nbmuxQr6CYXHzLjspZYpuDMKtlzECMEDTTF1U2uTtXqKwqe07UkXImTAyQ+sj\nF3Jdi2YqdbSWj+i06x9Xk2O/me9Vvjr44gXJtmTG8+J8h2axqU0TbNzJPJLv\nK3EvMN35tsBO6687wWnnH/HjCY0yfrtOo8nJXNtjQsbW59aaa9zq/mCazvBT\nhVq2l2rPz8G5TPAsjkGLWgAfb1SL/L+Hi9KvcjwVq3QU/fTvDOuo2IdzlFTn\ngHtcaBrVsjoeEdYzEmRAbve+go2m4ngXfs+AsN1klA3vxTIaObfwGKQ19Mba\n1lSX\r\n=hagq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"413c1908165c032ac95dc5456e70978d3994b6d5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.05f5e1583.0_1586393178233_0.5366947049107267","host":"s3://npm-registry-packages"}},"6.0.0-canary.bce00e186.0":{"name":"@material/animation","version":"6.0.0-canary.bce00e186.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.bce00e186.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"69c36f93755248a04da4c9e714567fb9c94b77b7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.bce00e186.0.tgz","fileCount":22,"integrity":"sha512-jOM03bI3l8uFjeWqjYrtFkXUbJrIO6pGExFo/I/5NmvCJ1mntCdZf/88LUZryWROYNhE8sTiUGBEWwHsett6mQ==","signatures":[{"sig":"MEUCICNUcPqpCbrMgkzaBJxNU7dsevNBohyaTCOp8hi6nA5lAiEAlaL/N/KLvP/MVEex0Gx1NdHtn07v8YlkBjgkeBN+Xt4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJejz2ICRA9TVsSAnZWagAA0TYP/2CmJMqNKoBFxmOI75Nx\n1UrS+h6ETdzxAAhoWxeVV5paEOASVRBTB3KRo96EC815t6/q0ZZUEdlCQUdP\nVygt9UPv3nI3KERrXBaNL7qdVOSUyCYwZ0SXpF3gWt5dF6phN6gY7ITTWb2p\n7vPc4F9OJUmXjHhNyCDf1kFrUD6oV6DZsBkXXw/gPGTMVMd3akE185JWiGQz\n1ZYTWrJUvuqI7+k+oCGojllIiSPXbHUIh4D/MJiTun58+lmYxo2RxgyF9MAS\nfDhMXIwxT2LUbO/lx2u0FYu8ykWpgn0q0Yo4dCmKVgHZtpMfZQSUsiZuYA4z\nzlyYa3CShISyOHclcSUrXlAhChIIzY9955nvfYbcax7PsMC3U7pq4c/a5jL6\nbA1rlWRzX6RIYbe6rcTquBj1dlRCVBTXd6hrKG6xw1TlWnV3cuF/v/oN5U3m\nR23zON7fphjsCreOTOl5tsRhuOKQ1PD/RETk/QGI8wpdLKY8Jnhc61eCy3at\nT8VOLbCcdoLla748cjpOlLQM9Vk36G7GVOt6nfkPpeybrd64jWttP7UDlPV4\nGFrrGSNKpT1h26oBUmi1OIp1Tmu0oXOxMUETXK/jb41Rf7FcFKXHPUq5ABxU\n1/89qV0BqMcD2Kk5Kt/FgIAQ3BQY3WoeS34K5ONbMUg8Yx5K/e8EzBMxQeXe\nUXiT\r\n=qPlj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"36e6ce5271637d131432d915870da208d16bef74","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.bce00e186.0_1586445704293_0.3143332538932062","host":"s3://npm-registry-packages"}},"6.0.0-canary.927fa902c.0":{"name":"@material/animation","version":"6.0.0-canary.927fa902c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.927fa902c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"df0f75f798d3e0cc49f328b1c76e37fac601d5e1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.927fa902c.0.tgz","fileCount":22,"integrity":"sha512-HB0jDRP+Hqtli/KMLS87xO7jfLDEI58joaJ/GvVd3HTo0ClxOq8IxHuTVHjZFaTw6Q57ZPPShCGaBf/coXDQ2g==","signatures":[{"sig":"MEQCIGBbmDn6nWfA6OBw7HPo9a17kvsyNK/fqKFMUfYX+BzJAiAGuD8zj0ncDAEaOW30Fd3uhI65QDXA5i5v1yJapaGs1w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJej21WCRA9TVsSAnZWagAAof4QAI+zeSecG8tS+LV7K5R6\nErFhX4plxgug+oTsOElCjqEB2IjT6ApGgfyKnCovafkuZXtDjIk4r7xCi8UN\nGbuv1Wvq2jswHC0lljOT5fUPItfVK86kRohtsRzYCMQZRwN6O5Y2znX9oNv8\nHkoI9uIQ5Ldc8Lcidy7g6Lw+rJgNzKPg766LB6vXp7OZrLKaXG2XYd57vHop\n2Zc1V0XXgVpn0AMPwxpredX2lWQfMMWrGpop4IixzzkE2cgXfyxyUx0JSF3u\n0Q4sdWN2D9L4cNihKMPKzuqSO08Ps8KqSncKOWs7C8zEj9huvpd8LvNxtdea\ndf3h6vMOggHzGolzufsbI6CqwcPiAxJymQO641rUqaP7cy4e65mVLyW4OwGZ\n0YOGEqT9jIZV1RPGUvNxBD0eBH7VJCocqtaJadI8iU8RRcQS9fkwY3y4P1K0\n+d01ZdBCYo44nybu/uezJy/z9ZYc3xi42lH/UFaqwuosVmeNI/VkSfmEpEfV\nSFoxUv3Q0sdX8rgPL1T6MqpDcTVXgGKC/kEcPBRlk9Z9pNiTSsxyRsNMGbrT\ngaoQVutFPGJefBRflIeUFuZAto0N766uCw7mFvH9mN0czLB/hQe1QHq5sbG4\nlv5t+FdHjIr2YQdp6uangrJLM5+p5Y3B3APCqO8vcmoKnhYKUE5NlPy1CW5g\nXVoW\r\n=09IH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"6993aa2a4786dba507ed6b641b4c059925b7ddfc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.927fa902c.0_1586457941734_0.8177037022554532","host":"s3://npm-registry-packages"}},"6.0.0-canary.eb28b6ecc.0":{"name":"@material/animation","version":"6.0.0-canary.eb28b6ecc.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.eb28b6ecc.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a4e67522906c4a9034ad1681e6a9b695dedeabb0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.eb28b6ecc.0.tgz","fileCount":22,"integrity":"sha512-e+TyljXxT0ZTDU7Ndol9/KJYdrpAlvg+u/aaJjR0q5Do7NoJt7izNg7LPnaFZ+FBIOBuUNJUiZaets2cDOxqNQ==","signatures":[{"sig":"MEQCIChP1VQtJTPhARrpTdm2vcDN8ZRnsaGDAyrTOqgE1Q7QAiBoMc3EUcUWq04GpGYXSd5Xurm8sBbwllI9Jxlghm+ELg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJekMlHCRA9TVsSAnZWagAAMRQP/1Fas2trK8G8wI2LrP5c\nn7KxPQNITpnVJ6NP8NQrZxZ1Y8pSgytU3VDNfYztNVpo+YPJieMr5tJAU9BH\nhOMmjgWqNWubvNckAnoDiynyW/FwaBLrOzP7+skXX19sGCpz7VhujiE/HMW3\nSp1PijeBJY5MoHtU4FCq7Y1o8ty8MQvrGTgGOgUgzFxVfPhF7vMmEpNztc41\n3ZP7mgEbetCCZZCmd7Ep8nNV1LBe/qbQCbgTrA2qc9ny+XAYMB58u3HR1bv8\nEF8wNo+31lZ2B6o0JSOr7w84ZzT/KnQJMgR+Z2qFRUY46GedDsfKH4DwLscv\nKtWTIVtEG6RFfkrhCfhOYUS4kSJMKuje58M/KEJrP2Ah/ww1VhFpBCcn4Fa4\nA/iGFg9RQ3Cbg9ACIkZCYVv1qULkst/S1oBnAUV+hyZLYbsJk6AHdbbAUDjQ\nonCHdtMfqLUixDLaeF26blZH5QlQqmk/EWRYPCcDR992TyxZC7brdE9WW7o7\neKkgZhfDFYZT5wS4DGV+MTqt6MsLtV/TydMEFdXgfHMmVes22abk8wAwzcvx\n16je9ftIt2arFUTyr71ZQA1dbucMDmbb5yDDHYHieVAlph+GESIbeG9WsvWE\nRT+OF67rwbp4favfLXQ9cG27SkZnDULg8hp+s8oEDOSuiAoU8FTDUvlh8CKb\nms73\r\n=R5vJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"14b97cf99132f4a85a978c1799a668eae031d75e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.eb28b6ecc.0_1586547014849_0.545302230110726","host":"s3://npm-registry-packages"}},"6.0.0-canary.816a43b42.0":{"name":"@material/animation","version":"6.0.0-canary.816a43b42.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.816a43b42.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f9e280f4070dff483531ec177ee55cf9b5a1f92c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.816a43b42.0.tgz","fileCount":22,"integrity":"sha512-NHQg0X+5gM6uFDT+ou4z4CUfmq4uaRPqnDDkG51eUWCIdRQXKZqb8niIAUQvbg6HQWrAgQOF1sri7V1bGqR7gA==","signatures":[{"sig":"MEYCIQCis0tWWEmOunWbX7KWtiNnUXAcUxexyE3hpyoJr2UBAgIhAJ5oWbvElp98HdUP9oflfeDAGT7WVP5ox1TC4QzdkvCl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJekNxrCRA9TVsSAnZWagAAq2UP/3w+CVb0EoJ5313b5/6i\nmSm1ZY+HXxC56F9y0ICa8aoLVsW3EbiAWpXluNImXDujmxQ4FRfdMMsCJVyp\n3vyVvbwpy6n2kKIYcKFneNPH2fEB3JYW7sivt9V/EgFaR/Hs+ivfghFBhQkb\n+9yRFI7LonB7h7RnoF1safgO7KVijov9ukt/4b3k9jamJ86zYcF6nKDqBIgJ\npYcwg5JsV6uIP1a7etlV6QPsgsOnvSFbDvVLR+ts1REEi8TKUaaDsUjL+A+h\n9JRsdDQscaucpFXF9zA1g9SW4J6a3ZNNxZr+zVDLcMGKNCRVLcxq4MsU5OYK\nhkpJ9ZxcUNwc/es3Ue+vc1pRzeKYVT893Qh8ga3Z6puu0yfkigpdF9untCwS\nVyBsLdYQK5Z9N+vcKHxEXmuwlB1LWU6sL3j518Zg25z4bGWXriidiDOmXovv\nptC/ZRJv3NMgdVRf/r7Gh0nBlkzJj1Yll3D6ti7vx10EWIJzPmmZ8X/BCJ1m\nF+ljZOAEKzhhqXBUMsO3yaH/GUDE0RnOgaK47gsvq2YnrjPaZkiH6lCxq08a\nFurDETp60MVAZ/vm6FiVovDTnevih8i7gTaPvzQgZH9m2u9LtZ9XAE08rZCR\nsWx7pHSTug7ndTdOwvU3OxHs3f744xuQPswDsSi/UjynRLkCdaj3mHP3SVDO\nRhBr\r\n=Nuhj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"55d118d08a4432484dfc732189dae38773d1f437","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.816a43b42.0_1586551915323_0.3813298772618203","host":"s3://npm-registry-packages"}},"6.0.0-canary.008c4d319.0":{"name":"@material/animation","version":"6.0.0-canary.008c4d319.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.008c4d319.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cfc06114206ece74accd5e066014bc4e09161428","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.008c4d319.0.tgz","fileCount":22,"integrity":"sha512-/lKxrWXVDBUA9JEuDFgZbv+NB+drEfr4VIMkcbHatLcIjh7MRwN/25kJuXKDX3loVyv6hd+lqubLXTTumvF1CQ==","signatures":[{"sig":"MEQCIEcc7xHpLoULXHVWV22dw73SzNyOa2sUQ4Lwsb8Zq8P9AiBPzEmRd9q0XqNVDUT/BQbWeBfJ8Pe7qkMj/veFfERfYA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJelJRBCRA9TVsSAnZWagAAhbIP/AvH5+fInJht/J/vMDgZ\nTemg6703A1EHbmjDmyze98hJf/kjl6iVRZoHU4VaS2vEBSZOV3RSxzGPl8LM\nRKzvBtfx55SLjoQpQcF3jdMc3bHUYptPfI1/9p9R68kS2hhJgWMXmGbBG3iB\nOwXDgQYZnqABG9p2s66M5nPq/A89EP6YPNOo7unVZHfdrvku3yeosEEMFBPH\nOui1KjVNoqMg3qc/0c9N7T6EGpxD8Izuzaz8g7DxDRGR3FD4FPpVUGWXBvwI\nRb+0aY6/7wRcFiwZfT89amj85jvFcxyBXPYobflNbc/tPC27uFpdbTK5TRhb\n1mbSjL21+bxIer9ZOWAx2A/JZLOKY0m2z7VHlmFcxXEadoRc1KRO8yiOVwMV\njWcZOX9BcTUu2etpk5QhisPMyNspJegjrQ7UaXt21NlBhzt3hKMr1qmO3How\nCqiAvqzue/+iY1OpD/1baDn9JnBOqqh6TupJM8AS9blVK2v5u1Ve9381RwQy\nvrYas0rKOFkvKeorls2v59pE2LDb1Fv2F5I8KhyUVCBiHGqxpxr7MOPcS8kM\nHs0szfwl89B6gv7M/ovoX2auySKcd7tChv+zVSHUUSqptfwtp0w1RwPjeSJE\nGdwIcvYG7ZwynkCXb2G9sI/sMMWvHoOj2lHPto9hBvx/t7GDANTkGI0npS56\nF6fN\r\n=mYVO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"cf7ff62c921da3167d96b5f7cc7f07ac2af41a19","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.008c4d319.0_1586795584827_0.8124882125020281","host":"s3://npm-registry-packages"}},"6.0.0-canary.cbb3f28ca.0":{"name":"@material/animation","version":"6.0.0-canary.cbb3f28ca.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.cbb3f28ca.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b4bb6df0453777521e1b34d7449cdc5cc9cdcb07","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.cbb3f28ca.0.tgz","fileCount":22,"integrity":"sha512-JI4lAaVvR1p/+1y48j3M2Uq9GWOEMnK1Ulwbaja+vNE4UqdBhqw/xlnbHXXXOGL4FUcy6c4lBZA2ZShCzTB0tw==","signatures":[{"sig":"MEQCIGYxYhjc9cRh3UvhgD3RIAqYfHorphYCmO+fbrQx+KRrAiAvsZA1m2ZJHKJIFFlr6gWdw/2MKEbffRQHP46mjlQKpQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJelUSLCRA9TVsSAnZWagAAbrIQAJYY4wH0ZmGbytN3p6dv\nLkMqvyijp+5tOhDAbsciwhY+yXUcUsev6gpdPdXhpx/3wr7Ep8eCtQZBOjxx\n0ab7Qqcu+QzHYEn4TTlt/Imsi5mkhYO7LcLw4DSTXt6+SMY2ziHHtH6qcBuf\n1sAi5+/ZOuKRJkstXgcm/HMok+rg6HBxpFXKLuTwXQsN5CSw1tLfRrQSzraz\nmfaTY2Le7YVc5E1pcL1XGeOJMNFnXSkKnGcaIzaWFMIVw193/20pC6RKCzJs\nGMeYPmKZHoFgq6BySVYni6nrBFuUliCQbr9YCHloqAag6dnlDp8Cjy4uxbYP\noLlwYLhIRWk3KNECGCEFJTnr7qCUykriBqZGtFndUWH9ab7kakNn0a1fz5wL\nTo+EL7N5thdzvpzIvBSpRZajXNc4dPg0jgOBsErSz4glrP0/0HLSYrQ+AvXn\n5EJkrXkxKWFzXwLBuW7hEXKGDbbMn9YY90qJ0XgMeeef9Je4k3Ct7R+VeOId\n0+gJdq1jjwmbRGBwWbx0zZ90u28E2riFOIhfBM9MZTWbgDP7uVYwHYtii9g+\nRBhGIOnFzRlBgdKjoCvW5pA8rtKUbmOhXXzcIjMnjOdfrhWc5bP1Ne/dwsA5\nRpJx5cXnklXUaEEX/k43Dz4iY/G1wvtdxLRVx53KJVnb/5h+9iJpTCYkAXJg\n0KAB\r\n=uRfD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b6cb89b18de9f28799535d82c5ebc759433a5307","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.cbb3f28ca.0_1586840715293_0.5288023018237291","host":"s3://npm-registry-packages"}},"6.0.0-canary.f172b0f90.0":{"name":"@material/animation","version":"6.0.0-canary.f172b0f90.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.f172b0f90.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"af5446e98912274719e43006abbea922df59172d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.f172b0f90.0.tgz","fileCount":22,"integrity":"sha512-NBGFPcZwMZHcoUc+LT6ZEkzeth9nV6ZTBddfT610ebWXX0edm5sH0Ne1kwnhLazON5rmyKgQX8eh3A10lln8Sg==","signatures":[{"sig":"MEQCIFsG2p46MuJjOQDEn64XJUt0QxW14/3dFnZ0MKYglSozAiAe0KBTlhrYRrncrRZAMSwScoaAtOLXqHTZAsFZL4O7Rw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJelkKzCRA9TVsSAnZWagAAdq8P/Azz8bFB6q60EJIxD/Fx\nvg4VcbPcPg8shTWw8MEzZQ49aIzMnK7c0O1eeiIdY33E+AntbFmlPHWK0jSm\njVX15Wka1u40YAMQEV6ZAJ5Yfb2N9UIl6Wh+L5rbFBcKzH8xsRq7z74fgglY\nxnTq+b47WiQmSqBOizGCeTR/+qK7evu8AXYnTLvUVr7jeEmcWoRrdSA2mpyN\npvDCBBX7NJPlhkh6RUzS3NQhrEJHr0VUf+BQlm2VEA007IsQ+EW5WlaC8ai/\n3B8bEzTOGW+yyXWbVNoTaegaEYBoSLsI+rqpxuHm4mSl8/Buko52G6IK87or\n9g8QcrgKSHAhrqzAMPpPopwAS5ioEepjeH/YABCtnTls9+PgGy57qIzQ6xWx\nM0YrGjYN0xJDuA9TWtpmtrhuwR55+QhKHNTMluYCkKaeidwRxFokLc6Y8OTo\nSjRYWR34U6Dt0Bc+BwqbfPi1c9X5Ej/gjMWBIqdxIyzuIr+Ran04YeC5Md69\nlvdemQdbM9A4EfK9TMmekewPIYaTqQY1gaz+m6Vb6NczSgqiTrr4vR/Rhx3y\nDpfmWgutYrej1P2+eiHcvVl/8OZXQJZ3A5hSlTESeyH8SgRHsGLSBGIyG69d\nH7my3qmbusvagG8SU9zZWH8IjIrKtavYkNWk1E6f9JM7iqJZBxtjxi0OGaQn\nN1WM\r\n=lQe7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"eaad6fe33949c536d515e1177cbadf504619cfda","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.f172b0f90.0_1586905779151_0.7889764061210467","host":"s3://npm-registry-packages"}},"6.0.0-canary.c02642273.0":{"name":"@material/animation","version":"6.0.0-canary.c02642273.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.c02642273.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"32836660c76a616aaf1eded0a3d94f3a71c8c09b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.c02642273.0.tgz","fileCount":22,"integrity":"sha512-+SY0voYErzHMiWqh0hjZJX4VRMm9PvOZpLZ7RKZqdUICMsMhuJvDQph/wd4DYqbFD7hFn06CdjX1qJk9DQddsg==","signatures":[{"sig":"MEUCIA9o+TLqX1G25xHK6NnIXadRYL33evdpq4/5l99gyAw9AiEAnUnyzO1dEXl59b2bE5jvME139NeMpEjWl+QfNPD+lbk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJelzNgCRA9TVsSAnZWagAAAf4P/0nADvdWMprWtGC0fdQ3\nDP6UhHBcYQ06QmbOyqvOe/puwKh3Dh7P6Q1KlOjU5SXk6Hv0ToQB14s7qKty\n3T7946ZpaJT20jElVOu3T12y7YnSMqou7bWrfCKT1pbeoMN8jzSQWHvFk1I9\n3pZTWhMcpfRAkxuEce+L/TyFmqYBpj3lc/jeXnwyr9bToGwITyFXIQfrs3je\n1CnClSRwIxLR2F3/kFtbVKvyDBsaTRkTGaVfdHD8O2x/uwRRRZjbigCARpJR\nWJhXiOryUWyd4g+ViWqkA7O69/iZon3k7jW9YHzrgH2zGtNl5j/9ffWi2nCT\nvUNMDAn1BfXwl4ezCUE1qf6eTXUbhZfICoTpo3c1w3mps/FfyZbAKZpBas8W\n32UNFg6qEmX7rRJYcOw6JpRRpjta9RIYH4IzT6Y6eItoYS55PEEdwrnhfAIW\nJRPlSmjXJDSK1MkDjDr4TGser9FZAHBft80QbO1/QNWsXS0+FdrEV/6iNoyk\np2IojBV86KzI5DcuwFEN9C6UF4/Pdia2YBHb4+CcTsMO9t11BdgJZCTozpz8\nilp1aMtewOgJd9P79U6yM5nwqgZ+OWkSkjTPPaQEA4W9Hoh2N+z/PuJlUtBy\nRU57wnRES3iRtGEO/pICKY2MN6UStfm3iv7z1g5iMifVkUHUmRW/V1jxWNvJ\nFztU\r\n=wi2L\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b648ba2f886a5d6cb78a9dbdb435d18b5f600bf5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.c02642273.0_1586967391552_0.26994205285806827","host":"s3://npm-registry-packages"}},"6.0.0-canary.8a299b568.0":{"name":"@material/animation","version":"6.0.0-canary.8a299b568.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.8a299b568.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7b183e49755ce2e8616184833ec5d45e68705850","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.8a299b568.0.tgz","fileCount":22,"integrity":"sha512-tzAK+Fi4YKlLAvh2wKyYHh/CBwxZ+wXgXNCBG34szXDpMm26iBSUqDd/jjHsMoZVfEhCxlvYUnexzMYIxPtwTw==","signatures":[{"sig":"MEUCIF2sfVeXZaM2OK1hS/jQ9zw6Zw3NbfECHVlctSdI5VqCAiEAnGHG9047xuBoaTj6vh2DGsO8k79D88qCUwfOvE5MosY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJel43eCRA9TVsSAnZWagAAuW0P/3rdkY+FnniJq3mQDTtO\nGpn16+eAbAif8+fdwozP84+U49EYBjIcOU0Xbm1Frc2cQlCxQgX8ua/a5eg3\n0M7yZeGT5MnBjRla5JQtD04l5gsz4rBRq3GS5SNwRGGduAGPOJfM7/4OQtOJ\n0e5UeNXu2SCm7eNiD3+8vk/njg7U3mD22WOYt1U5bLor3P5dsJbKpNJZ9a67\nBITyAvrCAc12JJMZwF/RESxB/LioNITzbZGl+CNC+jaUTfbWgMjFwmd+bSWH\naNC2U1o+vaVVkz/OPJYYWB2YwZgX3HXFZLnFUs8S01Y1M55UslOLVxJn08c7\nBEElyy2rsF/TQSmjvN2ennsUYqFzNZBVRAJ0GeG9FgqZ2n8CKxx4IncPqWTf\nPTxYlE3L7jkqM3iTVN23WK8nUTfUFdxjinr6NL4zu44GTqTrlg1xBrf9vB5G\nWZTC8Nj96azYuj+nUGz0aL1ur68Zb/lbFYV0q3uflRzhJqs1PGiguhZHTDhQ\n/GBUzxjC0BA6XhrotNKWJmf+lggAOL1ZayISyDAkOigDwJ2SuGoZL1jCiSvm\nT3L0ZhTZ8wPRqNfi+O5vsq2LvxyGWbwJ4nZAggUinh52P3eyU8cosgTiK1X1\nDg2ocKTQNI+1ha+L6bdAFIF1ZFxNkwiIR9SrbL/+uq5PsfaiG1rOAR0+PDsq\n8NtO\r\n=g4bF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"1cce57afe783f6d0ee960b6d55080fccc7424cb6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.8a299b568.0_1586990557738_0.13583766328572566","host":"s3://npm-registry-packages"}},"6.0.0-canary.490fbdc09.0":{"name":"@material/animation","version":"6.0.0-canary.490fbdc09.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.490fbdc09.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1280b58682f113060dd7936d9bf3ad0969a8502f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.490fbdc09.0.tgz","fileCount":22,"integrity":"sha512-BD9fk1rwQI+EYYUfhNx+WHOvldtIXPHumUpgvM5C00oKxsCSc0wxMHKsnR1v62jDhxxg0dqQEq1/+83YFUCUAw==","signatures":[{"sig":"MEUCIHwdEYlZxo/I5F7k62MgCIaYkNwEZw7Fj6q7qKYQcvq/AiEA+WfuLhBysvBXr1jYQ6iUfHs05KkH51erQsFQ57ck5mo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJel/QmCRA9TVsSAnZWagAAhCsP/2E+XsZgCZRpmibC6Jw7\nPomiLO0cNh+wKUwT+UHHz/+s44qVctn0j5zsM5ljJTWWrQHqlxNbzTwTQDVC\nnXoQ/rYRUVXdXtaHyRqRwZ1oeGgtL3FJL4tN/OHrzvjHREASFVTkjmd1uGai\nRVpCQ93PupyT9tDeZvWZxBTlk+4UNGLMWmJ9vIAMixGnAEWAcPRI7JBPGoab\nJj+j9RcZhK9sgSWCeIpoB1yzt2ALx96Q0Qdaj35X4T3+ZS5IaIeO6wA8Ntzc\naK3zw/QpTtLipKW4wNfxGK47QUuW2DN3kbY6QyCDe5Yw0hcmcnOA59mTXEjw\nSe6hzBmRnYPJRC82koRNL0HgYjoNBfr2jM1Ji1SoENEAWP7Tk2PW45xP1t+t\n0iljEqr7hLQmAsmRuGdY0N18Ej+i2u/1T9fts3LRru9Va/6S9nmuzR8RCPE7\n35ciaj9xQADbM3GmW99XIEmXWl30qnnl9Ut3Khvvr0lUx/XGdZ38VoFieOkk\n627bOray337jDNnh09SUAaTO3lfzScUUFzA1iUyx8FJDC/B3M5uOymvtifwJ\nmEDWh59FdJvm5AVDOLXny3n0SuGlXKuK9WBTOR1MTTs6X+DfxxYt2ENapIOK\n1IpkiLEr/4wkY0ol6l+UV/W3hvVnmalLMZ1M2ex77Vq++WY7uJe2DRv4IZa9\n8tv4\r\n=tQcd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"20bba7dcc3290528bf225184ac976a3b486ccc00","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.490fbdc09.0_1587016742424_0.5555651997210072","host":"s3://npm-registry-packages"}},"6.0.0-canary.f838c6e55.0":{"name":"@material/animation","version":"6.0.0-canary.f838c6e55.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.f838c6e55.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1ad826cbe30b140c9b487c00f537f1c1673b0a94","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.f838c6e55.0.tgz","fileCount":22,"integrity":"sha512-OSuIFX5jsQWXiSVFf8beFJHabbeO8EUg04EkdVMOsy8elSiG1bUeENq9ImiEPsJZQmFAVWTMmvq7Y5RsOK8VeA==","signatures":[{"sig":"MEUCIEfW8twlPTaHSei4Yjly15pqSdU/wbbQsuTtc8RTI5MMAiEA/3mA+Zor8JIcuQ9qZ62V8Xh7YO3rGFqff/qO9WSyTpI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJemGrmCRA9TVsSAnZWagAAXfIP/2aRddrLaijzUQpgyQeV\ngOqc4/KQhjfTQcxo6teP3vmFEBG8FC1ymmDXkTQpmqcc/HCXAU2/8M/uNR5W\n/0b/jtO1H1Dm1aWEKDnow0kfOpJJKIPuQ7jVU8c+7rKRkJTdn1KQkpU46p8B\nWQcCI8e61/CF9HGe/vGowLMPqAxbLKS0Qn/mGw9h4e62PJP9yCVu9EK/DH9/\nd2dWmC7XafrRmaIu2AXlUZ8Ulb3HKrw6cVtmR4PNZu9s6DeQBiMPOKFHH3iu\nouEqvs442KWVyIRRnxoQJtXUD8x/nv6OelRSHAgy/8dVN1qHicCxCzXhpx/0\nKshISekKlDfYbLOcK2HnEKwkxXoHLciAZzt3PSkxHM9qFBB4c02XdiKdU0a+\n5XUM/9jZOfLfYRrEnqWyA34LKmd4ntiMSSe67CrMxjdWJfTeMizeutITubrz\n4kProlxh8P+IXGgTdLvWirK76S7UiTF04SSCDbqUTCUBVQnhqtKFthYewOZB\ncM301dgY97VBoqPKUbCqWjzK5mFCQcpr8ZExYTrp3lnSiBcdOcTj0eSEaBxA\nFFmvzCxn3EuE0CER3EgECFh39KTEe6CX6oEy98SMT7CKaIsk3n8HAb99FLEg\nJ3tdjqhIfXvilgQSaDLMlbDyKLKwMMOlvCEftkoeMTp11KCxzT7+6qNJK1Xo\nNjkg\r\n=02um\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"4088837a2a2d0b4af544090557a8266202e13a8c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.f838c6e55.0_1587047141599_0.01813295111750257","host":"s3://npm-registry-packages"}},"6.0.0-canary.ce6cb7024.0":{"name":"@material/animation","version":"6.0.0-canary.ce6cb7024.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.ce6cb7024.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"770b3410b2ffa8359aa078b4d20e630d106d9630","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.ce6cb7024.0.tgz","fileCount":22,"integrity":"sha512-9LEcdPP2g794OgwOMksNmgubtpzPF+115uqPE+2gc9Jir1v0bSHjCB63vnN5YEGUHdk+KY70Z98G8sgIkb2KFw==","signatures":[{"sig":"MEUCIQC/4hzszVxGZ2T777UwjiIP10yH9JInGuqmTn5E+UvzdgIgA3TFofABlm02YtzX1LKFaiY0CT5A/X7CtlCrhCgL66w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJemJNdCRA9TVsSAnZWagAAWBQP/RqbeOnix4majZ8B6SEv\nMdUtVJBHfkCSzk/2R2wPf+WpKJrv6ejuG6FzcG8vCQA0mGGpwSkzx6P7ERGN\nl6x3tJcVlZpkTTECOBFkvh9tPaQIJJOIyRRxkfMFdR4joC0urB49XlCQjUat\nsK7OrbgTyfwVWcNmv/lwbXTh/ZyOdgQxjwyicbnMbPM4oayVWhV4+s5ihEPt\n5cfxT6na3osbva3U/UqvcXKWRT82AN7LKY9Z1OZkLs1k8bY2r/1gDJp+SlFe\nYW6fzZaTkEcTuxfe2rFeFo937p+jj+Ze4CU9aG/Hk59xWsa6t4v+2EmwOyQx\nF5gO5XmV1+1Okuot17DHj424Ik42gDSO9kv3XOSuRrn8xDUsEk13WDRWrMKv\nLAh10b7fU0AsPyOWYfF9tXqN3dCKFbU3zCLAiKC8MgcqBHZ4R4srNEJqIpb1\n/hUHPXkG/XY9xvzMdPBN6FnvkghvwQ0z3JMmTHUBHqdhepYpkAx3wvOIm+Vj\n32npOfd28pHlQqbFVFLEGO9dC0YWdGbdZGwjvvPGMb1szEBAYcG2CdgGbbGc\nQX5n62jywd3ynu9YPsMystSigYPy+3xaeUjnQV7a7QO/gXO2iRdkKeRH2r6l\n3SPGUn1ET0OJGBYHppBLDZGAzdAmGVH+8vzH5GOGbV3bTeyVU/3zeUS2E0uR\no4HQ\r\n=HqH2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"50c11d42dccdf93592bf97e9211f34d95983996a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.ce6cb7024.0_1587057501328_0.550195204432292","host":"s3://npm-registry-packages"}},"6.0.0-canary.0ab62a65b.0":{"name":"@material/animation","version":"6.0.0-canary.0ab62a65b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.0ab62a65b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fd38920c28f0caa0c17e9b51285900324e3029e2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.0ab62a65b.0.tgz","fileCount":22,"integrity":"sha512-fjKhdzjW8LN8eleNSR5GY0Vb7Fd/TWxtpXXOcoePAjXVHSayQPzG9iDs9tcu3VFr6lwgiUw2VI4Sh47f7MSSyg==","signatures":[{"sig":"MEYCIQCnuScGVFmO3g9Ch69IUXYqcby25vv/lXZkF5570qNXyAIhAJ4Nm0NKEIvkNoIQnno1JJyMesmcqDZKDzXs2yzOqa1C","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJemKmtCRA9TVsSAnZWagAAcV8P/2t9mJqEJsKxjUEUe+e4\ncyNVqtJAsRsAO1NxSsMk92Foe3QSrGf5ysucRfA/poRa/Jelyh+OIEwSmhBq\nWeEApbrLW1nq8rirw5Qh/hdjK4Jrq3dSndfUU4GC4uqbuCN2h6/wWVdQzICC\n9fE3Cdays5KuB12K7f0aKLXlPSWEBqatNwbBCDNQ81xlVsu9ptDeOHXzSa8y\na4Vlv7s6lLVooGBPPaZ9XmrEFzUxLUhevgPr6o706l7W0+FOsIVnE8l5Ewxz\noaN7MyI2fe88idSJN3Mv1E+C9j/x0J8/+j9MDKfoWDG10ORuiFAFQvI7tGr3\nyUlxYMqEA0Jqe059/WyJUrVxFE0AtYn8WHxoJM474rFBE/KRYvTslvpjVbBM\nUVJLpsdbQJ+09v12HdXx0bBZv+01L8NAOZ7XUmAAeUAYRjm4moWcqJWvrVce\nBRDApvLPnfYE1SehK6FCAmmC+tPZCazn2l8aBlzIXA0aw/UBZoJtyDh3YPio\nDy1A03ePcC2ojJywypVtmk7zqYoDerVW7oDfT4mkeAKCUo6d50S3fQ40nR0V\n4i2xCDvjeOTPbpWGZwyZSIFlXQ/2eYqWSPElsuKlokiDOOdWkKXwTYNPTIvL\nuCvRKXKajyAigAgOA/xtVhxN3VxMtkgCXrzDjOS5ZSqgNne/7eWI0xaaRPsq\nTPeW\r\n=2eO4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f8890ca1119e1fc3b197f172b8273c05b5fba35d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.0ab62a65b.0_1587063212610_0.2914073162273736","host":"s3://npm-registry-packages"}},"6.0.0-canary.ca61b656f.0":{"name":"@material/animation","version":"6.0.0-canary.ca61b656f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.ca61b656f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"985d769a38d9f04c3667e3fe8321c52ee33fe03c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.ca61b656f.0.tgz","fileCount":22,"integrity":"sha512-zXUutJMApgcQocRYl414nWPkkLVg7jCN1F/LMQrY1EgiVU6CnVjpt5CA89mWt5Uxdd0aGW8ciqv0qcrxXghXtA==","signatures":[{"sig":"MEUCIQCHJ2iH2unRcUmsm8MObL4byc0ZvpXCqTFmd04EAf6xxAIgE8nEDoVngSbFWaSe+qGoClN1gBPS9j54ejTB1v/GZZ4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJemLkVCRA9TVsSAnZWagAA+5EQAKDrWY0Cmd3iszLAB60w\nSmxAghRWjpCOBCQeFcxmtpgMjHxLWKuEm7m5FcXAU1/09I/QyRIS18AHl3fQ\nXkrGF+7oRxk1bR8d4DEjP6T2gLlg+vfTWluu5qVehqkwwUy5t1h8f7JOxV0U\ngK2XEhpoJsRai8gSAtmso+4PZOOQCDUdGWKtsjlFhFRXrVhKWV2uVtYgn6xl\nN9GPe1zfBniw1REsaIHL/7vYOjohgzk5RS7O9AqbpPGylPawx2+H6PCE9Vi4\nDDWeBGyTq+RTkm2Hk/f/wAilr2p8kAfBcRDj7Pe+bvSszZ2/+X+WmCvYYgIG\niCBIptcKrADOZQ4uenxDJhkVFKla8xW462v2SnWmyscGvgGhKo3gS1D8R/Qc\npP/UfSenF/y7ROKaB/NXu8pFeeeQVq7D7j3SDUx3VeOtr/4vNIYHXk+dl3Ow\n7K+vIEFFMDHMrt1SxOgkxxmDlm6rVxmnrdqRvxetzbt5IFUm0kCp0h0pJicf\nUXwOXGDEBgij7bTvf5R2+Gxr0vrncL2xet6tQw9fyZ5kjFW9R/xzGbK2rLrJ\nxGSnCNiw+T4P5lUlFFFuLDd15lxtkyN6+ec/VakS2RMbSLuyFs8/FctMhZwG\ngPR+DjSJkZsg1t2mPYYnCrZmbb1eYVr+yDaTptb7OoeHqk0CytAZotFoWEXi\nrCzM\r\n=gxZw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"967c93bd4843f43b3821bebc6113ab9c73533ac0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.ca61b656f.0_1587067157001_0.871121106201697","host":"s3://npm-registry-packages"}},"6.0.0-canary.45a6615e3.0":{"name":"@material/animation","version":"6.0.0-canary.45a6615e3.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.45a6615e3.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4f003578ca916a8ce75543eae36e0c12b3e49304","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.45a6615e3.0.tgz","fileCount":22,"integrity":"sha512-hUpD+JY9MRPg1+/pJB0nUezuQTVxq3HUqyUQbRZ5I3nKFZOWTDI7YzSbGaYVD72OYJqhy9uhhrR+ibY2t1nHtw==","signatures":[{"sig":"MEYCIQCmNE2G7QvE5rV5o+3/hENvq+0GEcWapXhCQyE9gs96PAIhAPteDk0gXvcafh5DhblPm5saydwsNuESV34XvckHrTqC","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJemMDLCRA9TVsSAnZWagAAAuMP/iyyY7PrB7HwZWhfOew7\n26Dl2t9tb+dkCGHLnJhAeXlu0n1zbVypqaiIiPyJsjzA/Tsgz9A0CabyfpUe\nfdYGlGoeXDHGQZNVkDNMfH0FJzUwTSdmL+Ygf5hoPpG4Ndzr9/lyI0jHbLBo\nW5h8fgqFV7l1yaVc7sVlg1WYyzmwb7ZMgKfp5mkboZtFkcIDsJMP4h4BDP0b\nug4Ven/losUZRwFDS0sHxHjz8HN6X9kJlTbMA0c8BFn3wMJV6MzmSxXu1n+T\nwK7nLaClmwCEvG9i9pCvPs56S7ZryjxhpkhU5BMiWcEc2GH9fJVL57jB5S3v\nrMb9UHd1TWHARu4p8QenD+f34kmRb0/x3j8hAUv/GgqAvn8MpMlh1yA8ASoP\nj8wOoJwIR0YuO2fSGKDcCL1D8itWF8SQ/vD+aMFCYFY1Sd9rOBGgUrHHIdyM\nOOLGKemMVASOSjFsIwlWo2ME/FoNRqSv/6mNzyOvytFhy6PAiqjxtBNqqWVD\nyxGNGd17vXad88arAcMpA1UAXzClRagcSbGTXxeAM50p2UKP8yOHbeQCJ5G/\ncK1u0raD4Qbn0TlDer+Myq//RzDuHqPqqqkDB40JXD+ZJfV1pdZTLgfVz7fl\n1NjDwyh6DqmLCNUftSZqx9NfNwxFIFXWRYLOVBKiIQPgRvAgNGWcT7z2uYdB\nsFyu\r\n=qrCP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"0ad3ae693731b43b2c055b2fd649a42e03abd2a5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.45a6615e3.0_1587069130802_0.7372236823536527","host":"s3://npm-registry-packages"}},"6.0.0-canary.4b04cdb0f.0":{"name":"@material/animation","version":"6.0.0-canary.4b04cdb0f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.4b04cdb0f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"aa51ff75d45251cb6f27ce6d8165cdebcff2425b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.4b04cdb0f.0.tgz","fileCount":22,"integrity":"sha512-JLHJlZsNRqX+boGfGDj9CGDyEWWMrsOLxKouCjruXG55sR8tp1zkW9ajMATkn59SzExk+nOCH2lFleli8tD/4w==","signatures":[{"sig":"MEUCIAmOTZPczZVQNqhqlHnOwbIhsMvH5NXE9PiEs6b5I+3BAiEA301ux38c1l2zlIpaNA9yJQiq1GU7FebPjd6e30XM+h8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJemeoBCRA9TVsSAnZWagAARtoP/jaOREAjeCx6u1gipIia\nBQpvgY4CHGLkcUH7L4XcE9kLEskSPCaC57cVVLYC6YcoHIdfacGIpt2lVadU\neZxTSE0RbytqYTjrpxJQ7kuhxJAqGkY9Aa6aEL2AbgFwE5d8pQBfikeaDF6k\nS4QugzMf6M/khQMtXxLfsMLXYLCDqVr2JSiHIWLbH32nXdwrC/h9/XDAi7bG\np7qTBSp5fxN9DJFfMwbCcZzx5ksH4KeHum1ptfKvHoif7xinfZjDKTwFZegC\n3aiWbOOoRnrtXG3bwYQNsqCRwcXNbYHybaNxuMxLComQ4MlPMr/vjYPNcxsY\n1v5XT25Ej8/uepW0YRsIYoaiTukQtqms+O/eNutXL/bz8/OLLFLggv1r7f83\ncz1jZnFXWkHWKgCIyygwNpVwwHEqbhvKVfWH8rMT5Q1ZAeumogg9SBUQe1Di\nkjrb94V1XlMAIVNaF4OnHbQ1RNUg8TEXxTiH3I++AM5WH/F+EmuGfgVS9ipy\nUwfYfB0w07QfMEpOsR1kqJlPaXPHDS1BXCBfut/+Ao8ce/oPyuYK/C+cWqCG\n7vOb3yylKU0pO9tLds+G0A+tUwB1Y9qqGPmeRBAHsYPS9jyCFhcxXworhGJz\ng4Y4EIzV4agKYdUSV1mB+J372Vq17usxAjHASWcEcyoVgwhy2Kc4dPIc/Sng\nBx1Y\r\n=gx+Q\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"bedcd48d2eb94c37211fc93847852f5261655559","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.4b04cdb0f.0_1587145217088_0.5506276806796346","host":"s3://npm-registry-packages"}},"6.0.0-canary.b273afa93.0":{"name":"@material/animation","version":"6.0.0-canary.b273afa93.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.b273afa93.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f81494b66962a7c1155471166dbf0733509d5ef8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.b273afa93.0.tgz","fileCount":22,"integrity":"sha512-vNsqeTOaCQk77L18y/MyA0whOJQ/+Bq4k2KZ4uVxBWKDVBhk40wCzjBv6FzVLuMCNtT6u6wRA5ER7Gc2jWRN9Q==","signatures":[{"sig":"MEUCIQC0ZUO6CVnU9XlX2KNH2vpyMKO4TCl4x27s1Awi9C397gIgWhzNt+QO096133YQPJ8Mw8jznNbpkfPGIN5WCtwvZ80=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJemjVzCRA9TVsSAnZWagAATHwP/2SnZf/4nLiOHTCmBFdk\npE2dg+1TZMNsFmaFifg9ybvfTUaBdrahv6EyoJbV253tiCxzlO467gkmFsAy\njvKIKM3o+6ZZl/BkPnfdauFLCfbjiWElPi68RrxDRNMiA+Q5SUwzilAoSjrV\n3ipG+DIVwcYXfSmpH6oogKj6smYDZU7Y4KDP/gO6LOrfhYxqGWC+Kk8SshNm\npvKXChOlD1xzFZgj52E5zO9OeU0GR9iARONtVBD+Duc+J7VvfCHzm5lySE6l\nVwRrAYJ5vw/cbh1exMHbVnn5utbTTH4smu2+DEOKVw0nJC8dPWfQ7cPFzlR5\nl9My9rhCeK9AAqXI74xcnCVO8monIrWU1lcxUiGRvGA7eUMYkL6dE1ahXbzp\nfBqTGPXvFcTU2Kl37sdzG/mYvDYCJR7HWPJsFOp8CvK1dV/vSfJZmTipJ2XS\nNyxzHoBn5wJbPmf3s75iB4B3BDZKyJdND50xgCi90KXhtJFWqxTT5YfmiFcL\niqXhMHcdyi8E1rggIZfn1CwwZYjMaCCPXLY7r3ZQHkcASWSR+wWE+myDTAv9\n1nad1uYamQ69ou6qBXOIv2krjpfR9mN8jxvUJoNlp7Nt/OG96F9YtPP45r8V\nr2gTvzei/7cc4T00xU4yadiJJzKdtCm6fnYVfmI4v/HYp4mYu6vtNDCZgp6E\n7i4V\r\n=ykBk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"446d7bb0e65fdc3259b7b9025c6c058731ff02c6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.b273afa93.0_1587164531246_0.32116737014785857","host":"s3://npm-registry-packages"}},"6.0.0-canary.b70bc601e.0":{"name":"@material/animation","version":"6.0.0-canary.b70bc601e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.b70bc601e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"dce4d4dd746fc0772114a8301f9dcc91acb85793","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.b70bc601e.0.tgz","fileCount":22,"integrity":"sha512-XBVhLEG02f/vIqF+FTQMtl8KCMvfPsszR1WL2maY2ZS3u9cC9EMf4eJxmJa1bffmcdU+yB2wss8gsldqTFm4Qg==","signatures":[{"sig":"MEQCIGAaXCyS6bF/goH5q0xRprD/iRUtNkLykbB8CkbVXTEJAiBeFukurPf/ZQoCkeGv6jaRR/EM7XTLVgB0b7Q+OL1ouQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJemjnSCRA9TVsSAnZWagAAJ2sP/2NQ+/KC7F17ViAq5XsE\nN47p+HA/tDHpjG1CEy6/yOmvz9lVTa50lnIbRfidU3Rkykk7ijrG0Z9b6+MW\n6PaoutIMf9nE3QfCVrYb/QgzXkdRQNqKYkBMpTih4Gh0uh+oOhF1u7+S267Y\n8qPAcrdEu9cnRY4JvP/sv1U0ZxoFPDPIMtx34RTuyX4dKgZr2lyrDURPH42b\nhrykI2FYyu6IsaatiGU16KbaqA2pThierw7CWiGNWdj01H6ZhUbpicyzJYzu\nFSoDfzn2BC057JVEPypxzsk5jA+HAJI+Q9qojwUDmwfsH6dbxVK/FK9I97MP\nDo93oDJfxb3fk11ZR6UTXKqSKTQoQ6KNTAx88K4BehYBIflPhZ9DKdEhuiIe\nm4cyMxq5v2EeNvXay/dCPEt7/73r31Dew5Djjqk4UU9/qGikmPSiBLwt7XKF\nZrQuBE2pbn10FFqdSvwifRjf6H5VyLdd6SXYM2ZzOpHO7jmGW+pdArLUdE3g\nJxSv7sfiKi6+2jGTfPCm9MfXumTNXnv2jZOa2WGw7Sh8sM4Cpj+JSpOScENA\n9J8P1so0FmzsTpMQnF3WnCnDExo9esaaMjGhxw6kJV3wpd3WIa/GF23K5Ijq\nBOfQSDmFxaY+iTF/UC7D4X7suPk6Z/Q0VNDGrjWOcY4fRdvUF3loA5ZCmQP7\nhv3z\r\n=BmF2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"90c3468e59a65aab424bb59d4e91a4d522fca3d3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.b70bc601e.0_1587165650100_0.5702143639901414","host":"s3://npm-registry-packages"}},"6.0.0-canary.c4b4bba96.0":{"name":"@material/animation","version":"6.0.0-canary.c4b4bba96.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.c4b4bba96.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f1af4a9774294d0869c81d36c5865793059cffd6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.c4b4bba96.0.tgz","fileCount":22,"integrity":"sha512-anyEDoRVZoARY2V1j3P+DrJefWjKMprFFjbwtfrAkJIK7HGylotTT2JBip2EzVNzk/Jj3/3cQi0mx+85yLQMNA==","signatures":[{"sig":"MEUCIQDt04/hyP8dzLWTkI81ONn5MUQhA2CkLtvIf83tmyPh1gIgNllyZbJr1FY1scyIHefAuGIpDv+f/5aZ5gN2BNhD1xw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJemkcACRA9TVsSAnZWagAAjbkQAJqcGJ5D9XeoJdM1jVxR\no9eofYEukoUbGXCMwi0CeESdt7CyRtcNfotgsM8En1NAF6VYdJ+1SL0gDdNx\nc17hKvM8Fq6KWBEmmi/KdvVij/yvZkm+Tv3uK25v3YxHM5S95cXT00VYmD2a\nr2fDRDGGMrz8rUh3PLi7X6Ky2J/kLe1lcRPjC3AddXC3l3h3FlrybMcWENTg\n7KuOGx1EZycfUzUvrJzzpuisY3XE71q7pW5n7leOX1rBlZpNHxYw3c21Hcl0\nO0Dc6AGSfZzVS+u+XOkR7hhGaCosbiqVHKRXD/0fyRBURd4AoGuUpAwSANkW\n3qPjys96UsrOoEzW8FCZrQZvm0/CNr1tNd72YhyykP6ZLGVf6+b8WzYLOjHp\nS9AfSh3A6cMJLkMLHq3c1ftx829abIbhDaep1+jjc8GbnRYLeebfJsHjMUeu\nNi/ThMe0TkZCztBfKAcLOsdzVnXkz2DePgbnk7fv/Mv1/IpreTn+pTS18w6c\nyI6PUqWv3HbEA5zN3Um/4RNpMTUjcIuCuB0fIAMW25aX/rspCs9ghT350Gor\nUsiT5apn7AnpMQjcrlL4KcLvj3iNcAneOtSoUJmVSLZEK3kCUy5aWjqEW+xV\nnCpCU+KqREyu0Hy/qqWxx4FzGY+xPzAqDEP8PFxRxv79Gc7lVxVfwaOlk1tY\nEvbn\r\n=GfYd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ee02a718dbd2e86f9ea056b6199c1664c5abe70c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.c4b4bba96.0_1587169024098_0.5574361652437603","host":"s3://npm-registry-packages"}},"6.0.0-canary.6c1ebc721.0":{"name":"@material/animation","version":"6.0.0-canary.6c1ebc721.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.6c1ebc721.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2eeb3bf5d4fc42ce724e55aea5a9768efa5abcd6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.6c1ebc721.0.tgz","fileCount":22,"integrity":"sha512-ypDrdKtb8xw+/TT0NyytvKdGt6/SgZhgU8qieWgsp3qSJ7OX261lWRoLyWui5g+h6Gnmxr9YRzOW0+zt3lqUPg==","signatures":[{"sig":"MEQCIAOTwtZhQerakSI+W8kJqWC4AVDMIcoWgr2U3zoyH3MPAiA4VsaFieauXfcCBBAZF5xgS4Tp72+hKvcgX6JEdIYnPw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJenf6rCRA9TVsSAnZWagAAdIkP/3zKgwdHWkA72M2D9e4Y\nFy7MVVGllDI2Mboj/MDd/el8jeXWBxD2nZmDFRaWViy0Tq6GQzlLo4MUGqy4\n9n/eg1M2qZHyi8EX24XbF1TVn8AubFDWKzqf/Y6CJBwFuFAWGzOQevKLnWzo\n2AcINDsGllcAKY0MNfp9SuH6oHvIbSLHMP4tXTbsYX5Bnqft8ax0tebBvAlU\n1I1aHgGKe1lFONs0b9Mmbi1alarWooomDHKF+BDyCUco4OTwb/AVd/WEvZnG\nRNmexCb//j6CCr0sGtjYBgwMJ8rlpObjChyqc97M8VN++Gr5+mi5RgNuGwLa\nHJ2TUlN/Ap4lRb8S0fFgZ+fKYYgSdWAGTPUAIZMAOfQ8eOF9SJD/dN3DQiyw\nPcuxu0BUlC6kJcjQLaVQUQUzR/+ZelaoIY8Bdrmi91F9WsRCgL2gTqzXBgC6\n3NIuc1+30cJEMgkfYEMUeB2Oj62wyC9PgF9pDXhZOMhXI02/p+SdXInc2MBg\n+tyl/s1Bq226FkDSJ2eUHKNtUfbzKsQyMGa4Dp0jGi8l1RMcNAeWd9PTrSiB\n8cC0bMHwAtSNMpgA/JpGm8KeGPnHdsGjnciWD/zmitm5CT7x3D0zAEII22WR\nhK4sJy8tQ2NzNdu6kQpnL7woFgdE2At2njbNYsD5ziz0UygTpivg4PI8yK5A\ncuYf\r\n=VR/0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b1a71b1e525edb460d6fa48e392b09267db9d2a5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.6c1ebc721.0_1587412651225_0.7304328665235982","host":"s3://npm-registry-packages"}},"6.0.0-canary.9cff4318f.0":{"name":"@material/animation","version":"6.0.0-canary.9cff4318f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.9cff4318f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3efabf808be7a95d0dbb0fc64b97f535599bb7ab","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.9cff4318f.0.tgz","fileCount":22,"integrity":"sha512-ohG1URzvC03dFMPbOesc5hDD+yWAB1MhxUjopRAPpldhZ1/k5kWJY3XwpljqMWG2hQTqP7SUKq3gIzqg+s8HdQ==","signatures":[{"sig":"MEYCIQDKaHFhNG5H/XmlmDZsqBv1VFj2oMkmkJhLzJBJkZ0AWQIhAKrjFTot8Z29oJukScct37jQS53rSq7F4BVTCs3VU/gF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJengwmCRA9TVsSAnZWagAA8AEQAIP9ohsewuZ63T4Sde6t\nTzPfG59hR3sxPgw7PmzxCtUXAIk/9dLh7nx+7NRH/GpwKLYXqocl9SnHPJtE\nGuJdhUStJscqtb2yq6vHKK6Jf07cSwTl2ToSSr/Opnj5iTg6xUgW0LbX/Tws\nbfAxrZvav3c2IFMbl+tTXur7kfyVeXfzc9MC8bQsHOJSYPV6zFI7k317n9Hb\nrHBUo1lh81Ct+ftz15TSyfryHXJNDFVrfrFSzSvE8CcgM0Sd5ZqOAvSDutJA\n/hU1SM3KfzPf+ZRQbW/mBFVwASNh/917m8zsB1dUkMXhDXuGkB5BmepdCknN\nBETKsCJu47HWVUJqN84sRfa4gmrZ3atqVfg6IIkbzg2WM0WoPb68Lw+huI5t\n2ofV0+yz+CSNdTB9Hf0nwCxdmwNf7WM7eC6ta138eS0KWlB+kBlad8BRW1cQ\nTosAFAbE8s/t6VUUVCKluA6ua9zkdeMbmuW22YfIjptJ09p/7Ycg1f0F6kQZ\nWnogGn2cPx4YmI8Urjkfk84Xb/lqroL89zNPv7KCbakTjqHaWXW1ESQ46obW\nCvH2qkX7hPiOWf1Dq3NRrp+ZDthnr0mTvvvvEyXk9OOVu9T1oafoej/I+3HR\nbHYlhRRgC8WMzhnhQEK8bV+Ohjkli2OajloeCDdZ5pxA3S9khI0fFmT476I9\n9a3T\r\n=4aIJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"0ff1f177754c259b5b0021494616e96f7b6e0d8d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.9cff4318f.0_1587416101780_0.42489002186547364","host":"s3://npm-registry-packages"}},"6.0.0-canary.7b4482402.0":{"name":"@material/animation","version":"6.0.0-canary.7b4482402.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.7b4482402.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9d5f4472c19ce6c5e33cbdb9a6cef797cffa0915","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.7b4482402.0.tgz","fileCount":22,"integrity":"sha512-ktU+uSOH2cAhjXs8zhP21CmCpoupgUZqyC3z5aAyE/3zMuunKySVJ/UQVy94BmzqwXhzwGr7XHdYRboQug2WeQ==","signatures":[{"sig":"MEQCID/3GTUQk7ebkJK+JUKXJlvJVtHfTZXQ99C1qjTl7IbdAiANMIYWTZ6QwjIGLe+KzynsPjc30UvGaEU3bNWdUCqZPw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJenh/uCRA9TVsSAnZWagAAKJUP/iNTDH2qVFTqlZaeOJ61\n9eEPYgqQEg4LxHzvmQHmnbR4i2yt2l1jjKxJ/VKuZ6RcOocJbxE0Abvq899a\ngnu972NtY2TYyXKYVM1EpQTA7cZ25Vf3CnFbueWWO7H/7bOOso+bmz7PfWXb\nkt2+S5r7MP4SEoiCD7cPXOnNdCgPoCIeaCSvC/V7xANpVUl7pSGRmd1HZcXb\nJmkwjXyD33HtVgOMy1aRsY0Dh7+agAnYaJjcRGd0RBXP5KwJ46aenajm6z0U\nIsrSwfbFyzCx4L9b6MRDssLAYLhM8Tc96qOZNPsfyN6M/S4VDsdAjMQ+jYHh\nheJa/nVqG7T3rFcIYabYgW7fQgTP13ICbJMc5QujfzOawX7mZy8Mja3aCZMJ\nUE6Psep4AxHZnRKV/pJ14mQ/JGqzm86P4ifpqYNaS4S1LfEl5RfL2n1KZL5m\n2AUO0EHElMG4v8KPzq5wiwnchAJBo9ozGPzC02CdfpwSe7/tHf8z7ScF6gW/\niSoCILP7uTNW/FUNjlXI2vgxJzjvuqmfSYChJqCj3CpEoYX2OXC/4DVmEjVl\nFVoMN1qTKOPXYZY8WyEw8PETvlXVZjvZurbbFA8JTvbPJQh2dwZr95LRVvTn\niKvc29MuRgbk3un4kFe5Ng40EGReWsUN3w37gLjHl1NiCBjCkAVQ1B0DVd9j\nxqJf\r\n=YHBl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c25f7586d29e2c5a6d3c289197d47b826d499cdf","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.7b4482402.0_1587421166123_0.33194134266785924","host":"s3://npm-registry-packages"}},"6.0.0-canary.deda86d8c.0":{"name":"@material/animation","version":"6.0.0-canary.deda86d8c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.deda86d8c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6eee8025623202d983fd8a37b0bc302bf6d8b6ae","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.deda86d8c.0.tgz","fileCount":22,"integrity":"sha512-GbSUDoqsJCdgOlG/sOZxNbdWXiwT3g6dIoJAlTqZs9BCoO8dzHHW3LOjOaEgnY9YJT/xpHpyNl38vZPUKaL01w==","signatures":[{"sig":"MEQCIDyf91F0SBdQubgn7TsLYyZpOPBd/Tx7chBZHV381NxaAiAVZd6M7mE32D+fGROGmOVrp0tOV0fiDxJhKKhFfjn8yg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJenkjfCRA9TVsSAnZWagAA3PYP/2g149/E2qFe5sNk2IgS\n8LauLPjEcI7R2XMIlZiF2OXYkVybgoKfjvkqcZTBPpJjmEUleCU/VLq8gu7p\nulx/7L8R3wdyAL51SuoqpwjXV+/hcqpUUpV2Ln1d8tFDwANbfco4W8SrhnHO\nJ+q1/Y6hD1USvg4U2BPpN5gzUBAfmOIOaH54eGBa63ST8xQd9WG8Qq4FIOCX\nuOcGknSAU9mBLOreWsNK42uO15BkOHHkfpAkETE9GZFl5R5re/jj0wZKBWZZ\ngc00bwtAP4K3HNZnCSPw3Ty8oP2tiF0N1GaKbKhfCc981FWtmDhUjpKy61NM\nYyFSf79S//xYQIk+7D1DWp0dJaXBKR5ErFkoUUMdzDOvwHv4/0sfGh8jxoS/\n59jT1IbZfb+pkPqMKd+oN7sXuD1+fjuzBREQQqtVQQEfazRy/ftJMV5F4xus\nROifZgPibfaLEKHsoaNbdmSWZfYmbISYpwlDd6XAHofyiB9KfDA62MVT8lf/\ncuI0bJg05ckOBcgFRS8PNIi5gE/Tk6hiZWSBAHKMxhxnqeuD6FRndosN/TMt\nzCOUS5UXe/Dz/9NjWL8pjEJ1ugJCXMJlqdrOSy45IrjPL2zZPC4wyGTkRO+U\nQNVMNFCCmE/57E7X+jLAO7hU8BH1kwOP1Wjww9jTRzGIo9Op/GJyzLEN1ERd\nSsAY\r\n=nAaL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7bea6ac56136246274e77c281cf8c66e2ef3e6ca","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.deda86d8c.0_1587431646475_0.027723871604867334","host":"s3://npm-registry-packages"}},"6.0.0-canary.d10412cb2.0":{"name":"@material/animation","version":"6.0.0-canary.d10412cb2.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.d10412cb2.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"343c69263a5dedf0ac7305623cf3326207d5e54e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.d10412cb2.0.tgz","fileCount":22,"integrity":"sha512-pL1ROL94uIgVtyuFwopiiUcMT3nABpJ7LTWatFAtkegJf/jLJ9HVAn/ycrndK7W991UqCBgVCGtaauc/DIUY7Q==","signatures":[{"sig":"MEUCIBYyBN551m2cyQ2M6jmN4pvgOX4TbSkMjvDGbh4txC+HAiEAqJe+JPxmKjQhgdpIWEhZq6yF5m5Crf+4N35K6L1TTp4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJenzjBCRA9TVsSAnZWagAAaeYP/15SS5voLEqGHUgdBjld\ne5ArONN88gNcRYVQLXb47P0DMEKa6smZjxptPMyVrVDRsF6NwZ0LEOCzB4iD\nbouO47r0gtLzPfNNzdM48r4uT4zjKkZWELZwE+BEkSRe+poZhS1yAb2gMYis\nhQjHGrU/ls9kSwMvaqXmp5OUiphH6lEdNOoRXApSCck/oSpYNoaSSOekVUhF\nRhFaJwGwFAx1EzgoEZavPbtHH2WO21ED/wnUpWE6F8bSEB7hiT19cQ1OoQuJ\nlOxJmQiOnBaF7xku4odVrouXxIiq1YLmx+8EAJwZsEFuDENhjHiZPNYPJ9HT\nfh1+ekNvK4vJ+eaRyiSQ0tSf8Nc2L9iAUiS5ZQKK4CnQ7nOfOz21epKi1WXe\nTBAHn65qkHmR5pMp/Xkl29GHiM3zz3S2MOQSWonjuOP4mNPu4IfG7oliIjOc\nSPu02/J9+wIlUjC3bhWXkmjiLa6z8avAmg7hFcDUu2pyR7gAAbAfwWTZSdKs\nXRrV72RjZLIP2kjGmGI8Rx2utNE0cFpDLIeikp9gXorSJzc1xTa18uaLU5JR\ndBTiaVlwFa/2FbMpiGbrLF6vv0+CS4Q6yMWFFJx3w5o8DKDGd1JUUb6wLT3G\nMAwC1L6j3uE/QvJNNVBNAawcc2IoaURf6P5WX1kScnc1Jd1a3xIPAhIVHCWE\nFuW6\r\n=m1Gf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a2946b5762e597bce2d8e4e72f321bf4934e4543","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.d10412cb2.0_1587493056399_0.22617431822190515","host":"s3://npm-registry-packages"}},"6.0.0-canary.c141801d5.0":{"name":"@material/animation","version":"6.0.0-canary.c141801d5.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.c141801d5.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5250916d3dca48236ab150ff1692268e545f8d03","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.c141801d5.0.tgz","fileCount":22,"integrity":"sha512-hLiKJGOvOQCBYqPXrFr902jW/jn+W+bu2jm8QpFbCoTp26MIxSfoeLyyKAjIcCI1JBCBIQoZhNSOmn9VB0hd3A==","signatures":[{"sig":"MEQCICJ013Z8m0Ix+KP1sPwIghkpD7xP4lnFsaHqVoHOw4m3AiBvVlsjl7HOxD8vZ7K5UiAi/p7TCvGfAtFEb0HOxlXb5Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJen0xaCRA9TVsSAnZWagAAkvgP/2yy2uCjX4MZQA0G3yva\nb2DuTbsJoRsPfftvbqIhIC7h2V9kfRc3fmGAWJbPPLURusKqsUvDv0QdH79P\ntmObdn2FruKFSDwg2P54UM2H0IYAWbuE0KcRBznkhGyUxnxQYA/LSDobVL3N\nrmAbWPncYDjbunWtEjNFBVzW72GPqDPaIGsquGiFdgpzkUERG0e7tY0tLUwQ\n4e+WsFXcVBBl9wPlJi+ONO3vOEfqWyVhO4vxmtdJjNlwUbaRAVs3xF2TkNUn\nzuqZh7jOCtkBsR6nt3/kHlv/9VOfVsXIocK3SzvV404i9KqfLA3v4IQFF8BF\n8vJkm4DCAmrikGopcE5KU+nxJHFX/zdNZ2ENqv9k3Mn8gqjlrc/dAau3pO+6\naa+K9ufQqK6VcIOi/kodO+EO/xw1MfEZS9c/Moyz0+GxTGLo4/W9BaXtv2Q+\nA0k5xsaIHTIYzr25GhswrdE5InN51Q9Bnk501d1hsb73MDjNnoYIh7aPizm9\n8bWycSdVZIYsVFlJFBB65UIwxQx52Yp11fEHdPQrwZTsdobQdKEXbXY/7xh5\nfbgq4gL+4a6cmVaAGvr0ShTmCTjCaMrPOS1jbqX1DQM4mcG7HZAtqaUJ18eX\n/oakfodA5f8gf5Yv2zOdGG05GNA033ld9A9ET53XGf4/f4+xPHTAbJcfN4NP\nNpwE\r\n=tZDu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d026173e9bf7440b69f1e3e7e4c1bd60dc5ce6b5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.c141801d5.0_1587498073835_0.9893792789141178","host":"s3://npm-registry-packages"}},"6.0.0-canary.28d10a96e.0":{"name":"@material/animation","version":"6.0.0-canary.28d10a96e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0-canary.28d10a96e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1ce5aec15eb85291ef94086e2c5aaf70ade5cd6b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0-canary.28d10a96e.0.tgz","fileCount":22,"integrity":"sha512-YW9eDS4XutGiB6KrvH1VFi4CGwgneUUv4f8GZvgnDiToVOiSlHuwYzCuVwsZL4Bc8EPjT0kcTziw3j0//s6Zwg==","signatures":[{"sig":"MEUCIQCjcPAGFIp9c6rhMZ7DAOO1V4/k+P0m/qaNx3UHKEOsfAIgMshPTZwiaVhWVqsZF9jSLoDdRnFS9otlUkqgXaw8DW4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeoL/kCRA9TVsSAnZWagAAKv0P+QHJwrbxXgkuuGY65rAl\n9aMKOFMDTAYeLkLkdELuWl+rSs+GKA1Z1jGHIQRt3wwKAeA5G2bMipNKGyuX\ntxMiBfFLSY0v17fxNUrEdghMpR6WwXrjG0wnMqpL0tO+8Ha9KBzdNgtt9e6f\n9HshZbnKK+hcvYpyUtS8R3EAzg7G/BxNazJ0dsXAzY/bxG+9ZBxR9Ty/uHw3\nj/PAMG/am5OE6yrLsA91h1raoumPLtS7kJI2ZyeufmGttZY4tytRvnCAUch7\nxhufvMLerEFzh2G+heyDLij61C/9jSmH4GjlF3LNDfKdUhTjNTxni7cAZYE4\n6IVCraT4IjAWLIKghakuNCxb8Twsh6EUe8ay45bjfx26G41q6bD+O5tCBKYT\ntx98/i2vKSLWEw9D12l6xP+ZbeYG/UwIo0AkNPUFeitG++I14JHnEM6DnIQy\n9Qsc4a9HQP8jBmwci7Mv7kTIw6ku8cyY0d02PTm6wbURnUveONsh+n6lANTQ\n95GqRSc4pVhKWzHt4+pnZK23Y5bn1fd1t/5x+/arIUEDwC/cIUIpgrQSSQD8\n5VsSWubZ5HKLQp9rqpctP8ucLSVnQbO9idKiYhvorqbRrb+XGTqJ7+HH1NZN\ny7gmzKKTtVOG9hD35wIFfUSCmXAA6Gm1ymFu7wraZaxcMubXbq/alAs59tYj\nWPV6\r\n=TRKT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"20feb77e4dc8d7c73f3549e0dfea4b381106b061","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0-canary.28d10a96e.0_1587593187537_0.9129467728001786","host":"s3://npm-registry-packages"}},"7.0.0-canary.8540808be.0":{"name":"@material/animation","version":"7.0.0-canary.8540808be.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.8540808be.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"24a163e547194261c53e631a8da3efd58766fb7a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.8540808be.0.tgz","fileCount":22,"integrity":"sha512-V3LOOjgjLqOtNNX2F//csRnjixO+GRrZFQkODz2eIyV8VrFPdMdX6IhPLZTVT4lyv6cBihlyGOrouynWVJrEPA==","signatures":[{"sig":"MEUCICakGuxMc0mz2vdpuI/Nf30GMPzmP8TxhuICWNsaJ4BcAiEArH8i1lnFHWUGIu0oFG/9SIF9KuTtO57nZDx+d8eSjRE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeoc9uCRA9TVsSAnZWagAArAkP/jGx0cLrJ3dlCjWYKNRH\nkLdkyUlMZVUVgD9sKskPThiTeesUMefhmNtBRW36so5CoREDbIJq6VSzi1zm\nl/MZJ4wbErcW4gOGB2M8LuT/GjQ4NPzrBD975ZVvIMt+llH6Y/7vx4iQS7SL\n4Syu8sLQcrZM12tBOCLwHdUaxi6p7p6WnaMn/OayHMmu6iI5rlv0JYRVl886\nBimNZ0KoBCzCWRCo6uD0eBYyDajI1IiBdLgimewTBmK28v7Euwv+8Xri1WF7\n2Di+PWqhhJMYodx8W77QNkIl07FfqEeYgHXj8xxPe4Pogbe/bMd6at2YDtDw\nE+hE4SmEqFBZIIF6qp+zc5fcZjh8g7+F+JNQvhJ8lLZVnW1P417R8HLeKJR6\nQfrD/YC+3H/Bpx1S12daBq8shnXHQyd+vB75LiV3lTKvYFu5PkXLBwNoH+kT\naq1NyRCDW+eVR+vpkoU+8cY4Brif3hVWAZQjr2oPLV4VGwGh/ANfEx0h/OdL\nD2pRMJoHs/QugEg+ppPvWLdhARUFhN4mmhE8HTE3VbAAYZpFFRDB9qQcPam4\nM3Rf9IRLaTxWC/O1JKm81pm1ie/AK6cd62QFJBBOqcQRA9gT/SWvb7ordFo1\nMgEUTuabmfhjuYsjQzf2dnlaiCH5EP2CL8nX3FmaCmU0Xy5ZydDpRojaodND\nhwd6\r\n=pWxG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a99320a8e5b4b718dbbcaeee1ec4fc8feb72b592","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.8540808be.0_1587662701459_0.7710043654841037","host":"s3://npm-registry-packages"}},"6.0.0":{"name":"@material/animation","version":"6.0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@6.0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ec8c8bd48e069bb35bb6aa76d944f89d35cc74fa","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-6.0.0.tgz","fileCount":21,"integrity":"sha512-BxlzXzQ5W2WtaEVV4/PqkTpKB5PfOUvPmr1EK8+xQ0ouMV4qiWuwBfnu7DgXF+cglpFP3T71uHVYmh6lMdi4vg==","signatures":[{"sig":"MEUCIAdZt+UILngDh8lVGCiW6sGGc50O3s7zaqUFodqmH1HHAiEA1OKy1eVZlm/e6BBWCAtmVvF4fgjcVl+S+mrbAmt+d6g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48314,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeoc+LCRA9TVsSAnZWagAACKkP+QEGfLSPIy51qDM31WGD\n2vW7naabcYbJ8GH+6RJ4wYRiKpvRbayj54oyu6tvRk9uUvwG/qotEu7GowqG\nnVf0OVXxSZzO9mhsn+KeuCaasyKt74P67GB5MP9kOC1HDByLCqA8DtqtQvju\nC30GVk7ZPRtVqpBVghts0kK9eg3BYBv/bGs9Qd/rjSPAhJZct5eZl1UQGUZ9\nIvmJEKy9SQs7pVQLorGrGOKO+8nDkKNguvNYUDFIgAlaN0LaN2UnPL9Bnj9e\nOoNTj6HvZEsUB+0ZZ6O8D+0Zjxyv4tcVaRapZ2fpFx2R3nwxyxC/L806UT9m\ni4iuV2BkZEZ84YzG7kAKpJ1jqLvFT/oqPj21S25y9kty0cdilW4xzdDuHfKq\ns6x+ijxc+P3EzkuMMXR+/JAcU5gWprtN3sNApYeaPK9pYvgrlK8v85andbNh\nhYo1+GWYg2GOSV2HecBHe9d2CgLPO8PUP9433ptjW7amPhtiwz4aRXA6g0I3\n2XTGQ8VgdRLGOiaLoXpXFEhwAtDuBesMnCQY/3a9RsFnpsuX+wPWGRIn4Rg2\nIKGJ8jd9dN3C3rgNPewzQr5JCJzomdCEfb1YPaSJz7eEbbRoArb2vS3ULKon\nJkHDhAM48IWR+Elx/wOO5APQo4CitaMMK02VSIe931E+qk8KjhS3Dm6NzHg0\nxb0C\r\n=eN48\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","gitHead":"8540808be4296e60f1c1d3a637413e433ca7efaa","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/animation_6.0.0_1587662730285_0.08006252825492521","host":"s3://npm-registry-packages"}},"7.0.0-canary.2673adb74.0":{"name":"@material/animation","version":"7.0.0-canary.2673adb74.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.2673adb74.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2f684bc8096a5366f032f4df484f80bd7caadc0c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.2673adb74.0.tgz","fileCount":22,"integrity":"sha512-WtlAuz6Zk0BX7NeNIFm9HNQ3AgG0fiFPo4J7ctSxLMR2VEnpthO03Pobf9c8pGc7dKHLuILJNu3PxTka+Hcq8Q==","signatures":[{"sig":"MEYCIQDbrTDlR2rJ+hgI2Jx9QYaor68OC1W/yNq24U5HmcW34gIhANNWsOjBkgIZqY+S67vsSQR1dG6VKP+2wBcc1WyeHZbw","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeohpfCRA9TVsSAnZWagAAklQP/06TR9FOnc1N5+NhAIMh\nUnIx3muhoI+jtWDz4BgxlWl/jEce6if2C443triOn9TNRog876YTPIXx32a9\nTQsBQNgyQ3l5pL68a4D6VPdmq6wjaiFjrQQGjnQRLHRzWjw76oGV6rKqJPeo\nDwmhKvQRMcBR+1hruuwkafsci4sZd1VugHEu1g8dRpOBlMQ/A6S4u5gyIkq5\n59noRAWIaXSG9+AeqwuTE2dRhHvIRwdY2IQ9KGvY6wPDiVF3qOChkv5Lp1BF\nXx4rZRaiOkFBk7PKf3d9z7TmD4oeWg6YYmcu6yKLxb4FTEOJ/KRhYQ4lGQYw\nNS8oSbRSZmIcgeNdGfreTMNhX1m7cGnvqwLbrYDEdiPeaqoC8j6CHE9RIxPU\nTd9TAfQtv5za+eQdUuUuICDPmntzlDGaDrNGhgtVj646Fh0ShRTCahrBEuQf\nTDu8L4D/yXhImEO7Ybllkf3vFp3+lvIqj/xPWl+K1L9vOHWHe76aaumu83YV\nCWThXmegmNC5ZdMWUmSs9YORc387k2ssgdvtqAbyAs2y7Qyal5R6ADYXfp4d\ncor+h6NH1pmt1w5Hyj9QDEL5ccDfem4XbcqBB3/pUEiP7tGM4M0H/luqB8j3\nmB5Fwi3If+nYyTN04rdj5Aaq+z0sDIklRYnWUTXaC09qDHxNLtGyf9aZ6uQh\newrm\r\n=f8rt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"9cedd1d83d1c7d125a3ed38281072b6e50b57e9a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.2673adb74.0_1587681886741_0.11856998924884232","host":"s3://npm-registry-packages"}},"7.0.0-canary.b10d0d7f1.0":{"name":"@material/animation","version":"7.0.0-canary.b10d0d7f1.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.b10d0d7f1.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e232b410d8c149540505443448b95d3141f8a6b6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.b10d0d7f1.0.tgz","fileCount":22,"integrity":"sha512-vUYZ6ziQyYvlV+Qrt5b+l2JOiqCNo58sy5fQ8W5ZDyFWZ+GmFh6yfjkFF0Z6BeMPwXj3dAKBoGqoXepqeCnrPQ==","signatures":[{"sig":"MEQCIE2Ru8i5KZIcCt+PeDOUxRmVsm7Si7jtVUh6J0nlhQtvAiB+Uq4VWnuuOSrPlBRTZ1lws5t20vtgQfPb+tTlxRtseA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeojDHCRA9TVsSAnZWagAAsCMP/2UuxW0A/caYqbkY/PP3\ng7oVCin3f5yQEndwXNTN5BHUPwVMwyJj6gfcRi+PHmco/CK4LfdW7fvJNvGF\nTWfGjrLHW5XIOpSmgAM2sT5fNofoAB76x6g14dzyUwYADWi23yGuyHIqLVs3\n4FrMYNAmvRGuKY/Loiis59MVCPYW4nkQQglAyO+C3wXFGfEHVH1yOn2xy5Sc\njDtp+4jsSRLtt4bW1SJzvqbfK77uujmWR4OjXiibCvf/ReC2wsNBNxrgedyq\nGpoRoHv6y83VEzYYUIHPvRAfaJiw9LldDg9F4zzg0rtJnNFE9s+/U0g2W28b\nc98Na2u/1zyEJbSIjg5GFzYAoRdrXhjri/cqdVO2KU2hDAusjpCmy6PpwS8K\nqOamAxymKm5yF5sZvm7uIdwCyuSByJozaFPQ7wH4tba0u71tOucFyGfHvGzf\nDE3gohaca4rt5cKq3PxLQfGWm25bFvvNztYWWKImwY3FVrcwXDNl8iXqfB47\nC3i6p+wvwo7VOv3agxaN4QjnfS+6SIIkH0WzZh8umezlC1tZVVSyMs09yGaP\nlVdbYVvOcVECufJ5gEj5Csz55zi6xWF5gnHdkBm6ybbZuwn1o7Z4obhENb8W\n9ZEp02h2a1+1jK3HW67s8fAaexHvi2yphmzt2eL6DxjndfjmYWMgdP7UOSjG\n2YrP\r\n=a7MA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"83fc566b3c065e01bf601ac65cd6d17b634b7872","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.b10d0d7f1.0_1587687622771_0.2868700655301446","host":"s3://npm-registry-packages"}},"7.0.0-canary.3bd8c1bac.0":{"name":"@material/animation","version":"7.0.0-canary.3bd8c1bac.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.3bd8c1bac.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e30851390483c6ac32b9dd4cf27d2c9622a25bb3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.3bd8c1bac.0.tgz","fileCount":22,"integrity":"sha512-q5l/5vOcO3+yhS9V8hHZFuYt42sqa6H7FL+CUFeUt4RmyZyayPwdNxi6b/Sns05q0tyw92c3v+5c+GPLEAzGFA==","signatures":[{"sig":"MEQCIBXlbDQQoh6aLsgFNp1iaXfm/YGdPLcvgwUCI0Do0TF5AiAffE7ojW+zzcRIzMdMCew7O3Ac5/EKSZJsGxuRabKG2g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeo1SQCRA9TVsSAnZWagAAyy0QAJ2b2nZM6czlbZkyf4Ui\n51chovQC1vqRtkuO/mUUpDgZ9ShrVZFhb9WfbYzgrtmBtIwHTAU/vZnVvxyw\nRjRMqihxgQ6cY9w1BqmkPzLGc7IlrKt4CBmFNhopq7ghY4YI8XN+X2MMVijl\nruf/xyW5zTQNsVZG8t0zWucgIR3ME2s44/51z+A26esJLOZEva0G7qIm+Qjl\nU1h616PUIjoJIXr10VtlqSqbcMSfTCY6oHynLiygw/UJcgKzs9cu7OlnuQHa\ntfOSpEluoRs8nTCTY9DHQ8QI0pKnqWACw8jkMxXYncgqo51Py1yk6QwYV97w\nJ3MGRZKnTuU7QvJIVEuHc8vd83Bqvq3IhglSs8pmq/8BPmBPuzUVBReFqBc0\nGZHW4T5GDoOJUXHXIkj/xUUfFvyZZ9KLO0vWXo6UbI44uZGZdL71dRX1zpdy\nPLYgHJ35ndcbI0yfKRf3jRW1cj9aoK8nIJkrPfz4FNzHJ153u2t0sTuT7ked\nFbkr02Tmmmks9wF4KNa29/GQMuoAt0VJAamz5heLigL9CfwCU9IwR2cvJ9gc\nPCRTf/b9+xJy8pmBMU4VB4AbeKUIgu5xyiA7RiOA/Nyzq3NS+gCLwSlJX5EK\nRsylRaZTJ6rKrCQ+0R02THJqQZrEmjOzZ4E8JqiOytjZ3mFbMa2mY9vA2D1W\nEOt8\r\n=0YxT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c6f324d1b107431694d9112a3e94b90e82718ccb","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.3bd8c1bac.0_1587762320039_0.17506362491864813","host":"s3://npm-registry-packages"}},"7.0.0-canary.b83c8dc22.0":{"name":"@material/animation","version":"7.0.0-canary.b83c8dc22.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.b83c8dc22.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7d82a32d936fc3ce6a230283d864d3736c0bb584","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.b83c8dc22.0.tgz","fileCount":22,"integrity":"sha512-N4pUe6L+vA1DWWRPGGKU3o8zRL4OgwnpgvAtXTtkxWoQLXnQz8dervTyRGQ7/y6Uz8X0/5g47PdyJ2A0Pt/2kQ==","signatures":[{"sig":"MEUCIQDbN1UQD0qfIWwnNhaDID3hNxIRPj1cYh4spqg+//7qPwIgQ3LjiVYhwsgpBS4sJmphT0T718Vf/gE1Yi3E3m6O3/w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeo1ePCRA9TVsSAnZWagAAgmYP/0uqlkx2Z/T04TCOk7f8\nF7v8VUoztyU/UgiSsbfcPVrhl+Ldd/oXuzdHnTshA5iozMDYGgtaLLfQVF8m\nTrwW6T9NvuekfdhLMydtYRDDVb9vokOqzY7948S8IPvub7xh/JTIwLUS6pru\nzeGioblmUQ2NFk4z8p3Kl8L7vb92faqC6K03awDFwVoCX97QvWMM89728V7E\nVu1yVDYYnOAOsg56cdYJD+Goji9n/xavVZW4Sp5gasSaBJB4qvQN6A1pVhzq\nfH6TNlLgapGOj3a7/QbHPFRHTAkCSAKhkhtBuHvEPVXDZjdo5S9LLeoyH3B0\ntk2/G7br5EIg5tYglawx55QKaOoN25Uu0XkJF+MFB0mr+HHb2VRLEs517ix5\nV1JL4tYLaE8fu8bNeN0nSFhb7lBW4wAGX/dntWfWmi+HiWKM2w2w/f2Sqss9\nnamXo/89ic5v0udaBIllpoVzpBZPgDI2YS7hmze8tC/Cf/0u75/dgfPwalEU\n6AAjDZssvGpf2P2xerspyGThpwWwOR40J36qT+qSe6TyAPAK6wJj+xWJ11jE\nTUZZFhmBYYL7XKCKcoqc5+hA7JWIC95Qx87/aeTVSFX0bW0IgNQBudEjFX42\nt+sSYe8yLlygs1wiMOoqXNaIGSwJUSiNBhWdqlHY4Zi1bdYiiAHDAiv8276/\nfq8t\r\n=S4P+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"92cfe3e927d76c82fa2d8a864bb852b8d19f30e3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.b83c8dc22.0_1587763087005_0.20459745712440958","host":"s3://npm-registry-packages"}},"7.0.0-canary.1b3dd846d.0":{"name":"@material/animation","version":"7.0.0-canary.1b3dd846d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.1b3dd846d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6ec9155ace7f35815ae73b52da1eae82c0fe91f7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.1b3dd846d.0.tgz","fileCount":22,"integrity":"sha512-ojJrVvr+vneHdNwxbkS2zBb4CRsuGXkQ/zyWLB9VKQiNaQOS5pCt/4RI1EvsFTv+9fnUYKdm4VLz0HKzfbNlXA==","signatures":[{"sig":"MEUCIHw8v+OzSkiTaC0W9ow11VKCyQTG9nP0087EPJ9asOHuAiEAwJGQhLMkDf6FBM6SRYxZb0jCO0+WCsoVQccTpwGfS1Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeo4ehCRA9TVsSAnZWagAAw5wP/jSuhtN2YD2SlP+R+NuP\nTiobrczFCgJXgd2M+1iubwvz9g1pLb7WEbV5FeoqL0FF8AqsOa5hLnKKCK2m\nuqPNhqLeBweml4d+bxFkPcjb2tWgVQxc0jix+Ea5jG7fUybNZQ2qvqxdErz8\nLvM5FObpyJ4I5TmfR/U8PmIC5pxlQhzVxwzAN6e+ogJYr8Y137QbArPbbp/R\nmEmHdwgraKLlyDdvmsPOwPb0E/nm+Jv23MEFANVhIWoCJr8keWWhx7IKRb1z\nRgDnPmw49VmiOGXT2vnmixUps2V8ET9uHKz25Pqp4RuikIKu9eJD9P67OTa9\nzeLwLjQxOhh7v0Zt/L+PxxgfXjTnFW1vux9W31PBxFnvoK/73k51nOfNpiRK\n7T3mCFYxaHHPdLIn36t0UX2ITDm+N3cYWWpmlJRuIdlhmr7NoGuUDNgdE6O3\nblHPw5KKRRPQXsBaLhTnVphzkgDeP1v6MpqY95/EUOloX+MVk46eVYFoomTV\nADDXrh7z0GIVjUIm6lk1NUdvNoetl/Udkhk8ZQdr67i/mSVfENjVLsb+1zAC\n6bB4JfpToObPFl9Vi4lCqnWsU+iWCR30mZUF19zSGgzlg1277g0JpJ0jeh0z\nX+8W+DRsBDMipC5i4MLkYL+dhXHcTryKZ727nWyIuW3LwYsObWFeGkhJfCkc\nDDSU\r\n=/g2l\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"370fec5aeb98791d923dc357e46611e61cf6eb0e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.1b3dd846d.0_1587775393358_0.9448178470241761","host":"s3://npm-registry-packages"}},"7.0.0-canary.29debfea7.0":{"name":"@material/animation","version":"7.0.0-canary.29debfea7.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.29debfea7.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4e7f08278fc86af41456f041562f8ea904eb0cea","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.29debfea7.0.tgz","fileCount":22,"integrity":"sha512-kE8QsmRBcQgy3vPdDb6aURs28I3isl7z6JZfNzQ87BYNl7yVvUOG4BYuipasMKv8+3Hlp42g56OrwZgOQH/nDA==","signatures":[{"sig":"MEYCIQDnZE2PgVwJLCdkg2W3F72svAbhQkqiOfGGSGJ4tThmQwIhAOOoKlKbMwaNQcAIk1zid9j/Iw9KKp4pgOt7qgipJQOw","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeptCZCRA9TVsSAnZWagAAa9sP/iFjwzlfbCIVtHL7bS3S\naOptHqj0ywwn3oZDeMSpjSDwrTnrf42uK26p67hW/myHWD4Qt2LXjUUv0kgv\nEUc1QmU+E8q/lPaVQXHvkLFNrVLK6HxxrLYT509aBluC/bemi/OHACNzMg1Y\nD54/7Fxb2jSSvFxUR1BBh8A072JUoJBFUee8si09yqiwQzm0PGqgoNpDjtmZ\nhgzdEZPHDjahsD/ZwuD9vVhQcum6m6GV+29Ij1WK3dmI+J1tAXxh8tZPhjc4\nKUkC9AzW7GjJrqj09sTKlNlhR4l/4CaxEQnlfsLWQpq7TTLoV20zWe53yvQC\nsIFwBWE6rJjat14d1M9JcxPJ6B0n3gLEHKviDvJ0BRW21wMf2ZBz1T2Vm6nL\nf915S++CVuGwlpdlg4USAPwiwrm7bTB/dtRiM7YySANPuPXdbc+LwX5846PO\npNp1jrRT3RtAVtvmQVBPN1SVTakfICcra/fl2LSJd2bwKNSv6Q+JgdTcPPCS\n4M0KxBq2leFL3IN4z8QexPqUjVWhMlMZpCEiAIu8RRXuyuLLFrOjCSz4wxig\nx3tbmGlSkdlN0ClCl5Mgsv2Osk/XKJ5ow9BcXDiZPvVrT+fxBMUHmUnlr4C8\nCcvUaiiJrkQhnDUodIfLX6CjZ6Hb9RnOLwWQB0yMgbUpmrdtlKXPk+sgc62G\nV7ZT\r\n=SBJF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f121c350e2a52fc59191d5e843358aa3e3926ca2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.29debfea7.0_1587990680614_0.9713513267332281","host":"s3://npm-registry-packages"}},"7.0.0-canary.28d32f8e0.0":{"name":"@material/animation","version":"7.0.0-canary.28d32f8e0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.28d32f8e0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d9e06b4f1f29ad2f03903d59c77bfa986ec47882","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.28d32f8e0.0.tgz","fileCount":22,"integrity":"sha512-vfAje6IuWTGu40V02+D7lmaYGkg3MRerJ9mzK1BsMdMJq3fQ7XlCP/fuNEKyrgN7OB0s1ycTKgPdMEPM1OanYA==","signatures":[{"sig":"MEUCIQCFzzDrySvIAO3lI/WM4HRfYkQptdG/Rdx3mspw15doxQIgFS1IKLTGhQDS0MQgHjgHaDMgN0D7IpIH5idoS/1aOOc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJepua3CRA9TVsSAnZWagAAkAcP/jlXUvZu8cXApGveI3hM\nlg6e2t9EYpaZwsKjIb/I5iKaX5kz3wp7r/61ylPwthYLbwEqu3ElZkrwtDA7\nNURhFdtSuy9/wriVPszRYJP7IejbeR47UaXISmlDLW+p/pnpa7j3EMrRLyBE\n8uuccEETQWNHXk0Vst5dvKYNuXMybjm1XIM4PtpvUhPxEOMYfwrukxXDI798\nSicrjuxT0xJ7IT7YeyhtHcK3TdkDROi3yJfdob4YIsiXtOSbRPyNgDbCLVMI\nJSSgSTtPyq/96V9EsowMUWajorjc/412ESqQV5HsEG2qW+wMLXziYxEy43dI\nnFkLrlVOyaCz767uhNla7luA3L/h3u8flByUwMqbC0hAuQhDBO0aK6Z5CBXV\n9Rl0fSNQCzfls/lXtRw85R7BcSqvDS+ANyo4MQEbqYELgBaIXri11XKrpYoB\ntH9E7h7NVrvDkoX3IuCcIBg2nmdQxpea9tTupT6yFEjug6MytFyCisDNLBEJ\nCzCa+6mI3W7ZGf0XqvQXUzFVEVTLpiaSfozL9la98q2m6XkB62R4w7o0ekpg\nermvxsZvgLuiDCDUNQ0m8LYl8gyEbOn9Qka7kV9mBGLHdFaV+3R+sTVbngEf\nWfhGjI9TXyHkTWU9j3P9cHsFcRgLGyp14Qbv3AiLOuBEuw6buafETaTfXBPp\n+3Bz\r\n=YZNG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"5e2a5c88bb5127200d9f70d65964a419ffe2b123","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.28d32f8e0.0_1587996343156_0.26146679360163816","host":"s3://npm-registry-packages"}},"7.0.0-canary.af71cfdd6.0":{"name":"@material/animation","version":"7.0.0-canary.af71cfdd6.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.af71cfdd6.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"66440e8a3f084150ccbaaa9b8535f8245a7aea64","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.af71cfdd6.0.tgz","fileCount":22,"integrity":"sha512-yU79F2QK5XtxiJgbWIPStou/FrlmsS3DCg9YDRk6qI1fB7jQajfJ1q2vm81+QeqYBGRRxmhdovQ/dI51oTWoyw==","signatures":[{"sig":"MEQCIBaSTKhlZkr5jn/lozuR8SBRnzNHq/+324buLgg9RPsDAiA8PFAxv8qFKUTM9jzGnlqMl+z1oYDBP+WQ2EaRjmZhJA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeqLldCRA9TVsSAnZWagAABBsP/jWn4a6fnLTsfnYo4GHL\nfzATLYYwmlg9Wv2BGnKgeZ5n0do7pTGsNxfDd7Hzg68rH7mItuZYKSTDq/Uv\nojyHlI7F0cRgA+z4akty+J5q057rcGFTXEDay/xn/wKtZBy4yGcjICHmwKpM\nyHTLyT9NQnSwQI+2KGFTuIVcQ36g+P0zJ9vJEgq+VOFXkb+P95XyJV0UX7ok\nOvnEOD1iwA4Cl81r7pgcRWDVs+t0pcG3xZANUfttf2R+jOuktPZOoYzc6UKm\nF5eS70u29cdCtcAsexHBb+Y+Az1zIaouwoRmT5x0DkW6Wq7+nnaIzqIQRI1r\nUg87A2zzScMILomxtRJgzK+EXD4fs3D0aBVbm+FYyJr+M+OeP2RPGcJj+pr5\niirLIh7/lN7kHpJrR5b22T/o5S0W+B8A7wn1hu2kaPwrqqbJfeOt0WCKX1o2\nY0HY6+ggkXQCH5vyCZLzr+14WPA7BGPZctgiknhGfL/nNnbwfx8/gWYALGCQ\nNyKZF/6krlNeIHEwMYM81Q4lnw+iADA5xVnzcpxM6JBiEwBwLkdKVAftH42m\nl+sYxneoqf4b3IPS4SrTvFvV2qXpIAOpGTqAge5dhSEqfCP6EoFQI81bwQjb\n6VbQpzfqkqHp5jUVE6pJYjfAGClE/MN4u2aLOPWxEhqZd6WM8Vx6q4DPsfkC\np2Yd\r\n=0TT1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"8ab654dfd65440046211cfc73468f20a57d7fb4c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.af71cfdd6.0_1588115804501_0.12569926131471432","host":"s3://npm-registry-packages"}},"7.0.0-canary.99d2fc961.0":{"name":"@material/animation","version":"7.0.0-canary.99d2fc961.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.99d2fc961.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4498a21ee3abe3e6562155de4390bff3cac51e68","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.99d2fc961.0.tgz","fileCount":22,"integrity":"sha512-M0wQlH/J7bTZD6GCzgWMQ/+TkzyQYDC8BRLALd+Ke270y056tHbHtRX+CtuY6hJ7/nrsM2h4MHUQvwFxRrGMwA==","signatures":[{"sig":"MEQCIG+Z1AbEjzIgRsawiIFAMC5aNKaLQOvZ0ReO1e4oyEIvAiBdvZdXfQK7HUkXTfiWl92FCe8y/ZrMLn1ZH1ljQLfgNQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeqVovCRA9TVsSAnZWagAAb8wP/imhpGLQwLf5MnC2Yn/r\nQ0l9TI1WLI0O8hiOMRb51koOD/ee2Ocb3IbrOFOZK8N9zhLFLJp9H0wafXWp\nODUNhUmIVo50DmmX2AE9Tsek6CzYVxTx3tJ/FuCgn1Iz3ZdupCAuI9cJajsZ\n5uN5Lpfrj1vJ87HKGd+cNViSCa3+O9DRDVuFLvKmVYj0oHp5RnRMpXt2rBKB\nkF4y2SW/R5xTUjYt0Og0pCXI+cZzURSTIV7EIW5VrXRa3npLIts9nNjM1XMH\n2semMFA+EKUBYdPmDv98FnITV7inJckkl3j6EXyy8Ow0eiEEWWVHp9O6me0t\n39ykik8Teu40/aiFP0OevI2RdoStE/AZAihoXnFma7UhhEqfUeE6G4Nv964/\nixvKNkFmUIT7WYInmn/LAnCZrFNQZrhVQXyP945P3qr5wtH6AiGAdCOQ0ING\nE1alMpyuU+zRoAeogcGChgy2RTgnwhnx5Dq0SzJkXB5YxBNxw11XwADOWJHN\nwDr5plYMNqYq7KRKXv4ZrU2SAl5d9Xg6Esw4BAA/PLdWIt1OdRHHh9R7SuVp\nYgT8BWF09hnIwwaGdSmMOFWoUVh21QDUNCW5tc6ff+psMWvJYRyC8onnh42m\nEWd87ou75OeiH0SXDMbq1iiYtudpLDODGfrHm3rDvMQWR1hWLfbV4ql1YIIZ\nCDXv\r\n=wNRO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"9b1ef36f20c436f96aa47dc90c983832edc5985c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.99d2fc961.0_1588156975243_0.2613725828199447","host":"s3://npm-registry-packages"}},"7.0.0-canary.0e052b24f.0":{"name":"@material/animation","version":"7.0.0-canary.0e052b24f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.0e052b24f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3a8543ce2b6c883af583152a88fcaa2d07d3e915","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.0e052b24f.0.tgz","fileCount":22,"integrity":"sha512-rIiCQXgk2fRQD5rDxDTlfBsu3Xp0cugqjSp6AzxnRVGC97XxB/IbtJ3Ibmbv9PmRhCed9iR4tH7eKLegFnU01Q==","signatures":[{"sig":"MEUCIQCOTDuNPMFqpgoClQtbvN1Ygy8bDBZfV3iOhfU2GwHMVgIgVO1V6d3zwNgTM2MMCPgZxfEtkOtYTmMi0KPuDw/INFQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeqinLCRA9TVsSAnZWagAAf/IP/3gdWIKXHH21jvyzQh7G\nxDK6S4dXTHZb0rakL3dyP4JmtHXLFTymYwBkYeWfXMVv9Kt9RirBQWUfk0wG\n1FuoOWPbkhysBH9CoNmVliOHe2XHYIKgS5k/7s84Y93aCAEA9PPED7cfBMR3\nuxcYWnk2sRokp/s9VxO0igqui7xznIIKDMSAM4NeQgz6lsStqiHh/t7Y85NA\nm50XJR/iKjZfv6K/Z+HRFdgShKXamAc8OlEbUDsbP7yJIeTabbg+WvFflz58\nGnnwb1ziTC0jHH9G1isFVolkfYInVMdOZuD1rT9duz5xa1Wg+g0bsjT9CpbB\nZ3KBp4s2lTGiGThs94AqUiFjpa0zXEZnvOjfFIMNjdhMFsAJAeVO2cowTJoP\nVSuANOrdTCyYObxIKvdt2XHDwmmVA5K9CSi0VMPC+TCPPI4N5D+dwsK0GXIy\nAPmaJF3qY22NJLzQ8Bf9TzC/oxPqzlGiYbwvBsdAT37Lt2vh4IeYKXWn2uZx\nl9d7/iaZqLd3CpBCwAJISJk4F2kXONvQYnduXbveHGhrcVQ1tibSVuC54KmW\n0i8fz2+gqRMMUGxd7pS6TnQINNw37vcyUZIk6QLwF0UOKuKqEag9DmqwCfCk\nfWgQhNMuS19C/figk/4BhmhsQb420vVJSh+Uy+nbDa8LyVMVI1PBtGL56725\n2ZFv\r\n=XNhX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"69929564b970323734d16e9588636ff8a645f2ad","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.0e052b24f.0_1588210122598_0.17245379301631636","host":"s3://npm-registry-packages"}},"7.0.0-canary.ff4bc632a.0":{"name":"@material/animation","version":"7.0.0-canary.ff4bc632a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.ff4bc632a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b1d7638728ce705f4958bb60329156fce9e16921","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.ff4bc632a.0.tgz","fileCount":22,"integrity":"sha512-ffpObZkHQr4yv4oFqA9Zx972n84VhImlH1UTfiBU2aLrBx0TjjGccD3xdIDxEsaxPalD0fIcARO1fj65T2h3BA==","signatures":[{"sig":"MEUCIQCdWYd2twMqth2HfwOwhzrUqswaaD4Ryzy6jvu9wmZsGgIgZor1QqVP3+lfn8dbNvo5IJwX/4dOY5JsGddoFZdn4bY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeqovOCRA9TVsSAnZWagAAoV0P/R968f8Ud1OmD3+qhYmV\nFohK7F5ZAkdDs05j0bm2qGIkrh6pkMJdB8Rr336RwKylrZCyl4Hv5r2dKg+h\n4Hb8IYySSlQ4KYhtFkmpPDmds6azirwwOifCuey3HKMNJ4JxnrRgSxdk8vS7\n82icmDzAiI19+hozWxceJjTAYQxb28nkPQmeDRdjxkTEIJQ0eT1GJVSR274A\nPIryOv8VbNGSGa9l5BvpBLLX2WJ9DKYzXi+7ni5B8TKSbxaN1DviisaF/Bbg\novyqrLeHvLsj5viFxkV9LoOc/c5O2cDZOfdrP9lH5u2wGTqcuGKPPDcMgY/+\n1y3jJeZEDM6LB+7jED7GV0YuT9Qgn0uGbEe0csdrWZLPELJYUrhVTYtaj55C\nRoBQzM19cDC2qypHtUIY/1aelhhh+wh712kovVcPCebWYnfXabFAepbbS8d/\njvPWwjr4lmSQxWKwMUcG/bLNUennti1SoMC+Jq8nVx4blf+RzW3drrovLi7n\npzv9n8V8qd+AMEYNSkkph3h6qLwml3gtqAhSn6BY3hKKJyTXImQvE+hxxZRM\nYw9VeXZiJA0Yl5uzEnwMfxURHgzB8nIHsFzkzdSVFS0nArTlMc2q2BewuHNA\nPZizcoHrTzaLyclerOZRa2f0sj1QmyTl5wiJuTLvDoFYb8KQ45vF40eDxgTw\n12vO\r\n=m5Q0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"bf4456b9aa6b24c3dd166ee7bbf96a700054183e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.ff4bc632a.0_1588235213905_0.19801213738494972","host":"s3://npm-registry-packages"}},"7.0.0-canary.b0f83d2fd.0":{"name":"@material/animation","version":"7.0.0-canary.b0f83d2fd.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.b0f83d2fd.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7d951a643ae919a196fce3e99b8efa065f63afcf","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.b0f83d2fd.0.tgz","fileCount":22,"integrity":"sha512-bAI642AAjOxDlTtzPif2P0JwGT57qrkVYQr7swB8nXybG8mp/bM9lxJLBFqm+1IcgMy23qIOMVmdZoq3XfsNEw==","signatures":[{"sig":"MEUCIBir1/z5Bb4kTY0eJAT6yngUFT4YQcUjhDonlKu1siwFAiEAiJ8FcyYszqmX4RMTD1eI0vCrNVdzybAkOwyuaY3mR3w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJequFYCRA9TVsSAnZWagAAcxgP/1I0se0KvjdSupE3QksL\nhu1Vvngh8YEqoM18sfDEcpZ0UCnIs0Eg+torD6gJhUoEFEhBhNV3PbVP5MZ/\nIbpKFrIe+8szHJsnt4Vd3ySKlzoFsHw7MyJVVJlQI19j8zNXcSCtYqYfwh8u\naOVDoeKdZ14PORS2eC88y1sDMA8QrW3jDk/XJ7LTMTBVggOhrs+zyeKdBO7N\nvy/DM+TDaCqIsdyjFJME/wj/asRvnbYbF37VGlTJ74j2TwtQrBfhFfmt0oX3\nzogxh0xPTtjMrzsXPcGhCyIoaJ/W2nGMdjJte9PMQ9oJvZCcHQ+0rj75udsq\nazfHkUTMp3ME6N4TOJtmQ7bze5iE4rMAR/j98OgoGruiM5ge3nQCX3upjzCe\nmbvlJGN48WCFUnKqs2/EuQTIpLvzcrGAExzrrjnAt+cXCdBYxZDWEe/TDeDW\n8AWV8/WU5eQads91atSPS8M8S2y9h5Gen1PWNi3x45/mWGAbKRQHGTtmctpi\n31K5dsHtfT/PBNTxQI84QbX+o4EAhzupHLUDINDIbomSfqNLe11XiKUnMjXm\nfHt/4mgfs43KmgGi1CPqEEpRSZO8ZIbBh8gvjhSN6kXsUsWDGRBhULxM0qUC\n0XaE2i/KU9BDFc2UJ1bUBKwhG59alzsffCLztC/sZgtndrlU9dGUVYkiPOdQ\nUzlr\r\n=nlnd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a1500073e25d06ecb6fe752169f836de2cc6ba13","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.b0f83d2fd.0_1588257111608_0.21472420694819472","host":"s3://npm-registry-packages"}},"7.0.0-canary.e59906a57.0":{"name":"@material/animation","version":"7.0.0-canary.e59906a57.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.e59906a57.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"db2266c64f832837c03ce94c68d7ca9b6764f883","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.e59906a57.0.tgz","fileCount":22,"integrity":"sha512-HS+Co8GrrGEplqmqa9fduOH/GrrzmXq37s+wnJj62gesXAyzhjZdZq5+J6fR7wm5jhUtA6RH/NRsAG/jeZamOQ==","signatures":[{"sig":"MEUCIQCKuDphI7J0ilvTSi7O4eCC1eVLBrPNl1/9lx60k1Ci4QIgUgO5I69rrrxYw1t+1WFlVnHCFxI6ixdgcdXzUbdizYQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJerEMtCRA9TVsSAnZWagAAZFcP/jl+Uarua0j1eao2oxeh\n+p5xf+DEy1SYY08X+znue/X0HsKLySd+oBKxnHbD1u98wagPjOU9C6S2zlFu\nXNx4YFDHx7odSpHePDsaqf6vqL/nuPT4WsgYOged2MCnc73tDJPB1whDrzQf\n6uPF93MtgB9VsurohhrW9NPHoauE2JGROUsY9IQLRYRzs+GQOyozRQu8HhU5\nMLS7UdIZksvyptItfKkepSlvR95vCoplZrOrN72NbE4ESvNCeT83VfOVhwRr\njPQoxKNjKUSjv4qzuqHur1MiFqa5AHaIGgXwjGQRptXp6GFYBWLMRyoY2Hn6\njtMGYD5a/dxQWIvrSiI+eclcz/QFiNnxiN0lr4L/k1L0RU2mnQIdhktcb8lt\n1yA8XUgnDF+S6BX8bojOkiEGVIuQgmIx05FEjCUzjHM+Yjp5RaSLryOBcS9x\nlyYFCyKWBDzwEnR8RhvAHv8OAfE7t3lha5jNfAhw2jlEOqZWGwYn80rmMuYr\nuEq9NNfBNqqB36jEVFKXv7YO49e7Srf0jwMFf0r/R/L1l+CtktzmHt9bGta6\nHt1HXylzm8JA9Dn21imrTLB2NwuNdtHWxn/0jXujc85y+XRs9xctlAt43xPy\nyfkbNvhBdxBSnJMljUg+COThzga2m5Zm3y7bT6IlrrlH2R1NPzYaWNG1Duni\nurPb\r\n=BoKf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"fc7a5c94d345c5fcd76d4957427c551ed759a1f2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.e59906a57.0_1588347692782_0.03535889338161313","host":"s3://npm-registry-packages"}},"7.0.0-canary.c02712b59.0":{"name":"@material/animation","version":"7.0.0-canary.c02712b59.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.c02712b59.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0020b3d46aab05e3fdb82c9db42334e2e417339e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.c02712b59.0.tgz","fileCount":22,"integrity":"sha512-n0kwg5IDME3yxK2HR8OMC6rDa6ov6RS43dGkUo6SKsk2Fhq15sQXW+vOo97//ezxaNac1wz53xPKts4PMDLxQg==","signatures":[{"sig":"MEYCIQCYbedO0qp69KBkgTGemXago2SnUJpJtXAQt7J+vN1atQIhAPHKX5PCYaUM0eT2nU0SA0RXbABI+34xl6An2L08gUtv","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJerGl5CRA9TVsSAnZWagAAZbwQAICmTnsbLvdF+WlquKK8\n6WD1zcUSBRpMTDVeiTJxQHrzmuNyI5klbfbMmJ4BiqTLtTl2d4wtE+uVVdt4\nOB7LsRUolqxduj0tofYcPn0HUcxgb0hZU47hHaJOttXQJLAHEsegHCPMFiI3\nK/NJ7JLM/1SCyhe+qQBlEU6DqJBREAw5yIKTMAOtmF0uEz875glAJ578Q4gB\nSV2zH22hql4+10XhR0q/y5J8FVj+Kr6sMxGMe+2M6sOYOUxxhGYeHDnUtnAj\nCAMYZDxHdY8bVfBC5U0Hw8wB9NglCV9Iw1PrDtEB4t3n+ML7XD5v6ntLRZyj\nQAGVkfU5iNelTDRzx5zeOvrIcPtY5yX5ImtMCiuG439pzAcE/dB2/3OLJX+v\nVOX+YAYPYilgcvjdeQ497j0S8AK9wlpyBK77EFifReJGe3dbQeaKt3+GIOBx\nFcT6MMF3YyyUy3dklw81DjBSRZ20KXTUZBOEmitluuv9/D8Ksq1p0cGISygB\nssAkyZHLhmIQkJV/r5Z4DPje1VtmRcVUU1WQxJiq8EJwGqxfecJyuSGWoPKW\nO4DznbXVQLkTpRJs10QRVs37zlfWv5pmvd40XoSJxcsQijaOliVbW/ilws/y\nggoDJqcXyQjk0If31QRWjcmGBzxOe0LpqhPyOj3Ew1d7S+oTAYhpgruvsEOE\n5Ni3\r\n=URSE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ed5da0cff8ae5197cbaf84af0bc924c207d3998f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.c02712b59.0_1588357496453_0.5748106818190377","host":"s3://npm-registry-packages"}},"7.0.0-canary.15d65448e.0":{"name":"@material/animation","version":"7.0.0-canary.15d65448e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.15d65448e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7dcac384ee83ad8a4e10ba67fce891dabf1e873f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.15d65448e.0.tgz","fileCount":22,"integrity":"sha512-AaKubB+SlzLnxEQn9AABOUba45pSklndFvvDEtH6T4jpbCFQsWgY02sZMgeijeC9QR8l9nNBcNWqgW7p4AdFgw==","signatures":[{"sig":"MEQCIHOWCfpOVbgydQJM4m8M300RYwz9oK5jh2RAl225lZvYAiBUoEY0cLuZvk+YpD1NGfqxWFhGj8xf0lNFV9cnW06DkQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJerHbHCRA9TVsSAnZWagAA0yYP+gIKURLXNZ4SsOolxvXV\n2Qut9UodCJi0wrX4cruRWu6aTUZKmWhUy6hv4Tg3ZqO8MlG8cNlWwesVTZk8\nEmcCxofb7m61WikWNvgXD/ht4tzwYJBhazFNY8ZW1RaYd7B3bbCPqYATHIIA\nMeDxj4FrOkahTuUt+kBNoX15rd5Vz7WkuAEwvAyy302nu4WKg3nr6q5uHuVr\nGt+ri6Ucy/myvv9fG7bxbIctDALz6M/0hO+oBnHPAH3L8TLeogPiNYmzdUsU\nY1+Yo30pNHvJ90KGWpbgQNiM073a03Ho+YtW8bTA5+U9LYRiEUTm0ta6GfDZ\nijI093t17APNW8wR4K99/4D8VvxRq6hfX2K5lq4MVNbAZ5PDIViIE9kCSOF7\nnoxcDt4qO5SJG12G5W3QyT5axggQTp5l7ee1fVGCRbApELda2alg0cM/+cWj\nJ+Pa4MimcfmogKNDZG0Rse86mj2wvmHOjBXIvI16VQXlH4R0RSPAr/UA93BY\n2EKai2at1SRXiraqTGoLGZQbeyMpE4zfa3AtzjkjIwGaQgDHXlYz8lu3T5wL\nNnN8rqvgTR9UHDzYYejQE43CvOVfTBApknJTOfziH3CVAHY9yytVRHAu1Xpj\nnll/UyTNJXBak9e9V87B2BaXP4ej0KNRfzebZsLaXFs3qy9U40UzMCZTwygE\nKr6L\r\n=sla+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b2e16d6a45e857fdec3838c3c09ee0a1c61d1858","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.15d65448e.0_1588360903355_0.0033966607119302328","host":"s3://npm-registry-packages"}},"7.0.0-canary.142b1549e.0":{"name":"@material/animation","version":"7.0.0-canary.142b1549e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.142b1549e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cbe63344aa1f986ec255c664364407ba714556c5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.142b1549e.0.tgz","fileCount":22,"integrity":"sha512-CKNoXAICVAiA+wPGgt7DL0dcDM4Z1HCYbvTNLp+14k3Y7nNsjk8a6zpoBiGJ7TgGDpV6ZdlPOddvRgB4Kv5QGQ==","signatures":[{"sig":"MEUCIQC9g4ipI4feihXPU1JWPlcDjMYj1ybuCFa12pdYhhAECwIgPlQhfZZK9neATPC/fQaOIXUqj0aK9MW+3JAVKveNSKo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJerKQaCRA9TVsSAnZWagAAUGsP/3a5lQ36duCHnq+pVcV6\nDsuhz9db+a93gcY+kknxQQwZCLa5CL79LIlJV2ConRAXSqo0p+45N2Wjptx1\n9RqEIf8Mts/ucr872in8sDCATyCldJ5JXYuM+sOn594xTgNd/l1U4pTyak21\n6hOEyDmtvx0dIcB/ZOpjWzsWyi7RG+1niq0A375WgBvbh6N756c7wgHq4QTn\nsDzr0AZp5NSLBjxuOM3b+qA+YoeSH7P6i93ec9c6wWGl1kyRln+3ZdUZ1oag\nz4G5xTuYPoRJxUnnjkLjratwaa5iiOsGCvl5lw+H/l+XyxljFr+koqfug1TL\nsnyZdJADF+1u/mfnSF6D6FyB9vGkYYu3aZg4tbROlKleX720cpTXTzhxFCky\nWQ+6TmGupkc2quM+mwmekbfDUw9W36xCo7zXdoALOY7l6m02+heSg2hOcMZa\nZwf2Rrwlo76PShMyBeXT2OmL6v751KCdr4heOClZESmvRKsRTGNEnJ+ADhz9\ngGwBgieSgaPqWss525OlZOU87FsJ1LWeZr5yD8sm4pXan2Gq1JcAQSdizVqQ\nZ4Gqc3I+WeF93sULTM1Tb0/InO/Z8z1vxKlQrf7ZuCLPXC+7dKChCozR5H7V\nWx/Fbit4oSVRUtDzZ1F+W6WPRaHIgGTmhIgW3fC/Jc3uhtJkOyUiT8E23xel\nuUjp\r\n=HB3u\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c43c6e2e74a4352aad7225952aeb9e7154d35751","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.142b1549e.0_1588372505520_0.8200187901965925","host":"s3://npm-registry-packages"}},"7.0.0-canary.524b7b812.0":{"name":"@material/animation","version":"7.0.0-canary.524b7b812.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.524b7b812.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1b276ba0808cc968c99a3affbbc7512b88a70ef6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.524b7b812.0.tgz","fileCount":22,"integrity":"sha512-kqaBPhBSuG4FHXa5xjXGj9x7lDYQeeAd74JNVf2cDT1aWU27akILHBexhU5z3UYlpD8pIScEK/xnIN/7Tjw1PQ==","signatures":[{"sig":"MEUCIChlo5vCL+pvl7AiD8FISNMsSVKSMydICAwc4ct5od33AiEAuocTuEsJOZACCzhazDnmQfDFEeKlhV3TmwakUo9Nb8I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJery27CRA9TVsSAnZWagAAQ7QQAJNNNuQRqV018pH/uu6K\ns2kVURUftPOXEacNsRXex1QkZOkKoV5ouf/XO6sQx9Dq2X7PPhhFOhquu5Ke\nGaT+85llrlaNr7Jb1ADdXg3aaNf5msk+d09UEfz+Ns5CR4xe/MSkEDERCl59\nduf5BEo7Wo3W/6eGYjsJw6oyk2aPcQiK4Ah4nSwpQo1tOvNidgdcFx1dxuKJ\nON45hvoSk0FgOMWssneZuxeWsEEDUg9ZkAYxUOAWofqqAt/cSVzfp3JqLNqy\nxKcLbMSty5PQf55iSUWKmf9ONqiLTJDiIHuWF5eu8ohFF5c+YxQlA267ZwrH\nTgsteI0ZS89uxntksaIqMAIZdFmPJbgDF9tPiePiay23Jrv3nO1Bifog5fqt\nLQyKL1FP6GIW3Qkwha4T1GZXq+R6oN7ZQ996C1b/5BHatLFEGRxfgnb31cvV\nmeIz+R+cRweQDN4OOgOLFS99XFR7fbFmtD40206DIfQ9G8M145mNmVq7die1\nuRqQauJdrpM5Ry5BIURCDjntICuY8T3tLaNLmWLDXDNCZ55MRFYjSozfPgX8\nVdmnSxIoxdD1CQiVAqTU8yjkWwq9UXp4VC6nMb9lBtynP/teyUGPKVOtEdyn\nb+dvouqaOyuFPBN4qNw9sHDV1qY7ceTBv4vLt13rUdeftJYjPs8k4maQx78A\noGsL\r\n=DmL5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"82ab8bbdd2373b285c315177e7054a727b38f4a4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.524b7b812.0_1588538810412_0.5258878707789645","host":"s3://npm-registry-packages"}},"7.0.0-canary.bd8ca9678.0":{"name":"@material/animation","version":"7.0.0-canary.bd8ca9678.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.bd8ca9678.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0da3b582ef9ebf650226eb7a3e2e5f6e84953c32","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.bd8ca9678.0.tgz","fileCount":22,"integrity":"sha512-eXv0lmHw3uZ0ctOGe17dlYUtegc10IdBNyi8qE1C0sXzDNWBCU87K2F7xmdOFAwsOwqtizrwIJuqGRez3j1biQ==","signatures":[{"sig":"MEQCIAl+zhgUPD7LoOeINY9kWBgdFzA70ibxv8R3d/QPKM4OAiATfy10zUyFlTDnRgksBPxjPLG/ygx5IcEL63qeeQ/X5Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJesE5VCRA9TVsSAnZWagAAafQP/1PcyxLcyhMON2LDLXxZ\noMkiMODq7hYaAOsHKHFNYtSZQtx2+JM89AC1zgJiPx2AIbvnIPrBfHOM35YO\nxfD1XKz5oAZV8prxLgvKH0IsXJR5y2SczSYP8H+9g3b3FzG7IiDtL/huiqk8\nShO9L9zT7d3gdiZPKk0aPTw6yZrwTOifSPcbqGjaRH06+PePhCbMmfXGFqvW\noMdCX97QJJbmOtFKLPIYcshgF1bcf19w9gu9yQ74NwE4yjcxcvhwkGJqtV/4\nvjNFZwlZEyDgBuJfgE4bKpnwdP82I7CKco8dymDUQbMTm9QqcqKXMbul52AU\nfOqc1iPhdRKWr14mHUGLV4LEDvXpwiiQu1W4QkvfXdhCpXlodvRokBf8+KdK\nuDuaERqV4z8LfVMgcqgrF7X2rVn62IeAIryxGhabyJoDmsF15DHId2sm33oT\nyHUXCMeP8OcCyKfdPyI/aNU1pq7t4JL4YwJD4MntGolHHkVLqRLUuwsRHv38\nPqAxrYyEBGVEj4qgCBmVYWIlbQS9Sr7QlNDjZwDqpKfmWTvdvwxTAb/DEjM2\nHTsVrA0L5HrJgmF4XIa0yBUaT06VeQsXSKvcpghC+yB6ZnvAi61uyfzDTMMI\nm/b+ZEyvUpWcNdRHpm95eYVYSniFc7apDRgjvHr1dkRasiJbjwFCDDc63sRS\ntkpl\r\n=ceHK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d21e98ae16f9c893bf27272d187617574615c417","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.bd8ca9678.0_1588612693442_0.6042250070534159","host":"s3://npm-registry-packages"}},"7.0.0-canary.2553e86fe.0":{"name":"@material/animation","version":"7.0.0-canary.2553e86fe.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.2553e86fe.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4e270019b0048e898791f2e63fe53a40eac119af","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.2553e86fe.0.tgz","fileCount":22,"integrity":"sha512-qlD97k0TyIsypkQGBvjvHVJYyqdQJcUs2wkFE8F1E9oGbOhRthZphxIWcqFL62MXOB6TqP15xZh274/pGtaUoQ==","signatures":[{"sig":"MEUCIFl0Vx2USD03UaQeEnQuUsyzGCintFXzPPnNu7+d8D+RAiEA7ntV7nER7A7kLznEK9bcwzZOMOKOpPTKH4/cYyTG15c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJesFEjCRA9TVsSAnZWagAAhDMP/R0c+0cwEbTNxFtkGhrD\nRxih52I4iyVedvg55S1lBcT/bloVrScG6sDWXXqTaCgDyCfCdd93eay5a/nK\n5Ykxo+besqHxyX0X/xGGWhdT8CovjgflcXX3jcOi+3Cy7GINRjSkSm4NNSSE\n/H2xP4fsMlVmWIgg+tjoBwn35pO6OYsC1I9b8Xy8oRRfHEDoXZYcjMMHPkNj\n7RWhBl6FQDGXg3rqizNYxUy8jP9MnU/0sVlnnFyM6VMQdeHQBM8SzCppGTA9\nQboHTyxj+MdIfKU3amBF0sKIlGxKeXC+BQMMXwQz8HGVb8qR3GLstkCY5S43\nB4BxNLELtwIzfDu34VrbDSUwTnztYTF/pwR3aZiwHIgeBmbrQY7/x0Fex0rJ\n4s3ToRgABrWWmmKIhS02qy+DRgeOXJ/YMBh/zFNibF/KeC8VioF/cIdfdSH6\nAiR7f+NHrwuq/TORDQjoCOmqwb+DBmbXyFb3s84DRZsUU24RvbfZnmFuj8a/\nk70o1V+fQz0jaSbXFxkxOizWa85eYpV50BlSSnbXqiDpj7jJSzN9eT59Hl+F\nJxBFAEg45txZ/vu/H1DWxtYmQ9ciIK0RxeKIkme9+KZ6uo/ryxWsq6FfGGlz\nMQFnGc1Un1Bc+hPoHbHMcUH7ZVFqsEK60AgJQ/6I4e1D/RojmQwL1MqdIAhj\nMWv4\r\n=1FD8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"9fa3a214bf3d70eb6522a1f75e622d936e7c0273","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.2553e86fe.0_1588613410927_0.07325175817911189","host":"s3://npm-registry-packages"}},"7.0.0-canary.03dec929e.0":{"name":"@material/animation","version":"7.0.0-canary.03dec929e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.03dec929e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7b69501dca91fce438e6bc48e6d4ad78f867add1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.03dec929e.0.tgz","fileCount":22,"integrity":"sha512-m72EeW0yiU6x6H5rPBgfPKxITgxRsUnJwsutCc8MYzAIdA/a8a9JaYxhzcvWYH9GOJRB/URvhi0osBGKnoKP7A==","signatures":[{"sig":"MEUCIFt0le7L4H/pXWpSO6+wt03lIVtWTS4F4Z1cfhJ5uJSXAiEApR86JhuFcrWm5xUMO2WSqoSSnIxVbQkObWosbZh8S3E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJesKYYCRA9TVsSAnZWagAAw7AP/0lE2FyuwPx44DU3efY2\nZr4395edXevwoS+GrQg/2D0Vs0iBVHVMV0GiG6JfnlmoUr3wlvpOAtbllpzd\nL9C0liJ7EG0cZWZEM+7mqa9ZRT9bsN1TIc8IT0LEpW5EmV9LRoPdwMUmDl0q\nekKPIJ8EXd7KLZpr3A39OlT8dVU8xdgOUWqXl7vE2hfzTcctL9XppddT55WM\nrBWFhKCSxXprS1gKCrgectnMiK8bSI2Nvuac8GnjQXi7md4oJ8Ih/lxZ/+Ze\ngTc8JhfpKihU1Q4cKcJU3tddP9azlfQnIQQwQ6ZK98alR+KqbTgM4XldWXWK\nWgt1Lr9I6+FHf4qdwD/ijUxXbBpUoxpQ930fWJ/7e2Z5otKHpDrvCJRRmDnp\ntQqjV5R2trMoYmbz7BlHQmB7wz/R5kiRYwvCMAwUgOyhdXFSSJeODmrSGPv9\nKgIZ/keSQ8YyHXKkHU4YmC/+AEpqYq9zxF5N8AESkkAMKXm+VUrx/0Ne5GUG\nb3d87i8ZAc/tRkA92FJ/OvmoHYbPfBEFl8Is3TZ2fDftGo4yj/vSZBaZzLtn\nz1+tEwMUkS7YMyEexWXBh9PFe14mj+PvrPCBPL2rFjcL+EPN0mNa4A4WK+Qh\nq1axjtWlxuGcWe5ZTkWOsGtkQzU+nO4yJ5+fRTr/dKSTqIpMkn24XiZD5eau\nnXmk\r\n=EG97\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"976244ee82fa3e080e074d9aa9a254e6428c90f4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.03dec929e.0_1588635159842_0.6656428728948391","host":"s3://npm-registry-packages"}},"7.0.0-canary.d92d8c93e.0":{"name":"@material/animation","version":"7.0.0-canary.d92d8c93e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.d92d8c93e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7aa9f15b710c478c84ac31e239f0c3d85192fbc1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.d92d8c93e.0.tgz","fileCount":22,"integrity":"sha512-MeOcW2xEyeHTwCrGERStR3lbPlDIZLqAe9d4gTHAZjf7lnTSzjOpJiXiaX8GRjBAlQ9Z4Ucy8rfCSHjKa4BU2Q==","signatures":[{"sig":"MEUCIECxy9DNQRGaQln82qaDLQmSHbktldewJ7hKh7cO06joAiEA/kFHAZBsnBr63yEbKtCKj5FEZVo+yQvjqalIoK0TwBs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJesZscCRA9TVsSAnZWagAAH+gP/iyLOClOFW7hUMQFHopa\nvD9U3c7QIEf3dF7f6NbJCWIPs6d/AiPi0nLpRo+csPcKAoL0486vY7rZy/mM\nfQx5lDzq89O9OfNQ9RFOtOx26aNjKCs5zxth8QUofbJPe0i/0A4HmY4Ymut4\n5QXT7bw1M82ccNCxCnGai29spNm+Ho9shh/vUcBE9LIHzWNQFLks7L4q6uf/\nyoOFGGk9If/8USO2vF6/R/6s20Limd8P1iLXhn4cvTekzDcobfyIEFKYwZ0J\nlL3IxinoReX2R/hkCMFfKcMaNslW6HxHVzUWypn1/etDrqXq3LRrlWwkQZk2\n0VBMNlM+RFZWKRgtxqjZzG76cKsWWYCgBBakPjutiz/i40vvk7BuWViwsu2S\nANIYzZ1nwbaqOPHK0YwuT6lljP7kl2SaWp4Vnu5uEED7RRsV8aih2UBzIWRb\nNe2TQ5Xpogd/uZI0BuvxB5XaPfsSCHG3ZhYvR/sMASMJUbsISXFCZey+cYck\n5bgZHYaRvLLODqX2oaqeQE3T3/SHOZITJ2lmgv8fZbAE4YrHZm75Cz0gCq97\n2fuLAwrOkbFwLeXf3diY8e+WdvKVRKu23nf+ZaEqeHuP6W7XyUgEb8N0xm27\ndQl9kcxDQ8WfiZhW6A6oWmqEcmDazLVlmIsGRn+tsWbzxJFb4ATPAlOIex0T\nmQQX\r\n=Trtu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"0781b5a0f14ce17201271abfff044630d170700d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.d92d8c93e.0_1588697883250_0.21802423842407936","host":"s3://npm-registry-packages"}},"7.0.0-canary.09f591967.0":{"name":"@material/animation","version":"7.0.0-canary.09f591967.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.09f591967.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"66a9633cfb709d753c7d987710b3e3399211605b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.09f591967.0.tgz","fileCount":22,"integrity":"sha512-tXmWEeGAsGbgFhMUADmLnOJUn3uw2JmwxDhkhPTCibcAks5q5Pu85gZEwiESTVFaKvqQjzkIQi5s/dlmnRaRvg==","signatures":[{"sig":"MEUCIQDI+0b+Unta9sv1kqTiY6WHzPbzEWihnYoWw9b+gOFfKwIgOVozRN9zSnYPoSFQ/4kBEdM7Kd6TwKyW1HThH3IC3KQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJesdScCRA9TVsSAnZWagAAEuAP/3iGHwfeMApdd6lx6gRi\nAt3mWRAQS6+DX9D3OTYyqJV3UZ3xElcJnbpMUyKuqed/DGm09Np2g1DT96Nx\nqxHpHhc6gt7UaPMs7mVYuKdzbim97OUQrQMwRmqeEzxgUgXcuyTvFSBah/dT\nJ8EiPdG7ZTY2cXIeupnYsmTsL3EreemzGfL/8LUJmV9IxuCQ0elJ+Rf3TAnA\naYYwKx+R4vh7i903V+WCd7JgTUvai16pa+9j+Bhsz/DvvnS1Zzw/oahjcJm/\n1xy/oAGLlDu9WHg+L6j1KfazhgH5wQ04ujXtGpjvGM3OYwf6ONawc4k9c29S\nqMlq2CHa/YEU+tpZ2X2RL9yHGOz178wZcVDG8OL6LT16z9n+DN4tdiVbne4q\nlfsRD3IHNcQh8s2DW/ojEb2ZJm+faPQuYUFfqkvWzqOtDg3Ycg579/MH+eNW\n7Of3RKP6z0z0vfHYSKGIWbe2lMDNTwqdks14KaFz3dMUIb8pHXbeMNwsot+u\nsdhiCQyQyJvF1Kk7jOcNGZnqgc+HHiIjRKpSc15L0k6JlDvS1fSQDp4fRGr3\numXC28+7U7EJcH96Tj3jky2foouBbWherKSj8s6QXECxL/EZUHZag0/2S9/J\nfMC3+L7CrYTrWim/w2xv3bU8pEN9HKy/bBbVIlNDzDHpACHH7804AkXEEEVn\n74mC\r\n=aT/n\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b1c5f494b8c0fe5f6f9710e50d51e2736a01b227","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.09f591967.0_1588712603608_0.42415880260931393","host":"s3://npm-registry-packages"}},"7.0.0-canary.3846ce311.0":{"name":"@material/animation","version":"7.0.0-canary.3846ce311.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.3846ce311.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f57541a44dca4a97a028a4af69ac2e267e49540c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.3846ce311.0.tgz","fileCount":22,"integrity":"sha512-0LvH79+d3JPRIMJC3bNjI8DDpBTrFw1OYdwDlLvTuw0qlWYnejLT0rB1F7EEWomKLmZPXcXnWvNXCQ8cOghHSw==","signatures":[{"sig":"MEUCICctADDW8QYonbIcEWG/uzwTky94G9qsojWWXl7fD0vCAiEArwBrjJjfDPGVUz2GcOfdDdc+lr3tXfugkMC6HXQG6+8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJessTmCRA9TVsSAnZWagAAxI0P/0LcPeDpNnEL4c/WvJig\nDye4qrhlFFaOuf2kZkTVu5ztG+wIXJqWfV0qSMbVlpIJg11QE//yHHgAMwFX\nk7tblLX5bG6eiZrK62Evfp+AhzQEosyhPR/08Alj3PflNyUFIDWDb0pb9Vvi\nzaOOpu7+90TZbjh11z5dHuomT6VQd6D4u8+1IUba3hiVRJkDoI5wXJaLRSHx\n9QnFFwrc6oYHNSS2mI25zg3P118sWirsvsBWTlZt1Xzq7NS8toTZHGT5tjHU\nLOMkj3XhtZiBbvjs23PpiFxm1lO0EfX9pu2631mizMO/I5jFkTUb1wjZSrIy\nW7BK/yJxpL9nIit/j9PBOywsjRpFJGmwIZh007mFHe7WdQZ/JpKUpUwDDcFU\noQS9NAHDIJIR1fEhg70g6qROiQiomRhv2breyr34sZH/1EQoZvT0ap/p226m\n+YZeGc3Pi1eKHuMNBgc8ZhuqSXevjjyuuwLMIkYeo1IIttzNGEBIlSZtCp7v\nRan2pD+VB7SpRC1rahR/wWn1MF4FpAxpW2LCuVYiX7BjnufTnNvfmDF5aOKC\n+20Fk8K2ueyJgQlsjLRng1YjVCKfq2OTmBqa2JhVxku6Vjh+GXGlrUmN1kPa\nA1gbsjgBIz39Sd7Q63SAIoNX1xIOHuXmW8pK+YEpvEhcOjZxDMh1yqZYEIx2\nGpe4\r\n=jTIM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"80b3806d13f75bd5b77443c9e504fd6468a5820b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.3846ce311.0_1588774117560_0.5744937003349946","host":"s3://npm-registry-packages"}},"7.0.0-canary.ed7f32463.0":{"name":"@material/animation","version":"7.0.0-canary.ed7f32463.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.ed7f32463.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b010602388a2a3d4e63a5eeecce62deeb2746fdb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.ed7f32463.0.tgz","fileCount":22,"integrity":"sha512-SSxH0mo/VEscenLGTK2RWJChfhO+FM0TBqzrMRdCDqD/m2xPFxAXfXTVt/dC6RBMPruoHuoxdLmVVXguQDsNHQ==","signatures":[{"sig":"MEUCIGwAh62trlPFfbeFVT0otBYGm97aOPG2BAo8AWO1N3VCAiEA+KXRk1WhYrsgCHl8jyNGeWoEAergGmjrYVNO6gT8cHk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJesuBrCRA9TVsSAnZWagAAZawP/36VYZ5YS9Oc8VjemV/y\n+vEI7zcG1jTHjCkuTzD3P1Mex7F4t0t2XgPl3J4z0WUf9n9IU36WHzuiWmoC\nXjE4Scrpa8YDoPN+J20H7sHYY0IqUV+fAqzjCTeIevooqAJ40Zz19Luy3cl3\nlydnWlu/ubxHfhP6uUQ2fbQKCfO6beYuXuvdHDWi9qpbrGqoUot+YqujMvOR\n811vnFjg5EyqmRkmViu4t/SckPhlY4U0nhQoJjF2A+Acv5+nyDQpwoAK4py+\nYM0OXeecXi7QbamUjYSImtqc6C02QisVNPI5vocs8FWDdYiUG3XjzmOzEzPg\nnda9KKIpdbwqi+f1mY7AX5zy10I5XXz45eN/bq+OH0vglWgIiYOqZcd5nESq\nDArkkFR89rf2WRhC4H9lF/UKOUNtsH8tkeqHnb224vhZYufI9/T07oGHu+Aq\nXdhpx7q2MKCDnG8gyDxPxGSnoUJkZn/Yigq7hjGl3gPC9CWylTkuly11KS6L\nBGnPY/HxYYegYqUYFo8KJc+9ntCjENgZcy2nkhnGZQPHd8SLJhpP+uLF8mdw\nPf7Xao9TXudAHksdUuxgaKrzEu7CQ9eniuQxrIqkv8vsSSnOee9AP1FrqUWv\nScPPTaKj02v8dX8AIWslQT0EBlPGwXtcciYT5jYD+8v6HgMf41c4EZ1qgclq\nyCMr\r\n=XUis\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"84dc461d7b4d6f61ef286fa2ade4f3d05018af62","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.ed7f32463.0_1588781162938_0.03548754300868051","host":"s3://npm-registry-packages"}},"7.0.0-canary.8135cc085.0":{"name":"@material/animation","version":"7.0.0-canary.8135cc085.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.8135cc085.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"020a9392fcd48cecfc55cd9626aef671c24880ed","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.8135cc085.0.tgz","fileCount":22,"integrity":"sha512-DEV3pg+O/ygGjBpgAT+hpNjN0IkQELaWWUDer1rrSnb4ClNz4cR3UCwAoWPDxXjCGcL/0WZCWqY5p1WrGOrt5w==","signatures":[{"sig":"MEUCIQDl/Y2SS3wAdHZUJKiQ4l2seGFFV5Tn9iZ9G5q20si00gIgCKfSHDfGK8EFFIWgFcvJKleuKNjLoCkfaDf4aVjDaEk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJesxXsCRA9TVsSAnZWagAA6cQP/j7ZjIhvfvY2W0mTiTNP\nQLhBw9fxY31jCTUbihs8it8A1Pyli2zhCJgrzGDVel5/FDS9DwgK11iR4WZp\n/kA+cE/vFVni9cBqg+rHEHzmzoRFqPUzokziqkCkYHVj6bG7HfBooSULJ688\nB16ZBJHpkaUeceJ12/5agAqpwJ6mRlV3fi09JM/uBJJ5XokEg9dWjeqRIgHL\n/XsljrE7nZK3Mzl8Saal/mjVlYp+SVeRRHm7kNjGWf619O6rf009pLDxSPNX\neFgCW+Dr0zkaVX0EPXXPJjQbLkNav8BagUtxXczx8cqeY3zlCiAfSHijDli7\nfB1cfU+OIi2/i3wloJdpM7AILJSJe/jgYLgLaXzijOMZvh7X7J1W8A1QQnpB\n+j8tvpulSrb524c/ZDW4y7wjhETYlrv+ZC659Io6l+qJuk6JJVQCEi3GnWve\nLsLzOLVxAomY2abm6cq8burWLtt/oLMyr/joPjqfK2dy12nJuzAlcnzEoau1\nKqh2/GjoDoxoE6hsVSRASMWee5MIIZNJRsRw8zfOz64I1XvqUCbpJDF5wbM1\nKaWgkFVcKtGZO4EX4XX3eepNBXIeEXySkkAcQ5Q8yzq+BH83XZiULwQ4tBhl\n8sbnJQ8OSxM921Wd854JtsZwLxPekxAwa6oyhF1SFd+56nAe3LkewIqXetlF\nr8wb\r\n=xlR2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"56422959574aba25d1461d4e7ebd168437ebf9a5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.8135cc085.0_1588794860260_0.4665506079267918","host":"s3://npm-registry-packages"}},"7.0.0-canary.deb212de4.0":{"name":"@material/animation","version":"7.0.0-canary.deb212de4.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.deb212de4.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"dec88abe6c44af6a591241613e99d3772a95d140","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.deb212de4.0.tgz","fileCount":22,"integrity":"sha512-HaCX+OLvouUQyfZSvPYC1eutYuH92Yf5Z2izHUnEb/WVN+HDxkadwEIL0pu54srSxfjbuii/BY+IFJV9aenBYw==","signatures":[{"sig":"MEYCIQDIM8ND2V7VJHBkjS4xWDntWaO1dNdhw0e2RtLfRngFbAIhAJI0TzSevM3Ee4X7MgACyFZvgLelAIdq9Qd368ZXRnUd","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeszeSCRA9TVsSAnZWagAAgXoP/1EE7TXcTpxFF+GMoE88\n/SY4wVKChqC7wLv7mIcJ5t3FYeb1dbC8DwXyjxpa3jP1O62VrdUD0ayz+Xkd\nrK3yOtfXxBV3+tLZtWUxvs+CwaviBbdcmtJo5XBxze4SEulBQzw9cXCQsuKi\nYLyB9uPKpKjZ+Cb6PBSM+/VkTarGFod5+97Oq6CznUvgeULZqyuS3FMYYW37\nI21Im4I8fA1gUn2Hn8hHSARZKJdSOcfT+1NdC23YAxg3Wd1IiuFBMn+mZox6\ns7l7uUIKKoCr8HRdtNkf3Ce3kw3I5Tqag4D24/wv82hiRS7FVqM/A/+a5ecL\nUSxuFACuqqs3ryXvwETv8R1bgLqHfK/JY8rL530ivezI2AMF7OpZqZNA7T+O\nVkej6cUKRh60YdGTXWYADEuW+JOOeVg4I1ZmQZbsnTMS0tiVyDcRWul5w1hu\n/zvFIAiOuZLupSMuuUBT9pE927vjJLdC/FTRWhkf4+NPdqEkvKShEHn3ZCFG\nO3z+3AnIWm8KDhgnhCrgoMIrjP7MRwbnZCCnDBK/K0VjmtB2c5REGJTgCKIn\naXajHWdq7rbJreylEyZenRhDAeu0qDbvHXi/XaJmZYiiblqUhhxt7R5WHGMs\nSskkXUnLeY4MbKFTedFnclTuh6+iUbPTVxsQ2CkdR/Ujz4oYMx4rXKjwq4HA\nUJg9\r\n=QrPG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"fe9c146f82589e5f1c471dbb4986ed6b3a7caf54","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.deb212de4.0_1588803474197_0.6509855388877812","host":"s3://npm-registry-packages"}},"7.0.0-canary.f83e00898.0":{"name":"@material/animation","version":"7.0.0-canary.f83e00898.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.f83e00898.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7ebf522170ca12288a0357f0575c4c42bef8ad81","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.f83e00898.0.tgz","fileCount":22,"integrity":"sha512-0WKK0foQ1LHBtWlU7ydGLfwgCbZVyCzpKSO6I+b+Cb0nHhu3oRIqJ1SR7PNSPHRBkDv7+6I66GnB3XL9srAxpA==","signatures":[{"sig":"MEYCIQD1BH1BcXckSspAZi5kpIxlbzByQlxblx/iWIfJjGqDegIhANm5X8ZXF58HoaQwvGzcmoBmJ6DG8FT6fdNU+7Sui2+4","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJetDvoCRA9TVsSAnZWagAApEcQAJbaK8bE3O9ReaoGu6i1\nkmWj//u0itW5arS+gU+iWtrCJupGkNdmWZA0zjBt+tkGtDCYfLGgh7bMhWqc\nJ0ZX3ctXAOKrVyffUhNaGuRu+QtTLKqoN02aMw96+SHE2K49juwOjgU+nmfE\nq6zPOq94wZbaqAJQTkoBwfoTVW+QOVKc5AqZ1l2gaDvlZ/NiPLSPKVM+Alzx\nM1cYYfCdJK0SO+aQJCNLt9E4DZgb6sQ0zy6PyRZwag6G88tEeYPaYj+PPG2K\nwqrUctBO/CTS1HC1mltTGfmKrOfchJ4SUBuv38aaEF1e6GRxVF/2sbmJNO0E\npA4/IfhpHsWkPDgNEYRyTbmdaOIuJGjFUp/1LCGAMzirfMuCCoGehxEIyqjd\notJZeQOvn27nMFQ3amrUq16KgTWzTk9jByl/MT0UXZ/c5IWZ9l3RqDGpSQ7P\n67xdu10KH70yaCXja2+MSbMxB9Fbx1BPzlsrdwaA3sCEUwtN22gknHGbEmlf\nORT/IdolNz1KIY5EvmW01yXb4RRwBOGjex8hy0UvRn1n1sT2Ub1pCb7DIKev\niintxtdapFDt/ynlOCyliUFCG6mFWvyWw7D9jllJQPGWHI2BnwVA0JzLKEXU\npm0VKyhetiqeY+ei91EIf4MEpc3wq3n/Rx7l1BfZLjMo1Gj7oxcA8aywJNWn\nkILL\r\n=9WHI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"02060afc2f5dcb762e9083970f865f1c714a38f3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.f83e00898.0_1588870119855_0.282852566048746","host":"s3://npm-registry-packages"}},"7.0.0-canary.047e6b337.0":{"name":"@material/animation","version":"7.0.0-canary.047e6b337.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.047e6b337.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"484b1b9ec6a5a51e9231ed2b5fa52018268c1748","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.047e6b337.0.tgz","fileCount":22,"integrity":"sha512-HJJaFNLungc5sttwOjVTuaA3eIn30OnQNFW9F2+piBfiEWjB99CgSOYSxYsrhz4LgcvsJs17fch+wU0HSjTpxw==","signatures":[{"sig":"MEQCIE4gbnqBqpDgzrgwPKXW328k2opWFQKVslsfqAudEcSdAiA28Y4kkAC+an1hnEc8yub9V8S4l9WQRyXDmVteswt7uw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJetabvCRA9TVsSAnZWagAAknEP/jsmuVvcbslcvVlsaHaz\nbx+oczOeTSKojxCkQtGo7bBKZSz+rOHBlsbNmbYLCGXtbVmWGXdKaDxgpwDs\nYU9t26JNXcbikORIB6FNQNd0zI5/CDzYsWY8/LFDY7DJMzqWwh81GwSaZmjH\nfqfu0Ukw9CkT23zpA2bDPSEfaM8+9TqEawQwF5IfSpRsrGGq4CLq9wuNbRP8\nYTeRMQO9TPtYy2DKLIgM4C3iEWXmDAjz0J9WvpWOcSLxni+ZQrRypOwRqfxy\n15cpT8N29v2Y7DptdduwQ1HEtS+0yrYYaN8Pp3mIGxSfjONgIPXY13ulrKq8\n09CWCHx3y1937v+3PaMnQcwA6mQEavKEFqodygHAqYQY19XxvcGWfUPgWZcd\nyD0nG/ilasPLC0sEI8gxbep1Xh6syyAQyyuoJUziK3lrrNQdozZxDRKSIjhb\nz7SZ8KedU2YE2ZtWtplBUuVLTCDiqdzsdqLOs6vF9JVzf8zhB+ZsC+OA/bCR\nTEbtaZJNivJtjXaACD4ulX8p6YFjOmfQBU0k//JhNGEgczSppu5l/YQyd5TG\nepChAnlqLa8oJG6NVQoSnijpoKyX/2Tdgku8MLMwTLlqWrPshL+Y9gDPbkPJ\nAVYE4EpndSXKIbAaNy6GuRqJLBryjrQ+HoxEoNZVjRGkkbPvZSMEDyopfiNa\n0dcG\r\n=gpLF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2be3b5993e14d0bddf55fdb157837e5593ca217a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.047e6b337.0_1588963054725_0.006839382837054542","host":"s3://npm-registry-packages"}},"7.0.0-canary.119e21426.0":{"name":"@material/animation","version":"7.0.0-canary.119e21426.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.119e21426.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bc8dc36fd06ef423a3b99ac2faa78710504d46e7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.119e21426.0.tgz","fileCount":22,"integrity":"sha512-dol2mWDeZfmZe88f3KXBuVr01UB4xZtljYJr3rN+K0e2vMPfnkIjK2XQHL911CCnMCt44sx5FRSKvNLKUGvtPg==","signatures":[{"sig":"MEUCIQDcuPd50feAL8h+O1GaNeooH4SQ72+brHsESfYkZcWW8wIgOyiawstZZ9/R5qYDOOBNRE3aS5W9BgdUA4YRHyx4rqE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJetb9PCRA9TVsSAnZWagAAv2oQAKGQlUs6vHcgMpQOtGdD\nmkOppCzdnAacGFLrNcYV9o0F5atQ5BKEJzxEGzSYA896p5zFVzJvIjrgYFCm\nlx8x84Tm2nOdd1Ei1hsxzi0hH0OJhLi59AVysjpApcyZMwscybuoalRiHgWb\ns/pZtOrnpE6wtHoo5FLLAdHUvWz3gjFAGCDWrQyrYFOjyusuDWVhB+RuJNB9\nUxThzdgA9qj/q8nUFAqJKdPrHSMemUeMNtBuxOWjSMJplDIqomITZkXBDLI4\nBO/VeBda8qz6/8vewk/cw1FkR+O1Pj7fOBf0UYW3Rc9BBWhKJWhn5Y7598px\ngT4irXgsROkSD++yInTaBwhhLVSxiKRYLsSdn5FFH7AYlpxVDeYM+oOFGcqU\ndSkSk6uxX76/KdxhaxTX5HnZcuLD2iMYmlWzKrBW4CjlkgiNyGSKSP4k2wiC\nMDK/Mu9qKW4+UAxU7rP3OOPOUNGBZlM3A0XuoHMvH6rMdkXSfaJkel3GXh11\nKWSXMwU8DYm7POOqRQF9J6jOp2fQX/W3ObikkDAsK/nH4FZZmM7WtbYPZWFI\nhHFMLnZYNd3l1TskS1FNpJJ/RSJKgXiMUKxHI4JdrqgVJpRSneuyESvkkuq5\ncKdzpuTbuH6kiY20myEej83DdOty+6MdlxbSkMRn7p9g1CIfj7NgWRyNi5/r\npq/t\r\n=2/2M\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"693ba4159b1a25af6955ffb1ce0555d7a989aba9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.119e21426.0_1588969294729_0.1737776766440744","host":"s3://npm-registry-packages"}},"7.0.0-canary.2f052d824.0":{"name":"@material/animation","version":"7.0.0-canary.2f052d824.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.2f052d824.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"63615781d3757ec1d383e83234176a6222cb6e29","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.2f052d824.0.tgz","fileCount":22,"integrity":"sha512-doJ6ZkZPGF+3Npghv6VePDI7R9jSjllWG0dLff+E2BA1vGjRInhgPeVu/kXJ7jWBSvWz1TKqdw0Kpvypv6HstQ==","signatures":[{"sig":"MEYCIQCI4DvglTeIwWeIhwPRf41CzWV7vuUpehj6k61/IYLZVAIhAO//H37YwYtro9fiPU7yXJHjEq0pF9klgo6NCqaCIgYJ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJetcnJCRA9TVsSAnZWagAAVZIP/3stWdomVpft+o+XXb4I\n4Xfmw3ko5Str7UnucRfyCSZeTJruccGRdbH+X2OHlPzfK8sqmJGj9vLOJXM+\nCbrkMFvdsXLuMpBsuOFxSuDAb1tV2xVNKYsO6/MhizP4JxlmYmHMgqlzMqwJ\nTgWeewopYvcJO217rvbvdt4zc0CJIbutNYF6FLazvw9pBJ1aeQMi9s7WAXor\n4VmHuI8bSbZRc/224+xLRdcdTujXYhRRnNRJclbqCzzi2ykeZ19priMj8glc\na/pirj4cOirpDXq0CdP+/7i+DMhlh9FHR+pbj73jOdCqT1TQN2Ft8/dPSvXn\nOzMiwUObtE4r/K7UDdrF2KF6JvMSOY8vOk6k6Ue7wWxYBJcFnNnJBK8Hy4Ar\njisgjdT156qICmecaN6nuP5I+DBiLy681NllS3bnb3CDpWHDg0o/YzU446h+\nbxtDwtp0EPfInL0j/u1k+pgaS6I+bEzcDu4FjkAPgWd8pvgrH6Yrbyg+u6dW\nBomXEEKV0cU5RgplqQLV/uuOo9IOraiPBWZ01FoAEBQVt6AvnQzOES/jNls/\n7V9wxF8Bm5pjRgF+cCkrnEZOggRF/BmksjjTEYCdQ/0vFdEdPwurno0dAk3X\nIi2n+TMINKvoprP+3FK5cwiu99HeN/aAt5AhuoxG16yZZqLkXVVuCA2J7Oyp\nGAdm\r\n=mMFK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e3bfb78e98db35607ba75f333490d9693f14e844","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.2f052d824.0_1588971976706_0.19036524579343594","host":"s3://npm-registry-packages"}},"7.0.0-canary.e84444387.0":{"name":"@material/animation","version":"7.0.0-canary.e84444387.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.e84444387.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"53bba52495dd10853c1899337dbd8bfff9ddca84","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.e84444387.0.tgz","fileCount":22,"integrity":"sha512-AgUO/bnp8ghFjeRP4XrGCx928RaL2QltoNqBCeKLY27CsrpD+gD8UjjC9kgwp1NIsA/rHw1KT+Be0DPSfh/geQ==","signatures":[{"sig":"MEUCIH8CyjRIArUup6r/xme/74QDiJ/pyjm9m8kG36gl0iKEAiEAyfX2i6bsVi7vMZDf5FpZX3LhfIbHS8zsV9FKA4MOX3U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJetc+GCRA9TVsSAnZWagAAcEUP/3ivE6VEwfoQq8hRq4QR\nkaRmDz3pIFfphD9cdqGIykBaFYbaQM8J+CMGQXP1A8Oh+boQrGMNjd5Piiro\nwjEfRmZ4T5TkxgDrB3IFIywPto+x0CVyyGkyqoDUq8erT+VFVgThguVequFQ\n5RtEmtyOxSz01noo5NlTDYFBEoeNtSyrXqyTQJliIy++JvHjU1PH57IYGCQ4\naDF7KM5Hn9HHbTdep5+0sJhNI1FX3QXMOY3NC3TIdk3jVc/aLTYW4w4OD7kO\nEETlJg97BAjBBPQyn4jiByqV5wrWQJ85/JYM0kTrzbuzI2dxoytA2uMIVZBa\nSi6isGZ0T0LjXHBt59sLz2dFXiOZdHP0686Kw/Vmc8HTH3OkKzazBfF+WxWQ\nFLjzchrfDNDsiJEJNigk70Dj7ZwEdpcaoMdlUZyLC38Hc+T9ap8E/5BvraEg\nxThESdLoLOSiicw8bPNnQnqOJ/WNWoA8Y5zgMSN0N7E3biclxerCvDs5dCJS\n4UMnJ0gY53u0XL45GN7AmnSkQWD06OfuNdqUkfLHVyrEZVVCuLT1Z9Etg9EJ\ny6LxSgZFHfkJ9/dar3vML2DrILhAsU0MR7Fn6Fkcx30LJ6BhW87iI6LhiL3I\n9YpzqfQ+Zu5CaRQllcxxFjVDR7KXAvB+d1NWA94uKCN9sqHRY2umjqr4AOE4\nvVDN\r\n=ExFF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"35f59683bcff8d7b2e79ea4f582488d0d86b0b97","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.e84444387.0_1588973446426_0.9758939919126957","host":"s3://npm-registry-packages"}},"7.0.0-canary.893eb1876.0":{"name":"@material/animation","version":"7.0.0-canary.893eb1876.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.893eb1876.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c0ceb1d9d0c1b580f476bd710821ae60fd0aa2a7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.893eb1876.0.tgz","fileCount":22,"integrity":"sha512-q1WBI3DT0ZHxZcfyRf3CH6H7wLC3cDTV1hNSVaJtbEPSmEYwiAwOuz+gHtiv/0awcvE2NgzkFx6j+59bG1OEKg==","signatures":[{"sig":"MEYCIQCdmnvPxHOZRjLdiTwxM3NOC4GTRDRw8cAlXf58K0s3AwIhANjqGpQW2VMwBNZflUPFOz3aftRm5fJmfk+vdWzxixl6","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeuV04CRA9TVsSAnZWagAAWeAP/iRGiaklLWuF38alGoVm\nrR4c6aIkQQFBbZreHhqzc8dCAg/uWax+1Ql5XtEHSMb26OiuUyGfcXpFycqM\nt1baVDvxQX2+FRuJ33AMicSxf1xYOgs9ExVEduMwc4oRNLfF9VTq4YIC+QIE\nG4tc5ptRdhgd2qlbdy2Kh5vqIAmwMbxsWQ6UWFPWjoQWGqQ/UrtHquEfTi9T\n3/LicvAL+dUaekJ4D7PSueSBX0VwrVVPXwzqGoIWNdpqbJXdbyFNaOa+mczg\n91HXqVKl6yONvAhb6gE1auOdAuwmu8sVwtxg8g1eRGKnC15TPrjY9fNKaiQ4\n0N4nUb3M/M24n7Mcpvg225yzZMnyrORe8kO1jPqQGiCWUMAiJkCSIQVFwzgp\nOlDU3fsvKAo/1LlUFI6dawEBN54oxIfgiESt3TC+r/QP6ov+KpDdbxryM/Zm\nr9Rx3m5pduP5L8yK+miLMn7aUNV0bQ/tMhUAY6ppzApvQFLy/VfcgId6pG/1\nkyqy6bKHEnRDpQOfdJB8e2L8PmYgCghW03F00f61iTf5GsrRr1Hs6fnCVvFe\nh9RZfyBtJn4qYgGrmH3IgjQNeILC9VugoF462cISQjdEBhr52jmlJ9HUBKBU\nWzws0uCQgAmlrrV0BbLoMP/XjQ1CVbylirgPfqkFbjMkiyjxRiZAO6ZTXoks\nHmnQ\r\n=U7vx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"4bf9fb733753ef4cba5683a95a2f2a71a743a68e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.893eb1876.0_1589206328210_0.584051408981199","host":"s3://npm-registry-packages"}},"7.0.0-canary.a5aeb3001.0":{"name":"@material/animation","version":"7.0.0-canary.a5aeb3001.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.a5aeb3001.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e8585d7a6c31906ee26d65c979176bbac58d2700","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.a5aeb3001.0.tgz","fileCount":22,"integrity":"sha512-8Vw4B2lTqQrSgG5K/ZKBMlzBMacg8Xed1bM4OuDnkE77Qjqq3Z7gPpCFqw0CwO2Dov98B188gGvc1p61OMMOBw==","signatures":[{"sig":"MEUCIQCVgaJmlmuOuc0SgR4DNe7jaxDTUvbb9ZtRvwVaWlLrPAIgfzS87OTt6c0lz4Sa6lFSaRlo/bskVdiajPX6Ly6cICQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeuWDmCRA9TVsSAnZWagAA3RYP+wUBb9ocYI9MrDa0yHzs\nhMvAwMksw7G5np0pjt0m5Z+FPiA/r35Xw2Gq7XVkeJTIKqk86o65RjL77Pq+\nt/Q10fmWlVVL3SFVn+cKTE3nB24b5Kvpze9ByNj0Yp4XXhj0qGt6hC3ICFXL\nkI9ZZ+qwic6AWMEiUjKiDFzotFLjjxkrnadvVMT4rC1NVCepncefLVhjWWn3\nVhLkkj/ali/hUmlW5dphWH8NkW1VUtk3kZKPguoXIdK6AbVk2FA9RG1wffFg\n4Uq6vYFc8ymyYAFm0LUTzl3lM9EF/yUtKGIKFNS78pN0IcIq2S/d54tsigCc\n0rgUxEOBEbmiscodmOGwUHZjYCaFzo2ggA1nSVBp4Dqh4DKsYWLQw1Zn2hqZ\nw29lF4dmECimNW14yLInPW2kRCbfEUj//sYr9F39DHEQLzTR9q9Kis4Usukw\nXu2QCfDwQaYnk8a24E4gm3y9T/f9NmIMVlYNsiASuvI7QpVNAyw0SqYpQ0E+\n9X+90l33KdgchOYdLT1YMPT4jMH2vjaIjpAStBTQFTJZLYYdC3bgqc+CmRAD\njeWbs8Cxm4Nnz5mjv9YpjupHTgG8Wvaydw7u4a2ZvAIEGcGIko6rneRUKvUG\ncP1RYw9PdId0Wzjs5QHznPF6xfpuVLS9zL/0Tvg5Uo2Jn+d8JPxysMsTmVwQ\nL2GS\r\n=rtFp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"01ce640dffe32b7838dec108ffb4d0c40d3e7bc1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.a5aeb3001.0_1589207269918_0.36081272637222583","host":"s3://npm-registry-packages"}},"7.0.0-canary.610c68d97.0":{"name":"@material/animation","version":"7.0.0-canary.610c68d97.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.610c68d97.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4a127ca2848c995ca05bbe25a7660ed0e236678d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.610c68d97.0.tgz","fileCount":22,"integrity":"sha512-ENV+Bvc8kYeJ+iDjkfQuAv5K0F6I+vEZv6pT1WnqgpOKSrKvOLgb8clHyqBSaEkUaVnGW5IdlRc5P9FsvDocRQ==","signatures":[{"sig":"MEUCIG0G2ENoqDnTmdNepVgPhbAGf2FCYuM6Pvb5UjMpmX3/AiEA/jSKRpyseLYK8AAkpIA5+JSN7mWUyQ3zotMt9+Y+Mik=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeuagYCRA9TVsSAnZWagAAdK0QAJ2M53Vs3DJ3NeAKvK6G\nJ4MlHeEvjY/Yh2wXTtkM5gY7tkuP9dZRsyPPhAFDIZcpy40cu6+ztsgwnb8t\n/tbU0hfPGuB8xQgsuZA5lo45zusSdWRLiNmnr+o3qFp6gK99+7WjL0t92nms\nPSaC3K1LPYaUrbQed7Sw1PWSr1sAIsnS68H40Udyl4nWT+UVJgBjxpYPAABY\nhs8A1JWxPrltzVMoqP2UISvgNyGl4yl1I2QXD41nkdCS9+M+/rH0t3nVpnQZ\nLN83n/Pzm+7oHo1ypcZanZJ0FIPw3a561jrb3qfuloRZoRQTbld9/lwiN0H0\nmZA7a1PBxsnmQHNby5t1aLuFvJkJD6O+wws8V0Zxco1lENkoqwSFWjQdBQyx\ne3g/9QNsIROhZWMcd/JuCqaRyozrJmjQ4nJOlcgZGHiyWmYWkkbBkPOAHxOE\ntnn7Qse5gYRQjIJSkEBhoVdwgfOwNMAFgG+kf3ksmHy3Qwm5hIcktorHzNIl\npBJ0pkc58sbC9BaVYJlPllTVUJy8qSUxPZ5cYrs12wp1/1umqE/9330OE9Fs\nFGN+g4lbX6NxNsZfsSle9+CMAWi0Cme1O8uQBQ4iKUnwxyJA4S3Bcy5Zkx9Y\nIMa259Vmon8VZ5HDd1lH8LHH7k26PqdsbzTMkX6YQv/Nc1vtsM3uRLlaixds\nG1Ey\r\n=lM6O\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ac4b0339093446110cc551732ef34ba30b4f4a49","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.610c68d97.0_1589225495651_0.0067353442528095275","host":"s3://npm-registry-packages"}},"7.0.0-canary.ed52af767.0":{"name":"@material/animation","version":"7.0.0-canary.ed52af767.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.ed52af767.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f3938fa3e3482c0eb4820933f7c19a545fbc7475","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.ed52af767.0.tgz","fileCount":22,"integrity":"sha512-pCnezAtAeFrsV4kOnIAZILTbm53vRGGa3UCid6GBDB6Yn76Q2AXNAKnK+BAFzmwV01N0M9ubd+YHa1JzcQ6Lzw==","signatures":[{"sig":"MEUCIHEps8CzhTB0yIOAKhElIPYQedjRv4lPJnDIEvf9mds3AiEAsagNQVcM3cvJWrFxSzuVsYVF2UoVIKWBVL8OwS1G6Ws=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeubTsCRA9TVsSAnZWagAAPfcP/jC/ZT2Tj4qWI3ljof51\n+1MYcCVytY2vlBrVjC8cljowk20mM7Iu8GuyD7K+bq1osDTBO+OjSSGFrPU/\n2NL6UemUdvhb+/BwDlUvNyK+2BT7qz0USljCZoSCZ4brHJlWyjxER2u9a8gw\nvCpNGRpxYWLj7vi6mdo8e8lRdbixN8oiQEPGu8CCY5OJcI2uu8HQzJDVmoXH\nvYku9Y16VoRjx1LNKl8Qd8eN80VmzAmGznW7SX7qIeZNC0zBLR9r09vhJKBB\nzwgblLc3r/x4H9QftK16lcN4VZzs0CvFs+vOWUcvKTdKUtt18dxJW/fI7Z6m\nd4rx37w87hK3zcT4KHGk8ng5S/YOQA0TNEHa8I7hrBJqCX9hghuJVnYP0k2E\nz/hVQGPEA47VRqQSLsBpi/x1DkcA5hE2SKvIlLanLkKaSePeVODNQQmiFXb8\nUJMC1+ixP8cQXiQO5YWA6BP3SLMyPL5tr6G6oEkj2H+JkBzm/GXNWuUBR+Tw\nPu74q/UDR2UsprTFNvsbdSegZTqP37jhdREPx/WnD262L36aqaVS32nPFmQp\nbMNKXGn0qHH79/L7FKV4+j9jjFjmTUHLEsUZqxzLoKyDRqYlc/O/52Fx2uyk\nRsQ1jx1ED1ubLICNQXDztrZyyFQ+NqdaE9ndeVc+SULeU3V8HppfpIZ+gVTl\ndCma\r\n=gkqN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"06b24ff740d1a29e8764ec98f735b6fef77dc5dc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.ed52af767.0_1589228780085_0.6006943277545702","host":"s3://npm-registry-packages"}},"7.0.0-canary.058cfd23c.0":{"name":"@material/animation","version":"7.0.0-canary.058cfd23c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.058cfd23c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"53e65a6b89d5efe00012ac4a89584caf292873ee","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.058cfd23c.0.tgz","fileCount":22,"integrity":"sha512-Ls3dKv8kLmqmbH11pCPjYWhI9tTMumfEUaIoRLDdduVcLzF1jIkJ+MNCY1XApZZDFbqGI+70fP62Am47vo4gxg==","signatures":[{"sig":"MEYCIQD3HeuSpY5mKLQXTwMcIqoBBTttyqmumhQpgJ8eOKEaGwIhAOvqDT0B2P40GPTEjVDiD4TlRgxi5JwspGYaXOMx10d1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeucKFCRA9TVsSAnZWagAAcowQAI/5183WnOzKfUayAs14\n93SxYr4EeOFNJv9XoIxENR+8EyNcef7mWqiVTov+IJYaigsMsAvmodY6/WHa\nLzlBRlwRw8lfGFdzDG/kwO219/KRCUknNJ1XW8BphBNeh3Jrnlyw1/Vz7U6/\nN2PdQBuKeVdfb+J4qwwPXXU1pqVSLy4RcSSNliXYeUVRhn6s+UR3gEzVGjcb\nr7saDECeTFAswibD75a25raAZ3bRFpDsCyPQHIx3/PFbueGv8MZkZDHCdHNF\nyjO8pu7in8OfNMpW7M6t0satx0cSGhR3/PbshmYy413VDtzGj3VC7DPe3HKy\nCHoGlZwmxAs9OhKYWTiYU19KhTrrwcS6xGPf6IMEC4kBIxWxDaYlxUP8GuzA\nOgA1GsiX9zgRDotgu6BZEIYSRpqNUYASgtoJF4snQ4Tqy/sWoBIIsrWfi7ji\niXvJYQ40Io91dWXMKDE7yaoMySHCXxjtSYC3GrPV1V14QchgpQszkx9yVr2Q\nZvkuRh34RxfHfR2fTyqTf0vkDkO3XW3LZoKq4yQpGOnMUR6dhX7rDxJoA9Sc\ny3x2dVJZaCp8XKXvIf73tIS0CIS6OhLCPJOiyUt4YS6wOceTCl5Jw+UV6+bm\nCOwbKlB0rNGy7f9kVgzJIOQX9gPYXd+eTGLGRcAWfkg2WSJ9RQ14xqeUrTJZ\nOLp/\r\n=h3LB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e012af26b00c720a751210639bef8379d1085234","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.058cfd23c.0_1589232260491_0.45473802503524663","host":"s3://npm-registry-packages"}},"7.0.0-canary.0a371b4fe.0":{"name":"@material/animation","version":"7.0.0-canary.0a371b4fe.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.0a371b4fe.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"17c7b08c95dedfe4b3a8d17dc6550f7307eb8ee6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.0a371b4fe.0.tgz","fileCount":22,"integrity":"sha512-XCy0KTB4f0Ypb8PQiFLfChLhLBkXzr/OAyHZNdw/XVqPGd2inAblySxrG3OdsVv7BF9PsiRZ04LiCP6+tekVyw==","signatures":[{"sig":"MEQCIFelZfOSgkp3qOlaOrSxx9AdMHSCZZd/TGVd17q9CVcQAiB9mDK5P2rjmgta13fASqNwK/O1ZLLuoEZOkTRiFhTIkg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeuy55CRA9TVsSAnZWagAAb6EQAJVC4WUp9jC/eJnTadSL\n4xJ/wQBK/aBaSUqkyfL5krMCg7K1nTzcY3QQ48ahd/qNdRels4nGRPM9QSf7\nffJD4OOE/yVJfz1BYpNjQUw6gaws06M+HBUtgiVqD0FUEedqYbwsUwhodLs1\nGmXYxF+iiXuv0qxxAzNbuxVAiLVNINthuO0QDKN3zdc+6YszJR5Xov1Svx9n\n3ebZ6lX7neYzfmki4w0zPTuZkI24MtGe0XrOr6yS7fwUIplx9rvZD+x2GZFT\npS/x/RPjByKsZzOY8JBkxMfg45MmIGZeehv/mXBeiF3rixHQu3QkK4+SEfWK\nCEQ2eDGadVFcoxgb8r2eBCZjU5+us50F77e9nxW4k6gKYMqDyg/rd4uWVoxF\nd2ONW6+ci0iS9lLHYYT4yr+ltVLlHAxoduRLWqabF//QuxpT5XOw3kE6FqrZ\nEb2RWxVfhTmvKRq3k6PEwPwkGHyiMOGGmcJJgVnIh7EQHvR+lg6k1hR6sTr0\n4XjXbsn57FUbZB376q37W/hAgObSLL6Na2cMIsRrwcV2RN84DlCGAIbabxCs\nBjPdgg7QO6u/OltJ6jOM3BFWYhrJSDsbfXrAlJWVoJRCAR+uzDfTEqEqJRUr\nJYIpLwivNGwrXGP2dWJmfdGrJdcYv+ZJ0YGJyvx02ACdCx2IwIgWeFqivxIy\nbdhi\r\n=Of6S\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c3c5efa159a3a5dd1da72a8e4e94015fb7984f7b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.0a371b4fe.0_1589325429882_0.21063543926523653","host":"s3://npm-registry-packages"}},"7.0.0-canary.2139200b3.0":{"name":"@material/animation","version":"7.0.0-canary.2139200b3.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.2139200b3.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"50499307eea6a9e32628269e34c388268d62b441","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.2139200b3.0.tgz","fileCount":22,"integrity":"sha512-UOrgtn5bBqFvXPytQs2X6KiHuh+KS28XibBhb3Gp8bAE0fsfgwjmzQzGlw9xxTFo85iukNf2oZiaEuroFAiaQw==","signatures":[{"sig":"MEUCIEAXXsOxuDGtHLfppsOOo1k6FJ93JRUG/b/n5c3yu3xoAiEA9HI06ekLgmd7+NDRmvXqdiAe9zQXGgtRw947cObbopE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJevAg/CRA9TVsSAnZWagAAMg0P/0GGliA5gmcXl1oRnSzs\nGQlppsZ9ormOK54K9Bsn6QZduShxwTIOx4ovfIraXZXNUf20VJHMhg7aEYaZ\nHWJVEJowM5qeC46R3pCN51LvsCdzW2wvzmgzwwdN1uq6ggakHluaTsQI9i65\now46cJ5460CjnNB7xoQ16DSBslhxUnLCyXj7hMIg/YejMP+dXnQjXrzFyz8O\njMniVt0t2X+BPY3Jg1sEpjoKQTuOC/HoibICFXTAAt0a1FOCr7i6+GPaAOqp\n0q7u37qNn0uhA2mu6r5tYQmWRR1Vv98VxjVSlpm/Vmw+B0PzkXEhvxbQ9BFR\na9pl6+vvU3xp6oBmvuRODLnF4IIRqBuTLPkbyo4y4/hf1UO9FWvA9L2RFGbT\nci9bqlGJNKNWwNABUrpD4fTXb2kKlODMSc6m+uhp+o7KBDN++lZdNw/Q0WMl\n4dXgu8dtas5S1vQo0mEAuoZUE4ah80Qx68g5q5UjUi7YawaTwGB24U1MDDeF\naf0ebGx4ilmDDWsjbD3XjaD5oqnYWdkF4SFKtINhxqTIne+3/0lMpTuIaoJu\nq2yKwu0B23/klHkZe7+jwg0oHl+oRks9lHLdJnWy4ufVdeZC67UxsukEQPQ2\nolCod53LdAE4QNsfmJr0K4DZxmQNo+y91pF2laO6BgD5UMpbHyKCMNkfRRwk\nCJKv\r\n=Q2+J\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"42c214d2b2b544f76002d71be276eb747a69d9d6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.2139200b3.0_1589381182791_0.35352353290746974","host":"s3://npm-registry-packages"}},"7.0.0-canary.744d751a0.0":{"name":"@material/animation","version":"7.0.0-canary.744d751a0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.744d751a0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4b830d5f94d5e41e83ea6bda57821bd1a37ff9ca","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.744d751a0.0.tgz","fileCount":22,"integrity":"sha512-LdD5AH53cw0RjTdv9Au0fX8Wk0t8JkrT826GBx+Fna6LOoUdG6CY2E/lcXjPE92YogRxllw7Jzk48PEiTbmFng==","signatures":[{"sig":"MEUCIC3jZ7QTRMgidr5iD6Qy67B6H6zBSZDRo7Gx1HWQMvCtAiEA7IKMz30i0FwHpX0yJVZPE+0Qr4rCoEWBg/QWhI/Ue6A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJevMwUCRA9TVsSAnZWagAAjDkP/j0+PXC6mGDP15QFwGfq\nfJiQD+2BSYGbqOGlqUzwgz5EoHi1CjEPVcd/hjOvrx7qqVRHm9kwW/63LIXy\n8oPZ+f/CsCoqiUZQi66T8JV5afuK8Pg/IZjG5qO1E5lSnDw1JulpNiGomWkG\nSy7n1KvOwQ5E6ggmE5R0mcg7iELN8EmHeQdw2RbBL++QZQMU7kNweIFNuBp0\nS/D29HyV9baQCwHOy6MZYU09CVBsD6fR4BoDWpTfwEgwLq3Ew3FWRxA/8S8S\nFtQaPNLI4zVJ0mkUXAZ0MmtehbRiGKrbLPThehakauzXA6B7ulqw0PkRpbcw\nT98XrVCjBdjwDZWSueg2VTxq6PCnqXYJBWJQBNlVVIw0mtT4nWUwXF6zvJno\nuqciEe2USuhLG1iV/UWTjjEGB5nQf2tcXDF3p42eIT7iud/lPTx3n9jlfEIk\n75ZPBviwfyz2rsYF+/7AQvLh9zTJx2uojJ3oqlChZ//wvOn6zpyFuCb3M+Wd\nK0FELlxF3d/vqql6haiWITkZnlVON3ELhpyoUmtHd4/kJaIfE6zs1h3hOUGn\nzjpcb7adkZrkypsjTGD7t4YJ4zsxqjU8Qlv2sEger6Gbybg9cjbomtfqG74y\nia4W2cEZ43j3r5Y0hXk0GJUxYVskPPfCu6yR2sEqGXn/UCy64XxgGZPvD88K\n8liE\r\n=pHxy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"afc5bacf5330bcdbe874e652a8d6df5e4a35e7c8","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.744d751a0.0_1589431315416_0.17633557316899529","host":"s3://npm-registry-packages"}},"7.0.0-canary.ad0c0c103.0":{"name":"@material/animation","version":"7.0.0-canary.ad0c0c103.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.ad0c0c103.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a129b9b347ef9cc9690b318a2c42002e34380e73","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.ad0c0c103.0.tgz","fileCount":22,"integrity":"sha512-GRyDQrLtUnQxr2WCAQ2wM2gcUmCKA3yXTTOmElYM3S93YpXsYS0PK5WI0Bd7BGAdrrhl8cYGGFmvTmMpCQshJA==","signatures":[{"sig":"MEYCIQCMWpxzIRl5Fsz8oTMRnSGeoPs0OO/aPWYfSoPgSN3FrAIhAKo2TKm+NL7uNz2qAkuHLmZxZsKE3YUGtQjTLsIuRdYd","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJevVq7CRA9TVsSAnZWagAAqaoP/ikq66pNXUxqCcVxsqcy\nzfjddv4ynU9SYBVStT/9r2lxwubI5XlEyaTNB8syKxu9tX5DmCr4mnl+wfIA\nIojgH4UMz3+m5MbjT7EwDv5J17BUMqMZ/LE9f3CjwoAJSJB2hp+6CGvMVltS\nl7oKwD3Gvyo6LAcTHsJEKFqSanmIO3ntEdryACBPAU4Alr6uPjbDlf6r0cp+\niyVrtVVMIEhZkzsYHjfnVfXOvFEAKktVWDK+NNa3qRy9O8dekWsTyexQgVRh\n/WkGuCPtji/s/Xs/NTtOUahIlRrBojreDeJw6uMLH2iDQfSV44DpsKCgt2CJ\nRR0UQANkXfiRnGf66ivcXiXNynsU4fHP5MV2OQHvdPSv8BE+JJq+kWOJmVdx\nI9ixhowpWvQakbbE4d8yuYBt0VMySWPz2LM45tbcqcSo1BhpWVw1EaNFvgrh\npI45iuURGfDoMb/rCChtDzTqLUFXzVg1BdkHDbyAaG8AL4jLZ563wfn78aJc\ncuUs5EWvaEOID1CxDXCtKXX2yPNojMHxYs+sWijKL780ZvuQROibZ2vCrDhR\ninWKVjOWTd6lf2b5tEEPDvUIeH8PIGodK5U6+o7Xmio9KAllPR2Aulh0FE4K\njrojKGAVQm7tgzH9nFeZJdmujish1kIXxlNKjKhXXVNPRhnvRy1pVPDsRN0l\n/gNa\r\n=gtvC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"76a0fe161f579d30f0d739918fe09f5f4eef04c0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.ad0c0c103.0_1589467834634_0.10058614128230325","host":"s3://npm-registry-packages"}},"7.0.0-canary.fd8f8f2b7.0":{"name":"@material/animation","version":"7.0.0-canary.fd8f8f2b7.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.fd8f8f2b7.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f5953bc70b2f9c7adabfd691674e26be845589ba","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.fd8f8f2b7.0.tgz","fileCount":22,"integrity":"sha512-wJ+RwGJ7lv5nd2ij38Q7gqlD6amHkzFBFtdQctxk0kaYwfnfFDmsvR4YxTUprz8+St/5h8FuoJeVWBRsMnm5ng==","signatures":[{"sig":"MEUCIQDd2CtMLs19LmR94fI/YbmfhXzVT5ra1ATxnpL/wWMczgIgYEA+QmXLYwb1vczkFdleHNtJ8otZXSmobScHAfLSlBA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJewstyCRA9TVsSAnZWagAAt2IP/j9mK9D02p6Og6vFRr21\nwFaCZCgXK9aa2PxmnzC12mw11yZtma9M5lINqM1LR9lh3Z/QvGJb6IH3MRVl\nPiJT6p5ADvlbpPMBx39t3i3TQN3zt0X6Wu2nytmMIyl0jhIW1a8XIaLCzHjx\nCSM8uB9UOgrPGlXdHw1hopD3otsGWd8xT63yE/x3f8YyOH5A8hxB45024Jja\nst+quqXFGj4Zha1GBCfYooog7DVhp0KXp5/S+GMivTipLUXJ8fb6OKWlDpcW\nlf2Bcs5M4IS+Mxocdl2ioD4LSqWrP374Y9dLLPx8m6jnv2LoEVywFLYjuTc5\n7K9dEh+OqV143k2UgQIURicvvRuvQ6ogZKccCF+SiZ1LEOdRbOAIGlXt1gfj\n39VnU/XV2R2WfIUN2zfP2NszgvRWPkK02+bFGklz6WiHqtR+GSeM0MOaCGk1\nF8qQpZEim8xzb94D6QVyEbMhCWO8j0BiWXWfZ6a5zU2J7j2A/AOzZZFj8nEy\nfiptOLEOYR1HDcPnoqEjWdvUxVesA47uQCsCdaHd6DTDKLLm4GTh7zrU0a9t\nj/BCayQ4YCwI8X9J8bqXERCuYGtq/xh7oRIf9nGCCnhAQyPqk3PvLNLXZojb\nIfNvVp2eCTs738fXKPX47rVo2eP2vhrs5sznhk7Y3cml0QCwO4Dupri68D/R\nFvok\r\n=PP1s\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"30fbf3d1582cc530b978714ab043f92bea7c4b83","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.fd8f8f2b7.0_1589824369619_0.07926605168133549","host":"s3://npm-registry-packages"}},"7.0.0-canary.730920fbb.0":{"name":"@material/animation","version":"7.0.0-canary.730920fbb.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.730920fbb.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"21017d1f719f351a7dec8b5e0bbc579b9c52f884","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.730920fbb.0.tgz","fileCount":22,"integrity":"sha512-p6/UNrpRbrP+QDvFbO3N7/Mtoqiku8bL2g55HBtIotpqIsl/ZM7rIweTxlDCq7QocpqoQ58gnN/KJlU9kw60SQ==","signatures":[{"sig":"MEUCIH44eHngE9EK2akPhTzS+Y/pu+EGDD6+Y08DlbWJwtqZAiEAnH4kkOapUOctPkzXz2TbWy5huVZ+2WzS0P0EskRLHzQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJewuVNCRA9TVsSAnZWagAA6WIP/ioOqlq9NqVA4+K0RquM\n9CZDdrodwfVGs2rxsE87CkXSh2oxNDhgAXzLCW/afgnR4tyP2RncBXuP9Uby\nTpmPzZGBzlYYeIR+L7DaabNf7hs2lwbjI6iR1NoTK+PTGkr0F6+vwPBHbfJO\noUsPx8TWcyRgHiqEkDQI40y9JMOuqNmxRwvYjfspf1HTRPPsXqDGlO4GBtyc\nNZuRpfpvTjoPoGXYV3T2pKn4L29iuue1jgofvVfhAiYBboIXw6nzhHSBSR90\nlDiuXCRHj6YyAMAOumSxwOb/Bx2zC8tlk5WZXwxE/YOX0+mCt1Ge74UtFd6z\nc5JcH6q1sySgO9R2L13glZtsmTGxOAMRcRRk/IiyvXDBbV3fr1eVF4F4r0YQ\nLfWmb/EJeRjfnzzk5o58CyCOr9wWR0rJSzK9tTnadess6ZUn1CVDkY1uttpx\ndFSWK77TRpdkjUd22p0BPL6MPfUh2KAiPBIY4y2R4PMZHxQC9XxedzzdgQlX\nLdzHFMVH31LAC8KlHKC+XZmKEp0D88mV3A2JqlzK6eDjoI+enXkY/OWiiumf\nhg5O8npW8HLo82asB859RB5kzBCrxJ3RLX5PAaeNvD2jlp+1yUInD3tRdrIu\nGQs54feRVxhmhDqWePSJNolmI9ucrhCKw/9lNMbSDWsvVHBLD+RrsP0Se6aB\nrAEi\r\n=2ftR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"1acee01a3bcc1944050bcc6a38a1846c507db43b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.730920fbb.0_1589830989403_0.9588810628991467","host":"s3://npm-registry-packages"}},"7.0.0-canary.bcdad99bb.0":{"name":"@material/animation","version":"7.0.0-canary.bcdad99bb.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.bcdad99bb.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"11f7156f3540fd671f3e621984c0ca6e3796c6d6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.bcdad99bb.0.tgz","fileCount":22,"integrity":"sha512-z0xQZqB/aBQ18JuKEtOtSu1XYG4u0NuZeNPqu0R173GkEZ18QFArGzSLJvhOTkZ4JU+iF4gcMW1Z2IZP16rFLw==","signatures":[{"sig":"MEQCIGiZVWY78sW/jr6OzNQp1PZDshe/n3yrOWU49GnayjbeAiAfPfcArYF3lcKEGdMmtZCaEFSzbyW5JKCiBsPo8HcKZQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJew0+7CRA9TVsSAnZWagAA0P8P/2HiDtQQdgGf/VHyH5E+\nvhLn81RBdVNhKSIzdDix5pqnAgoP/Kd2MqtwLefNnelLDql9c+7Q928S3Fkx\nRgOOxl6TSBuba7PG3zuoE5+Z9GjZAveR1+s1PWBGfUIHvwtkCp70Olb1oj/o\nxOYE78UxZNLdiLkXOmem3cU5QJBusGrJwazEmbs/A9+/DEu1PGPo1SvknIkz\ns9/sirKMki1NhFw/saWNTmx9dRa3XmQVxYwNMnM2VdY9vkm0LWznDlTSY4y/\nadvG7q1f/d2Rl9+gUSgxPG+wyIMMdoRiMEHbU4jPVQDAboBuwyj8CBP9JA/h\nuzxBg+kBCqv0vQyXXcOSoyjnyAX6kxrfSeS7XJdYC7l+fnrpYoNMpunFfUOD\nf3J1MoPJXahj+un1ve/S5AY6eDtrDANazTg4lCObosjXDSh4KHIM3OlcNibB\n+qV5FAglN9fPCQbxUtral1euIB8WpmcixMvakUyepF48XvJBhyx577VbHk7Q\nCgXAI8zvlZVTWUxfoALbpnQMQTiAEaCUCCtqe+/cil9WwlqD7Tu+mslUlzFh\nf/gGdFIkOuUEJbdTz7v6YLG0CMH+CHxvIjteCztyKPnCy/kqmPKPLJFJOCwG\nN09C/Cw6qugEMQM9dHBYPbg4yJDyd715BPlGs/WDbsulSF22pfhpeYGykTvJ\nKiGg\r\n=EsrZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"33c3545075b4fec07083bb484fdd7245d0b243a2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.bcdad99bb.0_1589858234727_0.8187350385176808","host":"s3://npm-registry-packages"}},"7.0.0-canary.4497b86ed.0":{"name":"@material/animation","version":"7.0.0-canary.4497b86ed.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.4497b86ed.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"79bd63159198c971b4d744d5df58b8e3ac079b4c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.4497b86ed.0.tgz","fileCount":22,"integrity":"sha512-Ee9WQpxrTR68SqkhvyBYpWX+dK2khhAn8o9R8r5TjBf0fi6+FbIIy8xMAxKetuZZUYi+QziEldc369BzZdXOYw==","signatures":[{"sig":"MEUCIG8ZskFYYCvGejX1GSrQxmxgbCr+C0qnDUTCrbGE5dtsAiEAzpAQ6aV48D5x7PrHoSD3KJ0xdgnRM215AB5ZrceSp6k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJew1doCRA9TVsSAnZWagAAs9AP/1xrQ50AYdkenwwvrFbg\nEk0E74cJy9GeERhp5/SuipZKGuhfX9EdJg1lO8Hpkl2QSKKpvdMHNZJovETz\nSorVf1/A51BzG0JLxxZ7XPUd6in+x6WJAycpLOmKiAj4SmtVS8njHsU2iGsg\nYSZHJ5womdlkss1qs+nfR9hjXmrBWSCsEGnrl76tv2cIxkeI8qq8wy7fz+cM\nkU2K3eAEgyadFSf82HcyTg+9yxyAPRGrd0/B2ftH2TAtVpzCfjo1Wtt8qBDk\nZc+t/Nkzj7ogd/wijKDSq8KNmhkQLNNuvWuIivEo0ka70cycDD8cN6cC/DXb\n/00CkQgKmE8b+qzsj+385vFPM3qBb2G5jMvRgmEgdCEDVZniTlgPz9yYpJSk\nK2UOlQ1JOGCd5TsSMR7pmfCRZ7xuRmwwWLWLnvsUPQVvnGZZLVgrIlDTE3A0\njzGjQAHh6bpnJNaFOTOXSqzskw7d961Ot/Z1UnEuEbhDk8ywhlaYnE9ka9t4\nRrUsvgG4rqZASQE58yZ85iZtJ1TuEiA/UwFxde8zf76bAW300sVlCPO5P5GI\nZG/PzTxDOSbSFjc0G845JxOAs0klbh7iKg9sN1UbdqulekKeIYhKRD78GFXz\n57O3dcCvGygVZMRdTrMP+76TMo1SeF94cGc8seWOa3j5/cfvtlawtNoH4jXx\ntUuF\r\n=68/v\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7ffe8b9fd24f52b80e2fa6a7007881da7c29f885","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.4497b86ed.0_1589860200088_0.27405013391108546","host":"s3://npm-registry-packages"}},"7.0.0-canary.2e60575da.0":{"name":"@material/animation","version":"7.0.0-canary.2e60575da.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.2e60575da.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ed43c946fc7e2fcb46acc48ad9ec6dc02a4cb8d0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.2e60575da.0.tgz","fileCount":22,"integrity":"sha512-fp9aN3lKNmdNZXn/xpy8nyfyRqixWLUyHEUq7fvk80hJGAaihaN78TdLnaF+iRm50Mcj+9B4a66Gti00BqfrzQ==","signatures":[{"sig":"MEQCID2oco1qQ0J/ZU9kHtmrasROPxByxNaGn/ZfM5LGuWGHAiAccuKTBzIQUzrxzPtOIUInUgASlM14S/lx8MmMGs5+Ww==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexAR2CRA9TVsSAnZWagAA1b8P/ApOCG3niVPZJFbVS2VG\nTqJBFZYVQ18V5fgBXXwjaD5X/OyPpu2UJaaWG1L72dWSTmzTuU0qe6i259Gp\naD+TfLi0NV1MpIteBa1ndcg5ZnQyzcnKKAZpozgpudk4+dfgGhRnMGPLECCT\nC3Vo8recEAIHiz++pCoLFE+YpMqIAHlb2sTAF2G+vfXEmpXx2eBGWFQoLEuO\nBZV8gNJ/UR04Yy+gPe0oN9MaYha6nmoSsiVkwpa9BK7HETImvOiqpjkl7t8q\neMOOGk0NvwPag9YXoR1olISuOZeANiQe585vkHV5FUy2ZcCuTkffXDFR05k+\nOnvHUcXOG8O0Nap3ERkBNz2bY8XlstIpRnvwutt5XxNm6LvKwCcw9x1SjzWI\nxNaaQnOVbwWtc4zFmERDKsjONovGU9T8HTWTldUH0ngg4P6fe3ii1KgEjnTE\nQUdKvpTEMN3lBcKiQ4+CrCZSsYMHYrkC2KmAGR/FTOJMa60tJjIqjwgRGnYp\n50keBso9U6yN73zvK4yTIlh7rUIVnXt13WlLivMvOiqQ1Z7nNBiYSDOJcCxS\nEmpIAap57z6ECxxMWL/MNjUKDwPo4TOXdG9nI91b1Mf0lFf4me0IF6hyukPu\nhSskt3KtrL5TkZdyXun+3GSIbnspWrWO+Qi7iNRapNAO5R3r+sepvoX7eqBB\nk811\r\n=+/CA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a4b6f1d5a01445ae9c14845614630907beaad190","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.2e60575da.0_1589904502046_0.27135002122452745","host":"s3://npm-registry-packages"}},"7.0.0-canary.e3eacefcc.0":{"name":"@material/animation","version":"7.0.0-canary.e3eacefcc.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.e3eacefcc.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"97814297cfc3f0afbf2ba3fdbd295c21bf4e1896","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.e3eacefcc.0.tgz","fileCount":22,"integrity":"sha512-YG3PJ/jKgA/n7n0tpXnr5oCmT78R9cu3jU9tk3EL7H5ttV5eEqotc0rOSc0mr574c+fBpqHyCqJnR9xiU9UuWQ==","signatures":[{"sig":"MEUCIC2IcfKj7QU5vO3Fsrfap4FwJq/kpbzJrxpZO/hH82pOAiEA1e/f4Do3utvZqHN4zl6lXbPuhE53zHWuoQNTkDMnz+4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexBlJCRA9TVsSAnZWagAAN7QP/1MvGp7N9bT4uF6EymPv\n2Fg3tGhfiwWP9/CEnLyjNQrAGOk4YK8kkkw2756bxBpc6fLIe6FReUz4fZG0\nwXa+El3rDj8x5horERj9Ltq2PBm1TDTEFURFaYyUZorZa9GwOPpZENxuU3Qg\n5stURmMr606NzKME7aUAAGYFGuSWSe9mLMZ8gGRRoENDndgNs57DLbLSu7q+\nKLeEzeVdaU85mmJeEjJ86M8V47Z3yZTqRv0wQMana4VFVgIvB66+HbPkistG\npu3+CsUUmJFy4mV3BVgF9bnpX7SjbGhY4Tmuuvdio/YLBCcp4qNzEqOyDXaw\nHuTVpB9ybum39H5bZ9zlqJzECPdBRKTt7cbp/lws02XqYxWroYXdl0oxQSWV\nvL/JOVCnVxCpMsjqJscVuf4DrSvGM6JI1/UTVcPGJwljVgZ2wulhHNBhrMjf\nR9ZVe1nG0O+AQ1ZO5VGxEwBL0knMknzKt2NoHCvRPK9ZqvQyrdRuVuHWcdF/\nlLCpjqmOKySnMXfH6IZgfAIZT6sW7txZDIOolXoZ2Rs9lneUCsH/ajLt3dum\nkI6fIW3elzFYnYNbOPGdWYGwJfI9nd5+SSrEKkYlymNiQYRVRMTFGvmPRNAJ\nBCQpiQHbMVwg0t5wMfaDMw0jLu2Jo9eAUs/4016gw6GvQNcuCs80LJq50Uzt\nFdun\r\n=AKm5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a80846c07f1b98212ba692bf027c2003093d0180","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.e3eacefcc.0_1589909833331_0.8406271282657125","host":"s3://npm-registry-packages"}},"7.0.0-canary.b065a4d2b.0":{"name":"@material/animation","version":"7.0.0-canary.b065a4d2b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.b065a4d2b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"852c89b962e92c96cb7681bf6df6ef13ca983a0c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.b065a4d2b.0.tgz","fileCount":22,"integrity":"sha512-yF8uDsOvz7GZAn6I8Y0lU52c/GJY4FqmxfzrKpcfdHKsW2mA9KaiYNBOzX/nahwDqICR07eG3OGEINdONd0gRA==","signatures":[{"sig":"MEUCIQCdt7Q+HL4INIBLeDysVlJiK/8gPdygiOZWZbTO7QjRlgIgScg4fqSpCSqUq2ypQeYQkorguc4VcJvdJNr3LRrusWo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexUA5CRA9TVsSAnZWagAAWbcP/1wWkAq4mwkpaJQU7nVk\nNKmdldrrUDVylnER26IoB03hmI1rSunylB1opJ8cKTABQFmOPjki388Fd3im\nnxI+eOG1qyrFcfRRYzU2OhD/lOV8C3aLzJrwEHdI4SB/NbR9Wn7lpJC2cdZL\nF9AHrP94BruncpkTtRV5qzb66igtqcgaFnEhkLpk8zR1rzwF7pxUtf//biKx\nV+1cX44uKAOFmF+INHjDGc+Ew2o1VbjBo/s3dlJi+FrmMEe9kyqYyAVzbfii\neiArSoZzMG465BW0rB9EPZGvJlZOibRU8+pFfXOQXtnSUfdK51mUP1KwckAW\nRo0d8CvQzZ3gIYXQvUdxPL8OV4IXA/gDi5tzAOnxEake6XqRCuEnFNlnFY6d\nuyH6bg88vZ4h2iWlgAnxx6McE5q7J5hBscryJApGAqI+XMecR4UNH44kJIgA\nFK5ekhwMpTeh2DOZDYP2lNMutZ7mt3E5TiN/4cd84kHnEJW/y/ybs9Nhj0TQ\nFHy0ZHCSFj0641RZigBVl9VLfCTO6KiZg0i+7JR903jSaS9oWK4HV1+RzzTh\nNlS/FEZ/v+o331LbklgXEDf8hsdOfNfRrsUIcODjCMcZJaeEhVAgZm+EBBCP\n0EPbgebDAZG3ZVxWB2sk9oASmjfmSELFoQdGvlWThhS5VrADu6QGV8j3bW2w\nNsoG\r\n=7QxE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7de80cb2ccfd67196d7be3fd614cebb9cd73499f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.b065a4d2b.0_1589985336440_0.2678336051940602","host":"s3://npm-registry-packages"}},"7.0.0-canary.4ebce8d78.0":{"name":"@material/animation","version":"7.0.0-canary.4ebce8d78.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.4ebce8d78.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"aed24536d75502b0078dddfcfc60a8d61847066b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.4ebce8d78.0.tgz","fileCount":22,"integrity":"sha512-ohcOx7YerCqTo6DKpj/Yh6knm7symefLVXGw/jc90nl2WC/FedlKOQg6tEssbD0+IHVCH87UK7HfXMpeMnnxAA==","signatures":[{"sig":"MEQCICgM3YhCgzS4Aym4wsFBDCmvJi1fzQqeX5JxXP2UWVffAiBbLtohQFd5wRuffS1Ic8ZBojvBoFRKRpLJvm39u6X5SQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexZfbCRA9TVsSAnZWagAApZEP/iZ6wKAPBuSfo4lhKoVP\nYXVWloYdB1JJbgaacj/T3HozJ63NCQWXR+avUFhlKEcwhP4S6RK9O1nQKeCX\nef7PI4fUvEG1YvOUk8TX7MKvedY+1i4OACIiiPj2ZnYSCz0vdXm9O9yXPSbT\ncI3tmmPF3M8SwrY52UgDYqfFweV2ZVHm0h7C+NGM2imjiIGwBciRLQGU3RxE\n8thDcOvUHqPcTUZ83m/41/Oph0VEWvo6Bn1+VvzTTc2V3tzhVtiNfkssJKrI\nJ/Ph+7OzpC7ifoScluoHcBiX2wf9WSd+O2jAIE7AF8MiqcgEf52fMCIuvglM\nqKc9HQNcP4BjlzB3mUkv0ho1pDwV8GbsFLfscpDbMJNl91l5G9uVZ3TFRG44\nK+/y42L76iY1sNW1Xwk/SW9eiP7e/xxAzC33YPObsbrieiV0X8oJRwfXhriJ\nHzKpY/LMSRuaZwa+zExvWfxe4RZhtMTKqOiJIWJ1iJzXP7xyzSaWpJe/nIgZ\nb/w2YJnRLJ0/SaFf2Cjs4EseIB+N8GDSUUdWXWyKzuXQDJlJmpbf4d+uDE/7\nzI2GIup3mbW9g+Q3EN2Z4PdU04uhOvD0NsKOa9wM57No536HwM0OweumQoPN\nst/hHNCc44byh5k9YFiOvJqsdvij4aVzKoLmqkwc5Tc1xE/+jkAPrgSH+X6g\n/lOR\r\n=O//1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d7cc6c4aec24377070d4417765fa102dcd7c7e0b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.4ebce8d78.0_1590007770227_0.5537172805009416","host":"s3://npm-registry-packages"}},"7.0.0-canary.b0fdca492.0":{"name":"@material/animation","version":"7.0.0-canary.b0fdca492.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.b0fdca492.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8b1834ab4d3b1b7d4cb530e62078f0345e5484d5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.b0fdca492.0.tgz","fileCount":22,"integrity":"sha512-Bt/uwV8pa214SB0rELWJMqMFeYirJyRsL4dvsvw3WBoBHbC/XouR2OI5z5V8UMnk4aPx0s5wb0yx075ItER22g==","signatures":[{"sig":"MEUCIQDCIBu66BZxCs1ew1Sm7NqkX+5p4k43xQ+0KOX9wL0ppgIgUqEOjPPsT/2EK31VYaVQvbs4YTZaHfENQyvuk9Hr0Bo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexbbjCRA9TVsSAnZWagAAN1YP/0jlwrnpJMW1dWl6x6iZ\n7pHr1e9jMoXBxZkmEF/gFbnGi73KlTnRb+LOrBDogQsPKMTIHdOdMMpksVff\nolDYDkZeeTaanMuQTlVzRtzoktzW/NHPEIECKa6wqB7uQOsOz1o3pvVA2nUU\n3mKi8yCA0/2oc6He+esgs5BuPXZVZ4VkNlb9YuXRLqQTOC/TyAACzM9v16NH\nVbqvb9t7jC08eQRcAb9P7QJy/56IgLTxkoXOwudIySVwhgu13VUl6W2GqWt7\nsdIbq7t0affOa4Xu68MugKbIS7joXBI+XAYSS6ltT60ryvxNiADuXbXrydaR\nWKZ/u8DMaNkpgcq/OAdiy4KgUvHohWYwOG0vHaeg7W/3LizYYqV/Dvr1CvZD\n8HgqWw830sJYrFsG4NyoqpuUnsDPBUahnwM/V1V6sRfoFyrjBNTODYu7TXpx\nKQCdl6VieKH+I0Goevmk2D4IrCy0GRMQ330d2D7J8Usut9NvQSLxXgt8L+2s\nSYKXlhBnsR+QkbWN7GPOavljLH0UybF/USC4WDxRdyn2oj966JFJWLfLhOt+\n5cSFRalgUKdjJ4CBeOWDcaV/wvNpb4UIXuFaG+sDcCiysEPDoW9vy6bqCAsY\nh2yYCmwpSDPy9JZftUqITCsUOEB1UZSP5yRPqAjS8dLusikFP/4+eCVGDqf6\ng3iB\r\n=wY1S\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"590e5f052548986555dab713a1bcd253b6dcd01a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.b0fdca492.0_1590015715119_0.2292071454791913","host":"s3://npm-registry-packages"}},"7.0.0-canary.c67667e8e.0":{"name":"@material/animation","version":"7.0.0-canary.c67667e8e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.c67667e8e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"db5e716a3ac5a0c176936c9aaa3efbf254ac549e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.c67667e8e.0.tgz","fileCount":22,"integrity":"sha512-EgvJZiSHxWDNDTq2UUO5w/H8UrcnWiX4oQTaxJxeICHghGKtBoLWERrCsuxDMot73/8ztHMEP3LVxMJvMPzHlA==","signatures":[{"sig":"MEUCIE3vBfb8RgIXud7j9vPXF/V2GIpISOZtCeCtONErrk3hAiEAuJP2owPmFD000kBBVFFbwaBPls6NOeRuESyWC1+ER2E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexowdCRA9TVsSAnZWagAAP44P/jTDeqMQzhEInGSiXMn4\nsKRL8UrDUB+31jetHESkcofhRZZsWGqjvgQrUayqfWiKMa2iVkj9xc5rVNdj\nec3R3LBZGptF2EwcBQqI/+TenD8gCLmMwT7bVSwJo3C/wziKEGPY4SgR1SA1\nZBEq2RjG+5UkyRnue5lPbCBdKQny7Nf2qs/++/AkEPhOv7qIpjL3zjTH5I2B\n8I7v/OMTLprGWFrw2B8pwEdzcLha+cDov3mvGzS516RjVd3YozXLHzkVFNCI\nFYivkVMIk9PEZPdNjp5TPZ/EsSXOmXlLd1Fq/c98MfLYFMRlHiFOqsMx9gsk\nMlaylNKBm62BTFJ/C8lHTM2GM9O62kBvatYF3rx4brFpTuTCmsyOu0cr+afG\nGB+RhkH+UarnOzl4AKvzDLhtZz2BNjQEErjJmenZrdJ2ZbV3jIygS57YoaZp\n2/exmfdI8V78oUFCNffPOuSNhF7+s+oqyZh6E02JgsYHmsF260kXaiQAJPus\nY1rvqkW02AzL8IySZzfJW8wdUlyeMo5lHglrIGM8y9X7bcK/Knct7pc+qBna\nL47aqfhUhSgtlcqUgc74C4koKVvmu7sMnzn8VZBqNno0lgxspxb4T1NqxkYt\n5+bGWVOisXV7OXbKejvm5/BHYm+adwOgfAtqNC8tuesVtHxNT1Dm5a+oT30t\n9+Ur\r\n=gjqs\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"405f1e85ef85a7cfb12bdcba9816d716433463d5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.c67667e8e.0_1590070300662_0.8085632389244191","host":"s3://npm-registry-packages"}},"7.0.0-canary.62b5f37db.0":{"name":"@material/animation","version":"7.0.0-canary.62b5f37db.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.62b5f37db.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"93992d76af1bc90630672c102b99ca1de502320a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.62b5f37db.0.tgz","fileCount":22,"integrity":"sha512-Ny1QkC2e93S1pfRJtzNkfs1YvZJRnu0GXYtm1Q9LAPCZE8aZnmYG+tBrUR1VzzCzcHH1JOakC5T+vHHDxMRDgw==","signatures":[{"sig":"MEQCIHSQ/phDORMhKxFiFyvLaZR+Ms/VcUEav0VL6NbXNzAFAiAs0S0c21gVXTYEzHb3CS7Ov3PFV0I7XvB03JNfNuGXvQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexq74CRA9TVsSAnZWagAAYoEQAIn4sAMUaY7wVK7LvfER\npAVRSasS+sAD2qMESU2QXEEJ9zJW41RdVJYzuRjFa9gWw2rX0wnR1udN/P5R\n4dqcLo47Z5GV2ZdJvtDUDaBBXpEamQI84Az+aFEBYRyI+98bLpvWyth+CXkG\nlyJkHnNPYORyRyPOajk9SwGH9AbEB9NLEdrRubkqGx+3+JC5Z2QW7PU5h6bb\ne+4dQ9XQKBOUFiy3DxXBZomvhbCidQ2RnoKryfNVOw3QJsmJohcAYLzln8T8\npKz6byNadZBChz3YT8tuzpMbSw3kSbldax2V0cy+If64567U3xbRNq5NNc65\nH6QGQz4v3uuAJ8K2nEyhYguWrypzlCgVQ8qYBWXi76BC7cWJZ1qqcaS3fPCV\nxsPMHmcKk2fZ3Bb/766T862Ve0CVwC7NuEG5KoMPAx2rkD/O6kZivmFDOZgU\n0WRoNwC0CAfvq5AudaZD1yKeg+JDfElLzwLLCmvafqXIp9tnfo0VN02jwNmw\n3l91awtuxe9vS4F5mMdPnsxFqErB9qBuIQsVYYfOHaDzCWZ7l+vX3+hEt3rZ\nWWgsiREQr+mt6N6lAVO8KyvOl30+QPO7d0HGmjzKlm7/xOTrFnT1/NP3Qiu8\nUozl7gz+KAfMqYDmpvt2PsyQPep2REZsryCwON+a2iKpzrDkQAEuNmVpN8zB\njmkG\r\n=K0c4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"62c869c9d490fcd3f25cd87f251a83b273e32736","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.62b5f37db.0_1590079224023_0.6102817006896781","host":"s3://npm-registry-packages"}},"7.0.0-canary.2e218dbf8.0":{"name":"@material/animation","version":"7.0.0-canary.2e218dbf8.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.2e218dbf8.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b8c0892c00f26d2698fd06c1e009eed627cc5e10","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.2e218dbf8.0.tgz","fileCount":22,"integrity":"sha512-bWrjjdHf3t85JvX0/5+eylsGv/w/RVKyCtGu6hmWGGnqEmuSAf84qucwo9pCukl+YrMmK5bF/t9HZZ9bW30Z/w==","signatures":[{"sig":"MEQCIFalinZ3CwmHG8A9KKdc5jiRyh7kKl+KPiJ7U0Xn6R3vAiBI3vwbnKtQWmeUk1W6lN6+wYISje3savmcHHtGObrBOw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexrPeCRA9TVsSAnZWagAA6f4P/j8NN/1ERDT4krJ3ShqJ\nV9yyU0ToZlVEg2d5GDMIwPG3Dh7jRCbN2/B0gW9H6IqnU/1NMh0GQ8uj4Juo\nYD9HnDoYRT2KDPlAoFaqS7cxBolBc7Rg4e3/bdZRfBozj4k1vNhyZQxmIT9c\nYDXHjSN7J9d4Pw/OEzgXY9oFVpZI8skL6mbMymsDpJo7GB1VA84hrmUiHCX/\nQ/NDSO/5FdSbOBCCKsoA9/juhWE7/96xkNn1GJ7UlRAxwuPdJrrrVh8LBiuS\nRHaXg4qwX3oHbkjWbqWA8TrZqJdGKzb6QbSN914uZEvhG8+QibmrqsQjpXZS\nYYwZXyjq7Hdt6HYZXcz/eW6qq7rooNjcN0bqucV+HVtHV5hO2FxLIEvCndNw\n4F4BKD9lIYldGfdIUPzZRA27xi3l4uFhhlxWktiPye3c6XuTHz5VxnbB5r98\nzly5Xotr76lmAdCSHpDYWJrJkhfR6TqNPsXYWcF7gHxu8uAdskWe+A+imQ6S\nbgVyjAQRX7lnB0Gp3TL+NQzMeH52eByoOZ8ZOTHYD4SjQsbYVZKuBDnyhyYo\nLr1SB70LkMoIUmcg6ACSHp4wBYVgTlHE8eJkeXcb1bw7xwzot91WrfYugkyI\nLqKyzbiohnCE3PFWdwjhpTpy/AeeylRESrhZAA41ylbDCGXw3luXdCmHqbGH\nAQOz\r\n=TfRI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f9b76f9144a233e7569877ab8f0dbbb1be555055","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.2e218dbf8.0_1590080477561_0.6078027093972225","host":"s3://npm-registry-packages"}},"7.0.0-canary.7fd792bb9.0":{"name":"@material/animation","version":"7.0.0-canary.7fd792bb9.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.7fd792bb9.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8e1732277ef547aeef6735be66f2e42f1dbea1e6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.7fd792bb9.0.tgz","fileCount":22,"integrity":"sha512-Ruq8f9crkSbwHT8vLX34yytWp3YyqKbSjM0LU1jitxDHYjvQDieOM1B8LA/slaFOcnTudsaaWb90oBASvQv5DQ==","signatures":[{"sig":"MEYCIQC7PuK8VWA+VHdOdlW7H7Ud0aYSj8DWhpp/4ao5UCahzwIhAPDJQbx/SXNZSo15NWe19adXRV1kv6ylUKplNkaiyo/W","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexrbOCRA9TVsSAnZWagAAXUQP/j7LhGlDJ6s20vsYlaAE\npguQjw7GuH38B+g66rRQrAGQcO64VQQMu/UQ+xn/nraaC19MjHWOIOFY6y8I\nnvCnqQEnnP+pc1t4PLRc0Gb8fE5wu8PClTZi5ciMbWvJQC7acMJfVOyYYXmz\nQUMA10EKETLStpt2Gw5aG/lB4gntgSe36Ak3e6kCTsjjqW+ZNkXP9sVfkD1E\nlxaG9STi2Ekfyxb8qKkBGONtf/DXZxN7FDkAy9wxaOdieMYB10ydkxUfTkg0\nOvTRkukl2vOijucHcv0+NRCaNU9qIvK8KiR4pU27nmw5Q4X8Bd56vpGPdjx3\nwl6aKNyejKs6cdaWY/eBnxsQ61Pq5BtP0Ewk5VhvDocfXa6guloJQmx5NPmt\nso2lC8Y/CnJ3JE3+mSHvbue6sKy1BEFArZyaepoYMDar4/sQ8nNZwI6bHa1c\nm0xa9vxSRBJi7cL/1a/cYR9wKabuuus+rhS0RK+ghLuADqfJ9/9Uq8yQUv1U\nZ3Q2ptpxy9BkBRJVHaTXSW8HHCeYZXOKy2PYtsQE5Y5josi2OVhNsCSswWZs\nwPci+actfSC0TD7Zgd6iqd37yanF+3zYFMIkWR0zjmNLC/TQn3VTqbKUMHuG\nHKscFWpXwmiEmRRRPocIYokQdb0cp3/scgZi+wLkThrzz1Pv/4vr9OfAQWzm\nmj+e\r\n=s+pD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d5ce4b5e7914675090d101b10f10374783326ede","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.7fd792bb9.0_1590081230331_0.4705324397444255","host":"s3://npm-registry-packages"}},"7.0.0-canary.a66493cd8.0":{"name":"@material/animation","version":"7.0.0-canary.a66493cd8.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.a66493cd8.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f9f40286cc6f10e0d165ee20ad184a71664582d1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.a66493cd8.0.tgz","fileCount":22,"integrity":"sha512-JbrGf1Wec9ow/o0WHTZtKkSLPK00XcZaecjNMSIllesCOebvg0xhcSIz7SonIQcwL3iIbrK3ciX2XZ94PagTvA==","signatures":[{"sig":"MEQCIH6ktmdKuxpWAX73+hNmP55NwbDqSafyFuEZakjgzOLoAiA2YwbV6BpTDPRhKD07Zlo8WGbUN1rcE6buXLn4L8J9mA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexreTCRA9TVsSAnZWagAAaUkP/0wU9pNrCpcqSO50gq4v\nLQmqFeJQ+9ep6Ak2h6WKRSJD4t8pPjiLtVxxWQqwL7yOmKWoKc5G2tZIpASR\njVbW/VPTfieXeTTTp+3i/iEnv14SbmpEGEU8oouD9QwrxUQODjnBdLKKO65S\nfLELaHfw3x+5LObHj1cvIQzt9gIFUJXL/UycRvEi6eaShsVlZZQjeuRTYbIp\nrmShcRzmcomyTMMtwuwXsSBcAhKmOCHKe/c0wnu8UINAUXzPbgbW9TUomjfp\nAhFFn39ywxS2Omx+2sKGRGnEzkcDYkOqDqyheTZuiulP+VOeo6DtQnrWefL3\n6iFO4pfUFv7Q3z23wZ/3uhgzPfHzLW5Yjd0N+C+7ewPRZFBkxbUx2sNcnu8y\n0oG4NZBkcADmStQwrQxUDEKSathJqKUWWlujW9yiV2JwJ3/WP7awA8AYbtgP\n4uB3GqXxjGffFuW/JfY53w2avJP1h4jkJNhUGwvUZEBi93HngqW3XLqwVsy4\nihBEb1CR3lz8jaEuBJfp/WBhf9BfQDWdGw/vUs0gRJiiS/JrdP1ayaHZYS5M\n+sk75gxenbSQl/UJkdjryILV/qZ0pG6fHKYVN9BXbP1tNvs/SOXcMIHcGFF2\nce+QS4YHIme2lp297R2gYpU8CsEEJOKMIl1UwfoSkajPU+qetkeoSIv5H8pC\nHJyl\r\n=cvaC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a14e3cae1fdb42680777a9a6b5706060924d68b5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.a66493cd8.0_1590081427193_0.383950753661884","host":"s3://npm-registry-packages"}},"7.0.0-canary.da05f66e1.0":{"name":"@material/animation","version":"7.0.0-canary.da05f66e1.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.da05f66e1.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"56ea68379754600fb6bfe5be1135ffb6d7259977","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.da05f66e1.0.tgz","fileCount":22,"integrity":"sha512-1ax6DscA5X9I5WSjGkewiI1MVNujROfLg5BVThPvO668o4T36ue7DWUBSPgPixlWrxsCBsMGnLYTga1h5IFRkQ==","signatures":[{"sig":"MEUCIGdLUUfwBBPwxz8KV+ey/G00v2TkdlZmcDTEPPBW4vNgAiEA8QmZ6Q4DcLm85FzGrqcVhn9my20kD8jNmvVFsrAbI1o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexrgICRA9TVsSAnZWagAAHLYQAJSnhLkrtgyrZeoggthy\n2ppAIRq8EYrlmrQ2wnDJma3/XOJYjbCRpp+6VQS9Q2bwzHEJMJGrp6tw8Kmb\nwYK+URBvzpwy8OZooYJSS+Qk0WHhpbRR+Ea6u3gEJaNsP5A9r1yuSgZF5lFS\ny1AqdvE9YlHi11QLVoXJzswWV0u46RLvgkE/MXUWNZ6zog90ZG95Jix8xTD3\navrHmdY03GQl3dMAdktuXXmNatyqASJWZMMCTtXUErAGMllv0v97kZSGq7bE\n33CAFPGA1Bbw1yDP74g4PrroY/ueMfl/jG3lwl1Ge+H9znt2ah+jscNAm0Io\nfzcYc9FnYTWlATnqREJByuBN/AX1EScningRuF8OsfY5n8WDai0tIs9gcDjA\nIU7MLBMuzecYCI7iLcyETa3//YpBs4VtupMAN9F1XXkuaZatENNoPCe0P4qE\nUemx4NqvHCz/AGHiJUj7SHyGK0fHBQmspB7NUbTlbog5VZy3shLExieMXdpG\nA2nPfy/bZXVws8fc4Yt2gndb+wCuJ9XnFZuTOw1+0Vqj1YMFyx/EiRZ/5N5Y\nEtpk89lPEMUcMcsXz4oEpRlZdmg29ZKj3+HqavNAyIwlaIpryb62td/peeek\nnWgI/sTK1BN63jGB43KhJLh/tA2ex85B5KyydihOEmlQia42UYlbPKCeGN7j\nMmFV\r\n=Z1ot\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"97f495e74f33645d8f066a4be88eaba95700a4e3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.da05f66e1.0_1590081544143_0.8315647164698938","host":"s3://npm-registry-packages"}},"7.0.0-canary.740860e78.0":{"name":"@material/animation","version":"7.0.0-canary.740860e78.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.740860e78.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2b5e6d58fd9ab49fe48384dceefe0deff50ce53f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.740860e78.0.tgz","fileCount":22,"integrity":"sha512-gTK4d76viqngxF9pUCAfZ0ZMHmgi0Ht1WZUd1IrSBGCe9WUrXzW5tsTgmyUJWNOi792Ielma9qIjWP+Vmy2BWg==","signatures":[{"sig":"MEYCIQDYN8V9h6Yr3JbyH010uFDIJGCJsbFq2DSZzS4nduNq9AIhAMIHvXeUZJtBwSOE83uPKL7prOIp5iwteS+FJMehKmSJ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexrmeCRA9TVsSAnZWagAA1lEQAIf+mh13uVYh2W1ycO/x\nwC0YEOTatYSwLrFWXzONk8svFzNY55Wh3bDJRZ6FXicmYIiK8/uPJAn7i7YC\njOYrSKltsAIFmn/p2Hp5qP1sNUWWK9gO2yDJFl2df71ShOZu3o1/4ddWtRne\nF885FcVx37/xBYKUa3FkB2VEEXc2eJxXDBKgvOdochnGjFWzQvxloIl6Q2r9\n0A08/824lKEla4nbppJ10L4epri3fZ8/woiu+P+zgVe/cPCDh1BKZVFynW9J\nFF7GM/C/ZEJwwa4cJy/gRKO2Yn0CCtLVVTtKtQSRGv1ugUUHRJdbxyr8CzvK\nL6H3VqF1ozlt4xQT/ZEOriiGh10teDmAFik2pv+uhxIOGxxS8mLSWrejsUfa\nxBgmFrm/EcsocZMwoRQN6hloAdVWtMUbiaqsWr3U9A5I3I75u/qB3Nz4W+6L\noABzocLTDzVRdOwBvSecxIRgjR4rQC8/vdqSiyC3Xa7FWmENjtdvXp+pnFnm\nbrMgEeNt4l1r5Rm4wZgUFYEx1kQSRPUsvyzVM40u8GQs3dYpFaX3tP9u6s7m\nswog9wVjjvqi0wtO1Pb2Lg2U23DBEEF0n7xt206worU/+JCm3vdu7YXhpeQA\nGc1Jd9/yURcgEPwXkI3oeqPOQoDnh2dzBgvjUhPlGetjxlANwoOKaMxGV/KB\nYDDZ\r\n=39J2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2319c23e86ed8e7ed27865b711bb6ea6970b98dc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.740860e78.0_1590081949675_0.490178709728484","host":"s3://npm-registry-packages"}},"7.0.0-canary.5cea2610f.0":{"name":"@material/animation","version":"7.0.0-canary.5cea2610f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.5cea2610f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"acd2002807ad1f40ab4b28297861e2aed78df460","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.5cea2610f.0.tgz","fileCount":22,"integrity":"sha512-Jrqapj9hizK4E7Kkcxeix50uUOSsF3mQo4OUn0BCsjst/IejTKNhbZEhObSb3CJ5AmPZ7cK4/Ue75vr/latlcA==","signatures":[{"sig":"MEQCIHNzA89faDab8++68df8nxjtTCHevIzoSFN8zIKMe8qEAiBGF6tukr1VF1cVUVsdcEed9qPVggPDVV0ZwWqKJXi09A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexroWCRA9TVsSAnZWagAADfMP/1QbFUsYm2zj8zJFRDpn\nJjHvTaNx4JxUqKyjtzsxLqCb308nht3Fjya6UVCGH4JJMQB+dfKLvli+DZFo\nEBZ2sSG4cnyPE93BVvElwGueUKVrWyKSwqczgNQmROMyOxvxxFqHj59ne2ds\nSpsi2PlEMZySrfD6O0BqniQ+eiSc1Nrk5WOPwCpqzcYxMhKW6N++iF4SCQx0\n/6GpkrZ0jrLhXAW8YEmYEJKCNj7mZ0bb8cvc6lh6e/nrHxVjg822vzilA74G\nNkr8ykA0Q6hvCsdluqmRoybMYgaZa2L5qt6VcPrpyUEM7q6WRJBaWznjoNb7\n/c5fP/yEdgFxHna1UvYhSj/jK9Wdt0zVXdOWGjGQ4kAZ5bHDQD6pCTh8Fo3U\nbl2L6JAcOqmLD6cpUqTeK8Nq8MMUUX4eNs8zdXSiW4KtOdRuA/0Rc+qHCccN\nSh5oTmOkFv49IBkeYPIAZKhrqXPJS9MCd3DtSPd4E9fUXzolH/skG0rnE+JS\n/y8UU5d/LCpB/FsP7Nci87RnXjCiwY0Zc/FQDkJT5UGGYO6O0pp6jCZfC/Vo\nwQm5WsatV4k79jexqmDrttUyQkNZ8c8TXDe2qAJ5EQjRHOFn5mRrkv47/xTE\nAeKXv4P9cBZ7DNnSyL2D5Mtu+c2NKNlkaRo2oe/VXWICOyI2X/0V2nK+ibaN\ncACe\r\n=OPA9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"647d4356b68bdae8879ed7384b0ed1ba4e1954dd","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.5cea2610f.0_1590082070312_0.8535151275750268","host":"s3://npm-registry-packages"}},"7.0.0-canary.cf7747ef7.0":{"name":"@material/animation","version":"7.0.0-canary.cf7747ef7.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.cf7747ef7.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"da2d66709de51b05cb82f9c7bc9f1099c0ea4e70","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.cf7747ef7.0.tgz","fileCount":22,"integrity":"sha512-Ry8X+/NXeqsxxPiywQPBKfQselIZufIwgWAlbUXnAjhHUuq6JT9LVA68Kgaxy4lu9Ww5tnmHQL99SkAgRUErAw==","signatures":[{"sig":"MEYCIQCGZ5Q7FyE4WE4wEPUFt+H3k9JBcasL4pSctn5tUpcQ1AIhAKUmVk9urq/RhjycU/DWCNp2YRTLWjKBMeteC0wCtTto","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexropCRA9TVsSAnZWagAAKMcP/2iOsPe2PvEitHtny43Z\n1iwBI40r05jHaZe1gyNJmMzvDpeAhalExysAS0W9657wGVktRdDbFqUU8kpV\nIuaEwK/uvwrenQrzAgg+Oqe2+Mmzqf7s1YinFOPjtNnLvMhFrNhb9DANCkNp\n0RsLGy3zkNHswvKRV5sfm77Z8H5cL+mukbtOWFjoj5Eyf+7zMBnxbfwecpCX\n39l04SJUdPjDgnxRMbQH2oTvaHhlLq7dKf0THzDmbY7xFSBnX3sy6cUuO/CG\nC+/xRBViKPbTIbw/cllsjYokMETQTws9mDmJlUoSuA76uGfwut1emQ4gTqPF\ncfopN3pdpW72RhLkAJhF3VE9eNaQHxzn3MHuiCYaeZsRm8Y2GV00TnUiYR4F\nycRXJcPgsxK9aC1ibC5S09KeiKuMRRB1F3DQ5W79cWCiKC48nFF6/wErA5wu\nNkQ4TwRR5jNJjfJt0wBxA7BG9it4eSMsRFGUoxs5cQs1qLRqqd+o3uw8VCUk\nEzBQdqqDmXFnQHNETY7lxiJICKtVvC9dhFh0PZ3MgBK69bWRABa2/w5bKCwv\n62sU5flN/VrXVWBGD4HGgCdyVnR4rsZAEA2z07kFPsHZa9gfwrT1oPwEoOzG\nhJUF6JJ0j0Sx4ANaAOWMMh/qXJ0opfXjh4J5eHkIRX2dce10KUVi669nXReE\nqfpj\r\n=520C\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"12d3ae46d64646ae020ede8b9ce88abc7efd384f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.cf7747ef7.0_1590082089277_0.1858241699701364","host":"s3://npm-registry-packages"}},"7.0.0-canary.862d0d7bc.0":{"name":"@material/animation","version":"7.0.0-canary.862d0d7bc.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.862d0d7bc.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"23d795f4ac57eacf5329f6c45dfdab375d0bca28","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.862d0d7bc.0.tgz","fileCount":22,"integrity":"sha512-CVe/ehG4rBuuyzCtirfT3EfitkJh7Qrcf6R7nPImSKad7RyR2j2S4jjt4ft4W3QHptJeDSbBQb5bR6lbTehhpQ==","signatures":[{"sig":"MEUCIBclBbi300/jN9DG/rRtEq6s/OzLujo3l6FlmdvRaApOAiEAxvlupCIeD57pGw64lVC0BZkvxeYOa2T8eE5cIqSKHsU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexrrMCRA9TVsSAnZWagAAoAUQAKFIETtAtfxFnXwKebU7\nrfa6pXWnQb5g6EqdCgJ0TzgH+/GCJtb38vXtJc80P4MtQlj1leWgSzYJssTa\nb/JKpfDYcYJOInAafnKhJWwE84nEeOqlxexUmrCe0jmPy21XgEwCupAx+fBz\n7x8/2qTFlNsmmARci3c/173jPirc+vsDKJB+Eh+RwL4GI2Q+jUUaOWuw9hCF\nMFA/qen6133+TXcvoDSyZaJ7ERRvTGythkO1UKH9zb7gRqkBOPWv7/uvXBSN\nYrlzCu4NoB+Ezk7Vi7WJiln3RNKQ8PnlreWwSNkNGXuPpxVqwTEMwudKa+In\nmbNik/wrptzML7enSYGhZoQ0jQbFyL2wq6SWusziraeenDKSktyqmXWnqVyR\n0jkMYWQOTXDZ2IdpYIsfKD6vi9o6TlkE2EnJYeBJh9MQ41/Gw7zCemZrgurq\nRHoSIgx8zWWcblrtPgfqkE4fTp4vYWdAI685KJGFkBSUZJ29M7AszTD7oId6\nhGzofw6sDGauongnWmpAxKWRcKsqMamNfHu2Wr+sHDJd6gcO8WT+B1/dJclz\nHhM/9Ij0B8I9I12TrFoDhwixDuQRAicfOWLMfXkG3snTbYo9wekFQ4TdhxWy\nRxFYtNcByieAFv3P45UECCRRtY/cRSHUEiBvc3f3Uo9pZP8rbgsZ4hyDnfNN\nec0o\r\n=cBur\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"534ebaefbbb3a8abf3be3e2e13c05f86a5461127","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.862d0d7bc.0_1590082251896_0.02211084384646589","host":"s3://npm-registry-packages"}},"7.0.0-canary.0008c8a91.0":{"name":"@material/animation","version":"7.0.0-canary.0008c8a91.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.0008c8a91.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c5e728955019cae506b11478d877cbf39c76dc93","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.0008c8a91.0.tgz","fileCount":22,"integrity":"sha512-IigWdpp66VhAkzVxbuJJSFVQQpGDsrzWxLyqKZ4qdM03WCOyPpilF6ZiNUOts3Elgz2W+x+/GhoFedaM/DmjtQ==","signatures":[{"sig":"MEYCIQCyq4ma0db3MBhH7RwQY+jRxpJcsJw/K/He51gbLuyoyQIhAMUcWGHwTinep4IQ9FG+r8s+x+mI9dB3bsHvwD6NpgJw","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJextdECRA9TVsSAnZWagAAM2UP/1YuvaNwFlaqGeRL6fid\nBbuKK+i9hnqtvVsvNicSEu3JsUL+1X0vjytJePlOEBpiDF6jFjZSO2Faxcmg\nHVEvCaTC0FIONKr1loeNGEQ1WBRDA+I0YSIPk7rfdGIg8KGxOnKHoo9kLfde\nr3E1TTLtt5iYOTgFJ6N5YSagMgQXUkcf/pCjjuOOTYZphueWw2babW3MGsnx\nK2q1QaRJTsBA9Gqep0bPpRk92AghixyYJW2UaViTc/Toc8atrUZE6NDdCJqc\nYlI8/HC8Y/95zjpZma4hxcPgaG2uL4NusMJNWoeBmj+b7P5AXSMpOSfZx/zq\n9EdymqU3f/K30ROa+7RspVVeXNGolxVNfWpQlr2YthvfTnx4gsXCYILXIZGU\nRAc8yaohv+gMhkc4SNeFuPLd8g0giiyZiKHWq3ozwVVzhI5waGUelUgceCQS\nf8OGztlbdDFKnGxs4lNoQKND1mZObWaWJMdJGdmvaX8onXSJg7uFvdNBu0To\n/7Lc4tfDklTHJd5+nuyYiuDmZnZyUg6rI/9Aim1O9nn1vsvwDIlIJtz/QzF+\nVmvqQufJF279r8R8lvtLqnZe5W+pWTag3gyPgtTfCTy3nTPXz9KvEl3NMAf1\nJfwfo/dS9w67wnwvm47U0+VG/9TGvYCbjSDfRVl3WsJuHmRQTTpA5FboEP0u\nDzd7\r\n=uBLG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"5bafcd3cd9f6f60ca813af30e2b0a8974de09ec8","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.0008c8a91.0_1590089539603_0.2941853908526122","host":"s3://npm-registry-packages"}},"7.0.0-canary.541638fa2.0":{"name":"@material/animation","version":"7.0.0-canary.541638fa2.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.541638fa2.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"beb772250ddf4b09036852551f51873b8276c042","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.541638fa2.0.tgz","fileCount":22,"integrity":"sha512-vtkB8fw9MyEPkJSBof5OO8ReZrj0eOleimOjtCjdqt3FCm8jscny6fp0LV4C5nW1d5uIXmrnGSnFcgf1TJn+5A==","signatures":[{"sig":"MEUCIEltU7rs3DPExwNdXH5JBAxdim1oz5zjwBjGKjnDhuDjAiEA/KtWw2kXjiozwJrYyaqQXXLWEdGx44C1s0cyh9/RMpU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJextrFCRA9TVsSAnZWagAA5KMP/35cbx6gkpmOLximHR8O\nRdfsxhNpo4JLIUeWaDWqcXxpxgUWz+txaepQzgvw6ayop4P2WvkVyzB4dft6\nrNantaRRNi1wA+XyTbOGxh8rC5Xvm9svbEA5fAntySiE2Uf0W3XFKeaWXSZZ\nb111GDJcpMYeEow79YrWPB+RmKwnvxjeE1GymprjAEZgOpoOPlP1JObm7LuD\nbK2/FwYQ3b8DsCqNrBNIClCPKINqQk6fWbYKij8oGp+9MccesqMjQSRQKxcl\n+XOxZoP6BOJSd0VktieKTMGRXNBKjeJQ4mVHWoyjyGvMYssF6ZwvnxSz3B4T\nwlzbml+il/QXUgwhUqeMaWH13M+tDrfzqlpCeMsCqk0+vhaHnNPrin3sEcA+\n1AUXbNej42O4GJVxCToiWWm/EEO2xfSzCew5ZSGeNa6Dp0DqKHjvo5ZW4UNT\n0mzT6+2AeGps5/nD/MlW7KdOXtalC01lxbtq1eom7iJUvrlmVj6JP6hPahzu\nU/eSYG3uubTnA7HM/PycyugdTrJhm9wrIcmOhIFV1jH+zBSKr2SgJlk8aMLP\nHSXcvc2ZvdqyGRWdKlxMe7pA26ZgI5SoV3iyg6nz3IvWlpm5cROf0s487qkP\nu6EAowNOE+SLDOu1BhRWiKy0xBIfsvXK6dKBon7hm3Mqfic26IyZ9sDzVB0J\npUN/\r\n=8FpT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e9634a8258477402629947671e06d007833e14f2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.541638fa2.0_1590090437356_0.8795537976661498","host":"s3://npm-registry-packages"}},"7.0.0-canary.6167cd075.0":{"name":"@material/animation","version":"7.0.0-canary.6167cd075.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.6167cd075.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0e11804c3779767cc4911bded16bc9a663b80739","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.6167cd075.0.tgz","fileCount":22,"integrity":"sha512-jBF6MSxeDAXT30Hgy8s0nMZ6Lb1/oPKYPyXac80+UU1/SSWjWYVOZo97Yb55VFBcaltkbjwFQcOCtXMq9fU6Dw==","signatures":[{"sig":"MEYCIQDqTYCufJINlkAnxsR3F9GDDBUMn9LvgmtOjhsWUtwaYgIhALvIw/lQn+vbR/pAy1zgW5vH6t5eh0ETTUK8IUNmmhyV","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexuJ8CRA9TVsSAnZWagAAK6AP/1lG5hXwt4eTy8hiX1Gx\n0QikMoB36FrwcPiIXwa5rs5+Ze4CjlN8CvSCn12GoaT5dCyo3b0c8rAyEbRd\n54JS1J4GtkhIFUGXBd5X/WlZZrY9rk4kxCKghh7tWF0kr4PmTiTshPgp3WLR\nP7jPihfJsSBdCE7nn/3qyGzKdtYDQ4ifk07vEe3Gtw8TjF0UgcFrni0PtiCR\naTsfotlCmqdYmHRCeNNZMAL8Hxsrx5rd57Xkx9c0ov9O5rg5e6y4912ViKGc\n8sqvsYlTlv1SW1nXW/6KiSIFbTnKwg/qs03ymoWzIMz9HNCWb0SkXoUnwlji\nGSd6UFl2/VyWzYhwxfbaDevdg1yDgabwxThG9EuyHXl/f+OEZILZMxkzAm47\nwG/vKAkxoMkaw/Py6sdDWu8kgG9Vt4ArLjOY478s1etA84QvdQNZblkssv/F\nk1VHXswPusRPsxYS47TqYlma0gHJyqlpcXJz8FPwpkuSJoCgrViBHsaN1cLo\nSIro/J9gWauIlARbyKdS70Hpo01BOPviUVGysKxB9o/cYjWtRPGj9ApwxBoN\n4sG1Rut0tN54fRawVkpO5OjbdMJ+Tjl4C87kknhXK8Tq3NuLknh329Y31DSI\nng4M0Q7/Ow9DX9HB+K8jrjJL6TigIljNPd7FzrTzoEP2RuScusRbR9vk+nCz\nM8C0\r\n=IgEa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c86a924ab304fc32e4e6840c7c8962330b6b0fcd","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.6167cd075.0_1590092412388_0.757723456627913","host":"s3://npm-registry-packages"}},"7.0.0-canary.863ac1b0f.0":{"name":"@material/animation","version":"7.0.0-canary.863ac1b0f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.863ac1b0f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8a956f7e4c4e06a6c2f4e28ad2cbecdde9b7726d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.863ac1b0f.0.tgz","fileCount":22,"integrity":"sha512-2trzrOn0LIYN73R4HyFdy4cEPJi7b+QjSUWj2ek5PY2Nm94ZeSpN/CtjcNIkxVNtVVPz5m5hBDMlAbcykt9WvA==","signatures":[{"sig":"MEUCIQCxWb1e1zFl5+yFvQ1w0vHFWmoF8nlU9TO4Qr5fLUCsZAIgC51S265sh1qcc1EUfHTbFETqKqhJd9jjlp2cMxXwads=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexuuLCRA9TVsSAnZWagAAc2gP/11zMof0mCuC17WR18yq\nHctUu45CGheNl8K96gw7drlUlB9n/Mz0NkUL4i5eoztXufmj17hAd/eZ3ZCV\nu8zwtaqOE/ACBKzfjRL/Vj1fBXKWHRm2benCDVCrCbgWiTxN0bS1LeasoyK6\nUHcqOGkYJKFK0itBFYcgpjRkUKiTunNtc5snVAozeF2B0etrHHf70wxWvAcv\nFDo1qeG/jlftDVRCJnXahSq6+1y7a/iPHcDJtpQIgOVL1mliPv+pUhlhXqCc\nwUBAmF3D3fNun+LipR44rHLDL19Kk+UhGKK3T+srz0TKIBXvRe6mslrnB2ff\nnMeGK9Nu2WnJycePwtZG0r3CbyQEuXMTop7U94AoX5FV8BugGc07glmjkM7B\n818K9MH3nGPZQXzmt6Nv4dalgQ5ug+zsIF4VMeEvTG32jOaHmZfo6B4FaRDi\nqLEjfo8n0OvVHUjW/I/KMUAFJCb+BTw0IXlWXsLfP+mPBcqq7JxSRz1z31MM\nziMVHZUsGP4kgSSKtBxgmjnr65kaj8i9wVpUH18HclZykf65EKBLw3bZJauF\nXqEpiLRUrXy/UgeLjGWUIGoUvC2sNX8DQWTbVIzg8WsMAOxhee1hRXD6z2bO\n9R6FtcT9eDToqrKq0iK8QBjfGWvzb/gSdYUgB40DCLfeBJVa2JINQWUpdQ2j\nksi/\r\n=hWht\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c1e7026720dc12f1bd465dc892c8718b429563b6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.863ac1b0f.0_1590094730732_0.23889335464751538","host":"s3://npm-registry-packages"}},"7.0.0-canary.d30a214ac.0":{"name":"@material/animation","version":"7.0.0-canary.d30a214ac.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.d30a214ac.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4fdd7a1a9d0bbe52769ed297aaa0e24692402336","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.d30a214ac.0.tgz","fileCount":22,"integrity":"sha512-026+1AF3UUwA5trJRYG9yGI8jqFm2Tay1SCxx6fDYO6TwEkxx6ohqEr+mJpWDxVb9DcTT2m9GbDRjFhBIpce0g==","signatures":[{"sig":"MEUCIQCVQZRiZeKK5xFdBp4nN3yNJmu23yjAHJWmSt7N7il5PwIgcabych6Y8tVRRaASeQ56SfF8JUDhpyETxSH/YBEfGZM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexuyFCRA9TVsSAnZWagAArioP/1mQn5UpYaI9kcfaBwXn\n8wyeLBdLNH2v0K6fPvKQBYx5TMsO3wsnNRDq0APVyhA+3PlEhPWf9Pk1Drj2\nW3i+J1LyPsb8PKhn5x+cRu4AnQ1Ve2E31pqYYSGNyCKxl3VWv/Kj1wBdBsqd\n6KSwcv7kPm6ZCL+2xDwXT9U/AAYULZBbrWAn4I37eFIO7UihDcsWdBQzX6FR\nUbcCwaheEqE4Wc8igJUEkBf25Hqxp5uvp1JQXLVM7Tr4onr2IeHVaxWdgls2\nbLKDtMGVrMUqn7bFVq3+HPHD7JxSSV00RorrDKQsccSMWd2I0OerX2xqPlCO\nqhZAhSH1vIvs+usLJgfOg1hHzrjrJiP4ICM3zJTgQW2J8LW/othkZgf71T3N\nwjroyn6z9uFUmQ/qs1ye8S9QKMG6fOH2+8bCo8FRqlTj2iddfeCQAU9nVoJ+\nMjSnQQX66bTKj4lVDXzD1Ws6hpy58hb0evrJFTChpu3Phe4uAZANxAYX7LaH\nXoaOtegnlsPH5CIRNxgyVyTR5EMiCjfvmDou9xtXmLgWaEgzlYUhFqjI+Nt0\nlvmkc8uVOZM5ZNom/G/xMuAPEyGlzQYzjp779mdEMAJWbFfyGkUwi9WlzP3v\nDo78Xj+W/wwHZAKxyyVEv7D4ssXZ2GkIjnqIIOJDk2I+RMO1pAFvN+T+ZmMx\nSyi2\r\n=smQU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"635c0e7c484f851d2ecb4be825abc36357ffc685","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.d30a214ac.0_1590094980568_0.19319748260084113","host":"s3://npm-registry-packages"}},"7.0.0-canary.62abbc8d7.0":{"name":"@material/animation","version":"7.0.0-canary.62abbc8d7.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.62abbc8d7.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f052cd64efa521a8e68278062cf3ad14fdf8236e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.62abbc8d7.0.tgz","fileCount":22,"integrity":"sha512-KBs/HcZaj55hN+wgVX1AxgkElAHj5T5QjQ55kNIlsyPabCd1YBHBbblP9VkUQ4f8LUVvNiPJe07StJbFnzRzxQ==","signatures":[{"sig":"MEYCIQCYVR99f92eVYzS6dwyCw66fFzGSFT99CdD7e0rT3qlowIhAPIKPnmkd+tHEjitIezJydgMpxcbYsepCgpVdS1wXRWm","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexvJTCRA9TVsSAnZWagAA9gYP/R+ioDIXyssL248xTu5x\n5RGcVBjSanh39OGu7rWq4EtA386ZGgrOf6kMh4739al+7V4oawRYKdXL5ZnE\nY9FrfqbQ70hVOJSJSO4IY/YypHgInNUdLFPfhWl55e0IJSORvUnWEAA+kD9W\nDXOTQI1htBZDxSS60jZn2TArHiyZ+okhf2lgmim0v4E8FJsSLmnOOO4LQDyo\nMG7OkeRKORIVljsbIvgvCXfRZF7lrU04/VQmmANUzyq6z0MB5P6dw/fQX9JV\nniY+0FH437sC4cNNtBsUhT4v+ACmTAZqLv3R3hcYD+oZOXs8QxsAfxw4AfbC\nvXEFZ/plj1Ic54oK2oAfhKTAfwH4aDmyLM5dEvKbN4QDqo/QlpTwvY05uyvl\nWM9l44d9SsX5VSoLx+YVhDb9CWIM4KHEIihAd8JF5h/KB4dTrQr+WJ39cJWW\nmA+B0HM8xyW7yarBOJNG1HoezrAH3wQnyu3hQ4fV7p0gCWoPlOvAhkmFtDYc\nVSC9EOS/1cQRzxT/To9722pOUgaTrZZNbfKLA7UvSaVvzKVKk4qiSUcd/cFX\nIS9W52Q1gCjiw1+8zuD4OwCEqIEPTW21tjPbNL8CnOG/KAjiIlWF8ciriOFl\nkG8ClCvCN5LF2vb3W1hsc+VG4fVdoqtMf+jk+lujSHC58OskyVtGeocGizSM\ngw4U\r\n=7F0A\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"6758c29e4b065e2aa9cf633b0838c4ebefb9f54c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.62abbc8d7.0_1590096467309_0.9909930032221332","host":"s3://npm-registry-packages"}},"7.0.0-canary.49bf31d5c.0":{"name":"@material/animation","version":"7.0.0-canary.49bf31d5c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.49bf31d5c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d2ea12a52caff6721264c84a0907934a7a73e45d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.49bf31d5c.0.tgz","fileCount":22,"integrity":"sha512-ngkyAgBPOu2Uy758fm0Ii7WDjgUwA0SdL5Mn03w17fJkEiLpe1STShg5jbIeBuv8D4mIMH7nXeKRseM64Q6znQ==","signatures":[{"sig":"MEUCICC+yPiENUnVc9j6uDMMBgCXWtMJp1Vycl8ED3/1jRyEAiEAs97UjslK1tEomDZvu5qhHsH87SiScf8VmNNua9OxN5A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexvMcCRA9TVsSAnZWagAA67oP/imHPLlu3elIL2u5b1Vq\ntcFZf9QbYQY+tX7tVNqZ+5o9Qtmyzt85eKqytZkotGxnVM/9Yc1uhMnao9bp\nwh5WMvfEn81+2WfEXyMCFkAiX7qo8e5vyB1DaeXzm4yJdpa2oebTJcg+KBjP\nQFRh3R4A71EbDQISfT0yynTfxOa8WkGKkCYCa2lkWQC/DNK43EyqqIzmRlAo\nLCQxthEixkdF5MkZ6xZie0G2DAkL1MmctzT2B0HIC0vHdJtHMaLxNDBzmXAt\ne3N1r8NrVDMe0453PNvgkefKmmkTrfy1tojSN8E2V2zkoOBBZ0qkQj4PeyXA\noXaEgWqCzxzHiiBYitauE9FzSIaOKATxrtR6LsmheMADdhEx/IPd6WB8LGMZ\nuc3i9AfgCYFxJ7KWbqIxxnu8dQCTHQJ+hjWIozVbCk103TAVyEmGvCzU6F6Z\nFoyxOOGLwd5kehx3u4V29NbzCkp1RKBmlxQ92lKlyKXqovFtupR5Z1XP08V4\n4Jc7Iq2WITG83VyRESs7S15fs9Jj3ej/aPXi6pZEawbcZV4D1Vkoyko0gqjZ\ntedj9Lsp1hawunlNPzoyoyDm+V7nDwKqY5NOzDQw8029gHOt9FBZCSvyPqbS\n73/FwK19/EHOLeFbK9rcIfhn83hPwseKPX6roEDCQb3sPj9r9HU1/bvLUx3d\n1jMg\r\n=DuRF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"01cd7b0082a754dfb042df35ec48efcd4aa4c52c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.49bf31d5c.0_1590096668213_0.4260101209706644","host":"s3://npm-registry-packages"}},"7.0.0-canary.8e17857d0.0":{"name":"@material/animation","version":"7.0.0-canary.8e17857d0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.8e17857d0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3e080490aa199a871aec93e50f8bd21dfe427820","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.8e17857d0.0.tgz","fileCount":22,"integrity":"sha512-XpYGhaClcbavYqsmiiBiKCp7kllvzereT796sutGXwZ5rZhkxbU5XcRrZNguHuoevorvn1N8CPYB06lOD+YN6A==","signatures":[{"sig":"MEQCIC2mK7zMn0jtnIWlWtzMQQRGsZhIdIiBh0Sp3NyZWDi4AiBIxJDBG+C9GMxrGk2JPUBdwxiKoj1U6RHIhjcpH+zv6w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexvNMCRA9TVsSAnZWagAAUAUP/jp3Que5Fy94uQ3PLwKU\niOAFF1Zh6hFxnM1IsFrBLtJNJvSKjszJnW/D5o03b6KpAGLGXFturqTZH48g\nx/uNgvJ4pYU7WKkyXm0MS5jw93IzhfivHa1cjZFAr++trlyNtcPC1ipYlgAO\n5uRsv/nOg9pP6k9L8xF388s/payrJuZCsNxgB0duARNycf28jVnzlj9dfPeT\nY+16bORLrYPXZJ1pOqYdqh3jLV5MOleOPrKqd1x/ifbMMUWiPCWIJ3lRqcQ5\nTe1drB/Ny/Ll9uzGrmRITB0vKv0rGA7bNqZrL4VJeiCoKbZ6vA7RGuREuQAM\nS1NkYioYLMr8d9nXoGzUvTVBLgGWK2N5pNSHCeEbtySQUopI6tWpkMpCwfQ3\nHqZGB6rBcVuoL2LddGGGRSnTd9qCTP0I6c//EN68kUH6pU8A0TwQP+R5SNZh\ns4tdakhuLyna9ZLlozS1FCSW/BTl1agx1tzxWTLxFwPfF/QSOuvBSrR0pNkb\nqKTnVZ2qQJ2WWa2AVaRA/uWicxG8/lppKbmpODYPbMydNJ1gM4BijLvdQcjn\n8aqcv7r1N2od1ArLrpcdPQsvwMiGhllqp+9pP3FfLrxzv1+cfr/Qy9Sfu+vi\n7+FtmNVm4AhbFw0zxKcQ6sNvwMJ8QJ+QAL8+amclhFR2T/mNEbW7vaghF1e2\nQlDI\r\n=MxOz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"9b03d700366fd287f2ec053c5ef4ccf802ac600f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.8e17857d0.0_1590096716161_0.31124870536662086","host":"s3://npm-registry-packages"}},"7.0.0-canary.c113fc942.0":{"name":"@material/animation","version":"7.0.0-canary.c113fc942.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.c113fc942.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"21e136dcd8a72e44d7246b8dcbeb1d692ce59e98","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.c113fc942.0.tgz","fileCount":22,"integrity":"sha512-JWYmTnuzRX8Ayskxk+lfPNvuS+RO/KCzB3j6mNQZc32bzqc9hrF1mCSQzEn3fmL7Hc9kN1iyrvUWuwaV8LNuAg==","signatures":[{"sig":"MEYCIQCNSMARwyHqtG/pVGOWlYDJpq2bDrORw3Xu4OMLYMSbiQIhAMymTEadlH5Pv3tKULI07+TFkHd1INmvzuWjKvaCYEjO","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexwSPCRA9TVsSAnZWagAA9y8P/27asBQQyBkAdY4lLuIY\ncqKZhRtCeCb5m/blzwiyG85pjAesmQCVprod4zUXB4CqHOX/agLR2gqjCVN1\n62A0DsdroJFxDkmA4ybLoqX6zzCZUqNHX5oSrrOPRwJOv3pIIvHhkZODGjjD\nDVcqES95LtN7X8TEbPsimRcIZ+qenxsqxL2ZBeuMWWOGlg0H3BG+H2+9P7Pf\nB57XoCJo0Pd/X/7JyICqlEkKJ3QsKMVVA5LDY1lwYL32ZEBfDlT6hOgmngmg\n3ejDEtSuOzPsPBbaKLum6ThT3qh5YdM6HK3KL7S3RI/8oX8THDDpmMlDXdjs\nujiSIvCsDGqeRNHViL7KOXxtCkbEA+NjyBGpcor8iaSyRP31t8rI3ZZRW1+Z\ntwqHA2CLpBjThvUE98gY+jSc/mn4dmM1SlyHWk8EWMJWv4vyOTSswDlOxIlv\n1lZzQra2Bs+FZIeJHpjp2CXSyFNHtsdFG10K2YX8B3+0N6bvBtNofSEEDmHP\nzToHa1jNnpbTq7Ia/ORhFGX3y3Lq/Ki5f+IhD2f50GpqvgayR6m7R+sGW2o2\nXn7hI8miUBsJiJ/AbOBBGbGv83F8+13VXEsULHoFZ0TJSM3AFJTl0yL1/y2q\n/g4GUQV2HZsh3cPou1AMFLSywChOfb3lcpYfXmcNK6j5tD7txWY3UvPaSHLd\n2Ied\r\n=IanZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"49605d78c19f78dc1b28a35457efd8dd808621e4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.c113fc942.0_1590101134735_0.8290349765724347","host":"s3://npm-registry-packages"}},"7.0.0-canary.912d9021d.0":{"name":"@material/animation","version":"7.0.0-canary.912d9021d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.912d9021d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"801ae5a99b564de46454e72375b4dba57958fcba","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.912d9021d.0.tgz","fileCount":22,"integrity":"sha512-3iYDYdtNO3jToeD9bxvArAF7w+c1O+SxGMFN4B1PWuS9uYsDjajs8Pel0Y3TcTK0eVWXd5DBQB3md00kz6PmTw==","signatures":[{"sig":"MEUCIEGqGFbAEQ9HA7mlNnICpILKebtw6Kc3gw6ggj8d86W6AiEAuV8kGdasj3KTntuJnK3Gm25jQ0RX3xtqXu1qSXOUDP0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezWOFCRA9TVsSAnZWagAATu0P/3l0WKIWXc9iyzHY9HJt\nHhuS8d/52dpA59Bx0PKK0URI0PSybfGAI3+CXxRABu4Wsy+4TC+kazifc7Zo\nYhkj+d7T8968RPTGuo2t47n+vgISD3HVHqcEYSNWNuAxATVa7ElVWmidt/2L\n7QQZLgVh6guvT8WU0IxHei4xzgOdFyGt2N5AhJThXhprTWlLZYd4gVUpg/Fk\nAtpu+727nGN1P2QM+1gRmjoMJoZIHv44klB0x8kC1A8ei+pXoNTYv8SfMEfe\nY6JcGwbXsY8331eC7VNlBxPS+Ghl6l0dBRAkIkBeFa6tnmq1RqsKZP896wyV\ne6Yav5YcIKKJBZlaCibhvs6I27hYDkZuomu4sOkKd2cXGzazs1+FlF6SYmZd\nwiAUp7YCx3CIfnFgoiHgQ1MMALyIPd37VJqr3D1IHa74tAx0CS857cNShWWD\nu0CDjsfGkeAsHYChpFrjBZiv75qoGeUL6yQ3lGcoNOf9HAAnmcaQwbCaPYKd\nwJFzzrbS/YMkRrqDdatlFfMZ9eU0VC3iJn6Q2OhPjwGXQM4duLv1vdZHyWd/\nGB8Wvu3kmq2jXZvs/MONp7b8QqGHVwYNgqLaZL7R3TTlcl7F4/CsfpfBczYG\nZsQPKtDa+bkmuTaLWyEkO04X1jRSi9c6dJgA+BQsjZZy1srlJ3/LX0POvRuv\nxA5X\r\n=LNwR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b7080ce5675d8ab69b7f361d040e079511499175","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.912d9021d.0_1590518661438_0.20257860941286876","host":"s3://npm-registry-packages"}},"7.0.0-canary.68a2af131.0":{"name":"@material/animation","version":"7.0.0-canary.68a2af131.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.68a2af131.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"586d87c0b60d3451372e885e606a0b78aeebdd71","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.68a2af131.0.tgz","fileCount":22,"integrity":"sha512-fTklX3Fvb56Zo160N0DWokq1bqqrGV3y0hjujYLntQJowoNWHo9/MdmE0wRWEhaaQo9pV1zuH4r88xeHOpKNzQ==","signatures":[{"sig":"MEUCIQDPEbF/fwnz2z7M4yHGXG2QUc0RlLnm828rhz0iubzZdwIgNuoyOjieF/PHAMlB0g8MBCP79Fba65DsUXvde9JkGAc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezWixCRA9TVsSAnZWagAAb3QQAI1zZa6KD0vVCUwzwVOW\nd+mSYlP+C3o6zufU69dtB3XF/KP9SZG49L3OEigWNHf20/NQthqjttMRI1Dm\npbzTsEnPuUJFTkSKKI/WZ0Lfccoi3xAOWz5O/9IUmBNmncaDVyHFx1SJGi1Z\n3LhQMSiBYx+slsslT8Emcgau/nOEuZ1QL2WQy75+PZMkFi3BS55ly/jE5Zev\nEqrkAhVZZBtOSWLrGz3x3BJZAkiGJt88QKWtM5f6Oeh2HRUbH2yCFZLKiO1D\nP1ytuix2XVkwN6UF1ZcVCYMkIHzBC46HMCpYlCMUUeCTeA2p0gCdVkJxP707\njri+JMi9PHlQq5paC36iQISV8sFfoGPa0XS/U791ZIMX/WQGCgyEnRq0c4Tp\n3NcL6uj8+h/4yMqb0CL5riXM4RagqBI1vRH4BlZt/BXEvN+7jw20hiHI6zAk\nOABTMum+eiHAhDRKE/R3gcLIaOAFG76yA3jTZiveWaeWgeNF0r2pXXQnFy2+\nNfKsFd34bmCAW8/RSBYItaRvLhVWNe1ty+vaMeFlb160fLvgfJ5wwEfTe1WD\n4T2ie3LPbd1zKAwZ+9ci61nf64Ot+YSfWr1eN1SjD6wLCCnmPAVx17rgx0sv\nbJsAp24iA6cOYmxfpsRL6MiHHbTqwYt+o7xgtPoW/mHGTgqPitDIgyTAKa+M\nBghB\r\n=gwhN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"9fa697d39bb8f18500434764b1fd608819d2e194","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.68a2af131.0_1590519982179_0.022572423980631973","host":"s3://npm-registry-packages"}},"7.0.0-canary.01de07011.0":{"name":"@material/animation","version":"7.0.0-canary.01de07011.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.01de07011.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e18a143f942438db3a1a28b4aefbaa4644ef6db9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.01de07011.0.tgz","fileCount":22,"integrity":"sha512-v9bF8/4GGvRra/47vr2PcbWdpjjZ4nhzvTyuwoztyqREcMWVcOJwYyIQvl1jEDa0XFVENwAjGjjg1ksgPo34ew==","signatures":[{"sig":"MEUCICc6W+oAfmMcVvztqmiJwIzKQJ3hscZ7AU8xHLSFNMFNAiEAmI4sNcc3+FA9ePplAKalM0JVIKl0SlqNPjsHOQokKd4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezXNWCRA9TVsSAnZWagAA74kQAJjbX1cMY4pDECXeP7Yi\nv1BjOKyeepAnyQSILUByNamKFlINDIiVBaYKiF/AQCKpMxTiW3qjhP4yZqEh\nT57k7F9pyoOEvZUwF8+m0CGzzCuYQGEAgKhRoVhSaX4JEHZOZW3s/HEeBpDs\nCYiWzncQ8CmTEsnEZq3Yn+GzcJvD5+YnVXQrOqjFihd5G8Qc3LPmPPpy1gGD\n2jPfjbDxHDtyHh1/e4Ksl4/0828Df6H73qp5XpzPlDicP+nnxzfvVjra4sYz\nkxYXwy8oMp9iiV3IXly/DeWleFgJ32DMnASM/OYhddAC2quEtvxCkpRbLiXc\nI8/rZCixG2Okr5EBsYOqZwkZh15gGEASQT1J/Yd3DMeXZd2ObThNa+w+I+A6\nZGRnt7ode/YDc1Sbi7G/ax1rK1dSFhIajMUSBdFqNMYkS7F5LVyOdsGeMjYt\nS9oMSrsjH71gN5ouiQ3ZDLbHtRY8kl2ELKzwsMocK1kwYSc3BHPDI9qlCyFz\n/QzbyZt0lVer0kttYMLYCN5zt7Q6RKr3uQky8BCWOq5W0X7hzE6aOtdIWgnr\n9AH034V7lFAXCCVy/Jf+PkbvfljJqLOB2BpQ4gYB8ulkS7gytL8is3mEf5Ny\nE2EDopyKt+YQkhQ303EuwaGKHIAeprr+XJa1pLkDvsiFBmqQx43I87+mdXd4\nfxJf\r\n=yAHY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"58ff4055affa7a1d66e79813fbb147990e5360e1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.01de07011.0_1590522709935_0.8634343378014684","host":"s3://npm-registry-packages"}},"7.0.0-canary.51d4535fe.0":{"name":"@material/animation","version":"7.0.0-canary.51d4535fe.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.51d4535fe.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"efa929dbf90089e775c21df5d6919c12bba81661","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.51d4535fe.0.tgz","fileCount":22,"integrity":"sha512-VGJM/KLBFv50gbpTLyqg7sWw7XBDShHR8jGOjffIyqeE45WEWBPlywKY9cuDoZeqEBiazh3SLGXXjTfcDPBNVw==","signatures":[{"sig":"MEYCIQD4hYrUbgyJq+POPD3aqxT/iP7Li4+EJqdMdv/J2ud/tQIhALmZq9Gq7672Di6cZLlgwqa+Uu4L+I771LPoE8+5L0Yz","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezYs/CRA9TVsSAnZWagAAy/4P/33DtFmpoDgQH7VT494E\n0Yir+0sYAqeN1I0MjvFseVoCoEHki0DIGNeokbq5tm/QUaLQexPsR6jYbZ/a\nAMBQSX89sCQuGRngnVt8i5pzqZziPe5wSsEReuGk+NvD1Z+8gPy+nsf4jGEw\nbiDAXXNBiwTTT03Kf8bUeOqhSsMb4yESw6iptxQutQBmRxXnuvbw9jn4P+VY\nSuBQWEVFNP7d4thK793Io9AZTgwB6XhiNShe8Q59rd/LuyQ3ChQafN6+sGRs\nS07Xup9gIhjsvp2e7RdLyyDXS2Xu3oGHWLw2eJU11ag+xxQqQgTCcg5Nj06k\nRMVNaK8OCWINd1sZRJYrGh4BKudGuhoxD3/t3LK/EbS44FGJz82qvqQ9M0vs\n+o88nwhLiTHoHYXms9rVRslpqD7Gzl5ILqUPVbovC/vBf4kUa0sXp6gMu0p3\n1RvPYHIFC18Xuke1j4bzacx/1H4Z86nCztSTI9LLRbpE5UkdgR7kZ4U204T2\nsgz995I0YgLBJJDG6mWhu6IBKg7sZe2K2GEWfx/cMrUgJjBBfTK1jKdTUs9w\nOh+OdXpPeEBaASAjEPKXkftDFeL9NWyuVhxQb4K/VbuD9WcyyNGPuhRMauNN\n4M9gYD7gXftgfoRUw4zeallsXXm5P50rBSQkD7jEkwHJybEfIC9mVFuq2oyj\neSW9\r\n=y88k\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2ea346ccbcf8fe2cc90f893a510a194ad4f67356","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.51d4535fe.0_1590528830742_0.8608463334369156","host":"s3://npm-registry-packages"}},"7.0.0-canary.b86d826b7.0":{"name":"@material/animation","version":"7.0.0-canary.b86d826b7.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.b86d826b7.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6d39210114e87243e550e4507392ec55be27bf37","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.b86d826b7.0.tgz","fileCount":22,"integrity":"sha512-3Oxbo0OdSgafXAncp4QUeHWC0aqWqONPlu0hPvTtUXrrFQKi2H9+KLatXJpnCmZzTe29HZUjhcz8EcMM06pODQ==","signatures":[{"sig":"MEYCIQCoT34axUofqwO02cFk1za9vJf7KUXtpJYGQYPnGvIB4QIhAO1zPNZo0tjxdeoTRfDEYKgZvXuQrggDhqNr8h38ALs/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezZRhCRA9TVsSAnZWagAAZYIP/1wY8avRrguDbWTsTUL3\nFEiGJOVBYSZk4c4ek5l8fW2L1Dr+ebr2j1s9xMXmbWf2X1SBaJzKgS8pxq/h\n+V69jShjqLSgO3b9Y8lnQBPo24/ZTPRll/LSeHm0iQaw1RvWe/hFJhYns2qR\nvuh9HxlOMkTW/b1QlRdbpJWd7+V/QR7AbWjjVZPsAEGfCCVnt/1au2u/WcIn\nMOd/xUiaP/85t1oVnau618pkpdLgoRI9tWEQfcHMI1HRXwKpsWdkCLWU0oMn\n/UcnK1wIK/1aEeQfWnR8WeKekMQnfrTfDxrdTunjPHcjjqNKzBcoeOkkF/3W\nx5EscYS+KL0SPwLpwPVcXi0lb8WfvA4B905tBGZuJRDujewcVoI1pVCSUDI/\n2w4iHAuISZiIgwDukRw1Ck7/NNJDx9D8F1OE2f+41jumWQyx55fB5cV2n9+q\njO2ktyJmaxnoOXuV6stDu5zHQgLD/y8aihT/5eSSIygi75FMfbGZMNQhgifP\nzLHEtf9EMcv0Xc+wJy6ogUkXMc7dad3jvyMP/UOs8sw5R5ZZ6xG63soGOmRB\nNCw+DUNMkSLqFTE5Ko1gWMcGBzk5l8AOQXugXICr6LlBywkh41nwlrYA2z9s\n3AGESI5gcv5eL79XJhC+uPLHG/OftINhQ6UJ9tjkyIvEjZ49MTPlB4ojJ2Fi\nFQIP\r\n=bwep\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2b22865938bbce871e6d1ce8ce0129227142073c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.b86d826b7.0_1590531169376_0.68648883717216","host":"s3://npm-registry-packages"}},"7.0.0-canary.d91794c7e.0":{"name":"@material/animation","version":"7.0.0-canary.d91794c7e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.d91794c7e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c788d9c9fc25fbfd3e1b5292c3fb1535f4b0d298","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.d91794c7e.0.tgz","fileCount":22,"integrity":"sha512-IREDX3AzXvKn6UNwfLVGewQ9FTIo3QDR8AoxvKbhJKEc0J1143Xf2Mq/3f076u8bXxa6wO+GR56qXyrc/s7vVg==","signatures":[{"sig":"MEQCIEeqbmztZro9RYu2UsllfuT6+2xDQOYSAo4FfikGUL7AAiAXzJ6yAKTlt2axOJ8T4VVvhXOixm8qF9SuOgYCeS60Mw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezawgCRA9TVsSAnZWagAAmXwP/2oHafcqvdMKdNkLWuut\nS+64lZtUUTBtOv7lDM5BErv+zdsDt/m/OAja422x02xSsXHlELZEmYMBDH0h\nl/I22CCDl6FFEhc1EguNoO79yM60HiJ0gpNw29RjszCJMxrilR1p4qcQ9Ohi\njwy8TBHxuTc99i1iAVxEgcs9lc7T9AYjhozZJR6JSW9qHFToZTKktY0DYjS7\nBKUmFgEwQxXVSfOYCWPdD79ao9ekhKOe4wD6RzI4GBZGLIMYuX65XR8G75xB\nhCSuPVSBR/WD0bniaay4jBwLITpRKbUbkxWT7twgWUQHsNgiPuYtOEEC0eFC\nOsxMwgrXAp1l8GZHBW6px6bNb5ZT09mxkl5NRpMZuvdyCeZOz3H6PioGhW8y\ngchTOD7o/BpevBLSaxxdokhVdpuyhJUoOpNnJizsKOJNw3MakT+Us5fsB22w\nteRrdonHyPxhKe6bivJ9DOIKzbvng7vrZRUvYJmnTm9b4GqOzvSdMj/IWq1X\nulYLXQRWCFqDAf+2tV5SVWWBEwcn8H7UIG+MnNCmVhmt5XbolMFXXVKG7cJg\nOVBoB/yULAYFyBitpbDIw9VFpQ+yv48ODNO7Jlv8gyKE8FR0d77Ob3JqtAIn\nzIZfx/XpM7pVTqEppuS26vcND7y0asfzcq0kURKD9EKuXL4KY/4CnIICE5Zq\n+/84\r\n=HRT/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f931cc9789364ca07cac4a17cef0a225bf43c168","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.d91794c7e.0_1590537247865_0.4588618752053213","host":"s3://npm-registry-packages"}},"7.0.0-canary.8c6d7e076.0":{"name":"@material/animation","version":"7.0.0-canary.8c6d7e076.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.8c6d7e076.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7d147d6e8f79a011bf67335fe758d5f1bbecadec","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.8c6d7e076.0.tgz","fileCount":22,"integrity":"sha512-Y1SNMves88F8uq9v2M8wM2bxgpG8W/rK1dSF1pIo0Cvx/9GMJA2BaM9/NvpbgzDyBUk3UFHUcpZC2muAagLyzw==","signatures":[{"sig":"MEQCIHJ957HOIuhabEEBbGfT3Y4e3a3h6e3sHW1Fu+H+weeRAiA/g72x3pDbWTLszJsU4IeNbfuA9uSGydJ3B06X4/9p+Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezrhTCRA9TVsSAnZWagAAiVAP/3deAAq5GvhBfD+DpNwd\nm8cYNblPB5O0U5aqiZ+UzPGdgeB2wD9min/oBxW4Vl31DmFtrXwTn2GAGvwH\nocPwx13PTBshwgnWanMd5cK0zkzKa0+8GI3YvEr7rF2Yj33/YvvDt0WTTHnJ\nWvIvinjOAfV7MOkDHRy+ppFRcyn5w4aWxGg1ilOgMeWiurMwNssSe0BcflrN\nlHFn2octitKDHnXHsEc3rjD2ABED6KSBd8T64uOq2A1x+zkj8g4CsXMi/t+O\nQocvP25Qy4AAmtSm17570F9FORz3lDm+vSB1if89fw8sPXfi0BsLsBtMTivZ\nXX6tj+E90ULJLQWk9XBgc+vrkEA40hsPjcN/6PJhvUHoEnMzJAS70KhRQTcb\nwK12I9NEt8Wqx9w0hRNFJkPtttwcW+8QNdIgl/RTKwjdblOeHWLN8bTyI/jq\nY42eEAp2LXH4QeK97BO80K2IQ+VgMIuDYQAfNKUkc+i65pGtvxUB57NhB6Em\nwjEsN1fgK23eAbiQoond2fmbizJQu1tsvBegJI5cK3eqJmUDWWdEHMMUVXfz\nS7SlfgKhhsrEFgEs8ccPoZDD8VbwyH6HVSmFJVOxxJ7nIzIiw7dCbXOa5R6z\nigYQ801lDgSiBGt3WZFq0DqtdBk0uroI/wkOXiS3B9U/6uRVyXR2F4KNt3d4\ngEd+\r\n=Eqcn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ca2efa9bf20bd3fd24c7f6ff263721fea798614d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.8c6d7e076.0_1590605907398_0.6083551287841877","host":"s3://npm-registry-packages"}},"7.0.0-canary.5b5f62f93.0":{"name":"@material/animation","version":"7.0.0-canary.5b5f62f93.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.5b5f62f93.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a05fc1564dc18e617758d29cf321acc6e9adc7e0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.5b5f62f93.0.tgz","fileCount":22,"integrity":"sha512-FO0pGlsW+8xBKv3X4JTIUtZFltyU/FJvC7Uem52/CRgakmRyC2sYQ/G+X2H00BzzuCoNMhxkBio77A86QxxzOA==","signatures":[{"sig":"MEYCIQD8efUC8R+lan828RVP3npOwHRDsBqXVSC0gvIRJ3TJhwIhAK/qSlClFjiBBI0hUnEf8QDkTkW377kJwvEHTTPyh3NT","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezrxPCRA9TVsSAnZWagAA0/0P/i0MJ0Qw6VXFDvZlWxsv\nUhp3rXVl5A0gWSuRswclxJXLUP+5SlzDyFEzckbn/YXJCUaiO1yKtASwPwj4\nnGn86znFrId2DgAW2ImSor2P0PZ6926BSkU1XvaHt5VzX3iMaraaGLxc5o/g\n9wv6gkcbDdYgmor+cNdcgtMUVCJOhkZbQuSphAs2qTuaIiRFzT2GJZU5I31R\nYDmvQfXi8s5or/bAs+LhlDQ1zGwmH4GTbFJJiSY/Ld+yGD0sHfDXdhdRpYJK\nglm9hSjY96vs8NTz7rwWEwVUUIQU04bqieEl8+Z2pA7xyWpwNhdC8TOPlMDD\nJCN0EqDFQPBMWzRxF/H52JO2TWQeK0MrU2DqrO22Cf2VVwQQRRq61qUeb3tz\n50mt3PysLJiLvMnkBt6kWutU6q7/hcoZ7sGLvgbJ7JJhFjwzPE6jNMU5j02G\nuV0eeaMdxqlk8wUp0ekIWdclya7BlsxJAlV122aoEnM6npDusMLCMPX7bE+n\nwPRtZQzbUJCvVNhsLcvGqK+WQcvyS9Ai7qaFd6+oYIyjHw5BSl1tdSk6pJHv\nmaw4EbkVPzWeemU9nSqy+jO6Zq1CFmkWJBbp2CT4GCqT4C7sHhIfvWBSjyNx\nL6GE/QTL8y1DiGfoMvbEhwEHGcXP4hqJmBgFubCIK22eLmtijhznOSSfSCqO\n13sY\r\n=EA6j\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"bdb576423b0f8020c453a5473bae420ee287c240","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.5b5f62f93.0_1590606927186_0.023294401769096584","host":"s3://npm-registry-packages"}},"7.0.0-canary.d9972abb1.0":{"name":"@material/animation","version":"7.0.0-canary.d9972abb1.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.d9972abb1.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0eac7d24e2e5fd777f968811f4290ea71e7a7036","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.d9972abb1.0.tgz","fileCount":22,"integrity":"sha512-H50g+8im/8megn7m+VFe6sYngRO7FnVk2p0pUdkpU6m6Z9a4qOvvd0PzT/tQI7wqJ7hWqLgJIdi2/yB1lYWgjA==","signatures":[{"sig":"MEUCIBfEHFnNAUK0c73g/NwFhOJnR2eTzP8/dx8wXuytcEyJAiEAnd3Y1zx+fsU3JXWu/sc4zXmWfnP1Uw9g1lqpXeWZlAE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezstwCRA9TVsSAnZWagAAVXoQAJwAFOpX+V2BC2lu/Di+\n3wLS3twlNx8IXZTTfzl1nGOJeEQDItnKcedpg/sLcwZyPhMMv9mWsc+NutHB\nn/Ke36Hhru8fFUdDbj6syiUN85sM4tmjOg67QX95OlNaXpon0dDETX2CDTRT\n/hy/F56d2H2gut90gbBHqAv7VQTqpnP++iF0hNQW+KwoNdYXF/7Iyw02CD9C\nO3a0kfoifYE5xaTOmLLZTYbeWx4Yk6QczPC6AP1oMTkNfN3G7bU6Ed9lMllS\no25GCGHxOhK9qymnvDzZVuh8S8cRQBjSSHARv+gm0slyH7snyigckocPOT5v\nFTQqx0BiYwHPNUyWvH34sDawNTh6gopzaUp6Xr1+UB6MdiHuL9n23LAIfsl6\nn6ilUE1+axZljD2Ub1JKqeh6zbBM6PIGMaQu6KZbhLIC8acl0cT6YvMqEAgQ\nE92PldfbJ2OzN2SMaCSUZJNBqnOInQxrbN/4LQ64SmfgbLheRtIsf6FeLhF6\nOCv/iPm2ZYxRfFH6PC+XJywvrg9mTHwSnOLstuYOChCCsWascsm6iDmcMB3+\nbhbhUmoaCvcm5GNvQe+ZGak9A81afDpGUAcLF9UqTC9Nliy3flyNqmiRzNkD\ntjsqS21YkQip0d5rBTenLiKYQcRvPmSaZeeTeJNUoICua3pxqEZEU1DRvcwO\nxQfJ\r\n=6j00\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"3db449915645c45b366327c8152342a34f1e10e2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.d9972abb1.0_1590610799712_0.4660079697784161","host":"s3://npm-registry-packages"}},"7.0.0-canary.6556eda2b.0":{"name":"@material/animation","version":"7.0.0-canary.6556eda2b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.6556eda2b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"439e08c78b7de9dc58a9e34c6926ba537478b603","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.6556eda2b.0.tgz","fileCount":22,"integrity":"sha512-ujH3C0z0soheNYSAigsZQuFdXVQdVstJw1OEYIHfvUFhgfKohH075vFFaRtYhQHNXFuGAzRfelEsaiMhoqqEmw==","signatures":[{"sig":"MEYCIQCE8O4rdnw53Em5pIfNLByWpMFS+Xu5T6OqYo0d8Gr0jgIhAMA+RSFgx8cnBX8DPcCwXJI5hNoDrC7hBSFBp+J5NRey","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezs2WCRA9TVsSAnZWagAASMwP/jNfbfsOj+yg2jXJKxBH\nEBTYsIKOtqZ6iYOP4Vu/p17GzXfzAxYCyApVU32iBYt5/pIjrAJRxmnj4+SG\niF4XAvkLDyCjReO3ZAYrg2nUESUC8O35SnUL+XAoi2hsYJpRyItKBlBPIKg0\nAfoyyPg4vXQLTAHIrPL3KSowSlM11xdb9aUcRA5IBZDV7Q/Ua7IjvHCepECE\nzjRvROvFGM2tRAZ0Z83nu7MV6hGdigrlv1fh/9h2cmQHh+MXF381hMYoIBRL\njYO2q9n5d+JmnEGojKY5rQ8Me6zMfyixqMevz5gKgyDV6L4yxGaJ8RGj5K9e\nMsjrqwKOANNVzU9yey6HG2lP8Hrd2WHsQXtI3X0vIfgTytaSkz4bR+t0UJNo\n+nu/uk0uTvjRMuhb5b5GfnBpIdGXDjQpVhtYkPgJ7tG7t/eeNySTJb78YauY\nwhriLnWWlase2vALqv/34vQjrIATd0ULiefc7ckwDB8jjIUgwUod7d2y007h\nvhvgsjtrn7FonYNWkBs72zU8+HK8UutrfdQxm8wwQfH/stHq9pK7R23+r7f2\n9K+dkwy0cVyxzjWwRykbyNJc+Q+jjbovJ3xe4cbJ1oIzYrxm4yHxENz4HHQj\nXB/vASVy9HPCiPbIrjfOVsErn4jkJNLMVQ/Y3SMG+5AF/SSzTu3ijzzm1w/K\nc3Kl\r\n=7UCL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"504ec59b4b401d057e70ba4bd1bbef2f87218204","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.6556eda2b.0_1590611349748_0.32032409463872535","host":"s3://npm-registry-packages"}},"7.0.0-canary.32aa23641.0":{"name":"@material/animation","version":"7.0.0-canary.32aa23641.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.32aa23641.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5df886e73bfba9ea75491019efd1ea1bf893fc54","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.32aa23641.0.tgz","fileCount":22,"integrity":"sha512-fvVMYkSP0DX+MVDFfbzdixi+Ne3tbGvDQKvntf21BHlPqP+HDB2Wttmn6MGuVdNFXlle73IhB4LPeMOQ2WrKOA==","signatures":[{"sig":"MEUCIQDILT+O3ojAJtn8M/eAG2drIwfYrvynHk2DmYSk71LtAgIgLxfizCFLmGY09r2/be4HMZJBV4WaC4RApFvrYREjhL8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezt2TCRA9TVsSAnZWagAA15MP/A7BCVsoq16XDYl4M2f5\nB605Upaz6ZHd31MCsUHyON4slPQwJFlXMgeg3Th8oT3JWqEHCIPU3Z4TLuEl\nmnfpgjpAe/re2Z38UwS7va2P+PKwNXc6DZ+OeCx7eOFjfCZAERn3ci113FjD\njaGrx4a6Rm4Ut4ByVViEH8cu03SEZSRchwYdF1GLqJQDRbDwm625oGuD6kHy\nTQm7kf7MMUT6D8vbrhpak4RiNAAgDazLCqR+ehDGZznMqhlXG5b1zRwqmbV1\n+JgRX3bNY4B9y/mhYZEAqmyvX5ceaG1QQLR3cbg+NS9kFUJYo9U0x6ydvG76\no7UjtDysnJI5qFz+o/NQYoXnDYtrXF+NNlUTyYiYkxcmAvaGV7a0uC3taa/v\nF6ZEukoTxXR0CCQGwwRlL9NmL4TlahFqjv+gzJq+0i32y2r1dgumxpMjJycp\nf/oNPV3RFYtr7ElyW/t2gahZnforbDMeAuWN9K0b/SmBDOEPE+IpSfCHx4O/\nq5j3H5R4Sc86gayRYT4vKoLHnxeWCZhPLEkCArs6Sq47XamglL2gFvNDcSvI\nTbuNvj60jipf/Z7gRVWLiQu+FvFNMRsbxYT1RwkkkXZhE8jC7neI5vvw3QoY\nOMQkaf+/fDjnxLP8KLxgWRDcoX6SBNNik+uVc7CwTBSWF0f0k5bjjN51hu12\nneEq\r\n=Ype5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"4cc39075dabda7fb76257a3403f0bde13084b87b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.32aa23641.0_1590615443335_0.25897648800367756","host":"s3://npm-registry-packages"}},"7.0.0-canary.654934dfa.0":{"name":"@material/animation","version":"7.0.0-canary.654934dfa.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.654934dfa.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d913998ee7ea531e24d49a7df303812f2aff0177","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.654934dfa.0.tgz","fileCount":22,"integrity":"sha512-TERauw3El4ZFkUoAKW0zsWQ85fZzfv5hLFRdix2kYr++tSRLnZEY382zUwQVQG+Ji2j0Afm+G4I5XJHk0WGLVg==","signatures":[{"sig":"MEQCIESjqkT+i48M4ECuV7cd9GVycs6bkShGx0syd/3eRPdhAiA0KWQqec5NygVgyGKVMT+WIoOq1NsngmxfXLKV74OWeA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezwd0CRA9TVsSAnZWagAARaUP/38lmO+bGpowbJoZ++oK\nb9x2pHWTUL8tlTBpmwtUe0e4n9pkHgHrp9q8crJFV38HFx08bzWJCcABGQEN\nh3Yolt2oc/Cn8viGBRXXvpvHjawNyf/44DIdz7nk4WRVeCiueMuBAjHqElRm\nohmsHwkHOrawbeUoSLXkqBVIiulACUrGgwZmssxbu5VARwMAJiTtzvErW/7j\ndso6LxcJwBn5/kbWSZl15Ik9t4a/ZwVlG8Dk2b9davPlC0HSHP1bTnXw6wbx\nbQ5VXQ00FgiqkMb/aclQjLNnyRe2n2xnBuQtW8QNctmlBHEgmdoya7LE5ZQK\nSJFawSZHCjkfytaA1E77sLmFJXvx3zLHMZEJT9z9nJAQcGKvD6Ryy1XaUsda\nAkJPHNQtoIEd5b5ec7igszTctR0dVF1AdqIbPYrHQezBLzyR6gRGOQSc7HeX\n56PV4d+lp6XuLnCTkASkfh1GisWwZhWX8/mhBGqmecDX6V+5rA93iS08O2rK\nv9A0INbKqizfsE27ftPJLUE23wwvAN5BRrqANr/cTVjeHxEYR0OLq+D684LE\n/z4286d4X4GMnQFh8qY4u5xuuT3mWSAB7gvxboktvHkgfo3Ye20L21Lvm5X9\nRbsbYH6CA7h3S99EQAhEXSasNTE5yGFC6dfIx/X8D1l+K9Omy0tU5SMS8pc3\nZTeB\r\n=Q5BC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"99e56121d157a5a30949b826c0d521a365a1ae59","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.654934dfa.0_1590626164014_0.030429621169669963","host":"s3://npm-registry-packages"}},"7.0.0-canary.41910b8b8.0":{"name":"@material/animation","version":"7.0.0-canary.41910b8b8.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.41910b8b8.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c6970433788ba4dd5c26903b60b443c36e6454d9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.41910b8b8.0.tgz","fileCount":22,"integrity":"sha512-VtC+ewtI40v4LFN0H0hPGYWyzv2yR8L/IgGv5Qd+GLTw963+Vm8CDTMISD0Ms8TsqMN6HJFZb5JkK99ihYJXpQ==","signatures":[{"sig":"MEQCIEEK3WDtcu4VAOMz7rodaQH6Gfq6zVrnjuu04DQ2CaQYAiARXMWIlSjzmNst4E4LNNPlXKoBKF1L32r3qifLzLXqYA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezwrWCRA9TVsSAnZWagAAjs0P+wfGzA1xZSbVtNjh0wsw\nX9E9p05z08xOgMuSqcnsXInKXqZUxO28tQ2qGXETgsbOe9awLtwpXzkY/4sN\niduQruE5b1wdCziHXlo/tvIZJJWhRGO5o644i8k0MOSLtAk1fl1n/3SXrMJ6\ntUOkfzI3MYvc1uAc1elT/aENaGKMmCT3FwT8XbG82kU06dYXxlA72fT/KW/s\nCVbxEPv4LA4+Qrv/ZNbTr42552w6dhDSFRAyQlWUzsUi8JahixJ7lhSNuwSC\n6f8Jqkcw1xmjyYPHERtaH05mGqi/5Z506cuRuvYjjGnLCaa+jIVvOIg37BqV\n1VBfs3/Oyd+pU8lhUfmh66NcOPSwzt0WyaL+mon6FoiMfsC8oq+DS6ADwLK2\nLxANNMLi7vDcW8+KE/dEBIvX/okvqzB5BfeZ0h3ykAef1Mp0DbdxugPo+Kus\nAxCWtN94iW2u+yqwH+GUiAW+uMLSjDfZ2nGgmGBXnEeZijuPu+aNdAhtRPk5\n6lzKhxqKsE6AuLcHPK2RioA6rTRLrvvf/iqlMCXZymWLi8dBIXXQLRXUWpCF\n2pTl1MKND6JkLYts26PHkUPH2u6FsSGYc4Nn4wpzY/3gUJEx0APi6nUj6Mrw\nSDFtNVv242I6tgJK1X7tksZyh5E67Gsf963I3hkTefOBd6dGse9qJGykJhyf\n0Ivm\r\n=esPo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"14656d5f31e9a410c15eaf9b47530d57a5901add","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.41910b8b8.0_1590627030380_0.928096070573865","host":"s3://npm-registry-packages"}},"7.0.0-canary.d66d22bf9.0":{"name":"@material/animation","version":"7.0.0-canary.d66d22bf9.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.d66d22bf9.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a52919979e06beed24f388a81f857c973a831568","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.d66d22bf9.0.tgz","fileCount":22,"integrity":"sha512-H9/zYof3CkyiaX3qiVCqBANb7/9OSKTc1UIpKj5cYosMAqGdKiFDr9AwEq2powWbUdnNuQnlRxbZpdzsprggpA==","signatures":[{"sig":"MEUCIEOdFS7QXnz5yu/GSZN0eyt3LcSwInGA76k65cgbT+vKAiEAzfEp4Cj/jQVmXEQQgmH3/v18hCSSzTyUN3zx5hsv5Ts=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe0BbvCRA9TVsSAnZWagAACMIP/jTTOOZYsh/de7F6LdIg\noYpLSOc/328JPKAJCc0DUD2mxcDdKA2xSDdqVPKHkoQ9BPO6R3gg2XBnS7yq\nQZZIZXq4Wp2Ma7Ka5/R2iKGlS9Liuu+p1Hqrtj3fcFYMbWOUsFevGwO3uOvc\nEWxrLA8KByU5Tshxef+7/cXGCSyVw1jBjiFSLAaYq/dY/7lhUNEp0+o6AqR1\n5+XvKXrg5xbaNWjLJtcjIWDyqOIt6xvRw3VcB9CgJ3LYdBmK5I3VCgyZTIPc\nUURnPsodRzeRHwmfryxxyRZ8Yd5D7ZFczIYJXQwzmuZj5MZH6coUW3INUOQ0\neoTeR5L6cJP/FI+nTBkRofoaqAE528+1ak5TvAxGSsGiln7lJg3tzTI6k+dM\nvG8PJ4fvHvMqiarVzT1ALIbQ7EnldLjfXvK+TegRbDekN4oyi5yXr/0z6+LI\nXEeQeaOlglhGBPWoXlmuCr69++vHGUIi1O1xeNcNkJ4+8VwZtMY/OoST8ZnN\n41uENHUmJbCbMKVM0cp64jx7rJGAL4ldzBQj9mE8guHlDfetJuXmkOJ3ALNj\nU2JE8WPmKwYilbuGXN6wkPT8OvN4s8DT7EnOfR/5VautxtNqsysC/ZkzRThK\noIF2N1FV8BgxqPVBbEfMMziOzi9pR3t/Ptnnj7fL7SXy10RSK1FwqmM7p4SC\nYXuZ\r\n=mjHz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"cc182def4daea4d871df41985e6d893429174b3f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.d66d22bf9.0_1590695662919_0.292249939406094","host":"s3://npm-registry-packages"}},"7.0.0-canary.8904f3cbe.0":{"name":"@material/animation","version":"7.0.0-canary.8904f3cbe.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.8904f3cbe.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3933b17bafc360023b4a6f9ba81bd89754987b06","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.8904f3cbe.0.tgz","fileCount":22,"integrity":"sha512-WnTbWF1va8uX70eDN7ztyxJ9TAh7+0buZGaSFVp1f7hXUGBUlye3e2kXU/Ag1rYa3LPaoLwxc+LVtbC0geaNyw==","signatures":[{"sig":"MEYCIQCjvyMk7ri7DaiYiap7HA2Rj9fniEM5cpeYPgwcqes6bwIhAKbRZo/jjEfslG+EYSXjc2MToItB0P6b2T6w8m7ZhJLc","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe0T0aCRA9TVsSAnZWagAAi3kQAJGa/mUOBJUqbeZ6j4Un\njo2FAFek/gM4PQnbMc5Jj16ffzbhzkJR/c8mOYCQp/r+279yg+X0Blt6zLlS\n8K5tSm8eA764D/nlTZudMs+4c1jbi5nXbpveEu3Z9MQxMAw5RIqpDLOx4plG\nr8S6UBbk2CgvuU1GU+yr8RoRK0004uhXAS2yo5xZwKRLMkUye+hZrJ8nGkOR\njvgccOINByyqeBf2UXe9ZLPKrt4NmM8WaM/W0cpHysgZngznPaO01/aTOM8v\njTUgVGBItBM3X8iAW376rofp2ilMCFuy0HcOrN21pSNKESg8MOO6Lc4X0Ld6\nUwi/bAaWBfcCoc+GvEfuFl4t86rIo5c+Mf692DZ0hbEwE6rop93yvp+woorL\n/bNcrz7kNMZafORfIf2lhQd/Ck19Lp91Ga4b8aDzWMvnVEHu8mOvJOARlkn8\nJN3lm+hJVOIC/XRxoLjyT30+8ZEJNUa3b5wUxTacNK7t+sUxkTyLc4GZljAC\nTGpueddMpUcVZcUCEWgIttCHKKsrzESgRnO27NOlJYR7WNl1w/a6iJdiUS9c\np852rQbsGqXq/D+qWWnxmcw4DZ6LnMGapHD7og/p0NwRVjhFpueyyfdDwDbU\njKhf/lJKSFC5Ua9WkhsCi8LHBTU0+2V/YT/2MK6goOIYgfL/2iw7psB+lOgR\nGb6z\r\n=ncJI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f78dc612af1ed0ba397842886fe5bc41e32f181e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.8904f3cbe.0_1590770970381_0.9082264460044198","host":"s3://npm-registry-packages"}},"7.0.0-canary.51512a4ac.0":{"name":"@material/animation","version":"7.0.0-canary.51512a4ac.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.51512a4ac.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cac0220e6d44b6ad524343f5cda5dec117836b5c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.51512a4ac.0.tgz","fileCount":22,"integrity":"sha512-MqRv5/S8x2KzM9Xm1Emb93htntWSvtUyl5PEYcxLVXIVR9I/0a/2D7GXz6UEGXqURbDsBIS3TWxQqghn/lUYMQ==","signatures":[{"sig":"MEQCICx/W9jyvJ2qqc6iCXML41dBKVcAhSr5S7YR9RSIyf1gAiAOc9YShJjLHzDdw0QrjHm285RoorrKefMG+TU79v5Bhg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe0V8ICRA9TVsSAnZWagAABQ0P/3yGeHlS1xRdO24ENNGA\nnndv+O90HR9LwcFIrFyEv3GJwp3WuCCr//29JU2EHDXs46SB3Gfu9eQ6oy+S\n3Wg/tBzgfWtsPcgeciJPwtnl5QUJdactRZRpVxWWiJC9ahsvpdeqIBoh4YLC\nmVGPv9ay1vXJM6a26axomtqAlNbwH6uZkqSV4iWix2eRaCe8JnybkPqQg0v5\nM6jimuaP3yAkgagMphzCgZ/6cpXyoMbf8SdPAJR1Ib4xt/me1LuQfQCKCLM/\n8eYe+7X2Anfw4i7fcIlv80mkLd18h/aXnmnbMQPMkwH1e34jUdEcfJ4+pjS6\nDH6WesCuj2yL/OqB8khyHQWn0rU25vZtBNTbI+zcgvhZdb4gjXui3kF1jtaA\nobCphVtSdcJ468sEBAIAhs26YCf4Mc4OfOMT6zSWbC8v5B5v9vGMu/DqEoIq\nd3DmWBXKNM+0w9zGyuTascvXoUP2ZAFxFQ2G+9IWr/NCQlNFxO40PaqOZL8T\nVHMiYUP04Q7DCtoE33vy/UJrIwVDbOnFf2R3Z2LknwFEuzcaCixJY4gitFsq\nAayhWfshIcnrSq55QsF5y5HDJ54UcYNCJzfF6TgxM7z3CFsG2FUomHYG0cJ8\nhV2a64ubQtar8gbvnsLRB+dExBbJMqeX37Arncs2GfnSQ7Gxxat9lRHh8s4x\nh9t0\r\n=O3L3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d5115fe8118e1e2bc71fc7a491f672b079f281ab","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.51512a4ac.0_1590779655979_0.7579966978477408","host":"s3://npm-registry-packages"}},"7.0.0-canary.0743288fb.0":{"name":"@material/animation","version":"7.0.0-canary.0743288fb.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.0743288fb.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c317c192686abb3491405373f108c19ba3ab0f8e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.0743288fb.0.tgz","fileCount":22,"integrity":"sha512-Wzn+tPKWoeCmgEsQY8FWup0hrHAY7Dt/9GzFSLDwplJLrXrR6VYWnw6DlnPq6PElAaMYAwg9ZhyVAqw/JCxXYg==","signatures":[{"sig":"MEUCIBZkJ1KOs6lueqaYED6sC73HGi1MqvFiZUA9aFegSYLQAiEAw/3dcpEJRhZljW6PX0L0aT+NPdc6ET1nEPGNomAhEh8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe0Wq9CRA9TVsSAnZWagAA7IIQAJUPbIRKrxY1XeNwUl7D\nrJeIIvQiObCdfd342n0XBFsz86lpG4n9X/l1xuT3pVMaMvAWnpdaic7K7tnH\nYdL24b10OxY9sXCFPC1pRmD+Imu4DhwJrxh5KmekfgnkL7uq9e3PGx+Iq5L+\nWdrFdx0Q/i7dkutDZWXT6nwli80UUy6RXY5r3pKmgGmRXLFQvFD4KaoUJepe\naQgfIdcfQZu6cVEPjQ9EEmhtvxmVAdCZ/3oSWCM1kvAT20WE8+d4m/0P3cZh\n+Gsy9go4e7apW1AYo5GrPYVKU3Uin9X7UAefMPys7zaI6Lh+jX/TAC1VS37a\nWOOAn881kgDUYgBPSwRutYsxad9gf63VwRX1ebgTGX+O2cEZNwPf3vX12cPY\n7irXFBCCHWaEkSMPJC0+JQW985MRN9lwYSFVeTweA/Jp+VPo0VjSIQdviDHv\n7XVPn9EPp4wIpqFwWVn9rRQ+rEa6DNWAVOg6LapLjmzniOS60xsqOGbgehHt\ntLrKvb64md6lJt1iCWvzb0ZwOAfkkQtaJfHauYBmAR5+bjVXqlleKVKl6ixW\nm0qa9jwA3jEA4E9n5uHBrXels8b+aSiLaqhL0MvsvNalWGtwD2LQ16tx5cpM\npwkW7lBg5nO22v9KJBrRszF4bVCrXBKH5ZpuzT7A1BZAOW5ZR0YupqvBNb4Q\nAaqD\r\n=i9vA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e0c92eea0cf28bf0f2367fb0666eb8592ef2f8c8","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.0743288fb.0_1590782652396_0.5366443634627123","host":"s3://npm-registry-packages"}},"7.0.0-canary.06ef147b5.0":{"name":"@material/animation","version":"7.0.0-canary.06ef147b5.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.06ef147b5.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8858d7a65d942491374512f8add5dfb9a9421bb9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.06ef147b5.0.tgz","fileCount":22,"integrity":"sha512-ZPaM1XoKLJbZtH8rTpf+eGrCF2EfarprQe/2CQdGSDdCqAUo1qp96UXFjFwXMAZBO06h585tD6JM0z/gHHqdCg==","signatures":[{"sig":"MEUCIEz/1IonhWkx6nQ00+agfLV1tkiSIfWb1g3m3Nw4kutvAiEA9kRdxMX/uftKUdoL1FXHQIaFByPkpQShR9PH5akKUqM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe0XMXCRA9TVsSAnZWagAAs8QP/0R/cvRODY5HNr6TitJ2\nmERfFAuXjHXusBAGOiSZm/NU1N/vqEvLvBUhpYoJDAaVPx5KhKyZaQbYgRdv\ns73EBso6ei1SpMXjtH/YkOJ/llaqtpcbtrBLfaI85ksV2vKQNAW7Dl46Ogfb\nLEg1vFBxPdqNsdF5ZsMceRV8yrzqPkRyOVhO5LKPnOFIMNwTNQ8sofR7V6jb\nu1an1tCf5P9ZQgeOilHoNvOuVwOAe7H36t6XOGjUHuO1JX1cyFbW3PV0PJZ1\nC3ehyffHuG0RUG6nHFpBUGYKRmjfQ0P4Ja/x/fDvcvycNZRw0vy6ETz3PStY\nvDDDJD0BfYrkiTH5tAtq1AfNbrs5H4BUZ3byF6SaHboJZRoffJdRmd0hxTjX\nNHoDXyFwbgonUDMcmKAzYJt0AJY135rfgO/Pq4DYgiI5CYrAdyKUG9YyBd5m\n6VBzGe1XWVOjhy08ql5FFD6CSJg8UUxPdBeH4Lq/gh8GFeKtNuQltXqDRZTD\nf0gWssnfKBcZSRmIaIsig/VatKsgpSMR7BQqW6VihE6VbFwAHqhKY9Ihntwp\n0gWbhSKRbFDGFeZGE7qziEguq5grxVQ+DXGxRqxEihcL97VhYtVpjBy/WKNc\nnKJfJv/ZyHydW6rR8DgBNVOYfVCfFPF0VFKGFYvG+MVTS0m/+trQgEkqaNJY\nAU/5\r\n=1Zb1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"43f043010a4682138cfe1d453ea0460f912fc2ea","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.06ef147b5.0_1590784790804_0.4341568897755017","host":"s3://npm-registry-packages"}},"7.0.0-canary.8073a20a9.0":{"name":"@material/animation","version":"7.0.0-canary.8073a20a9.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.8073a20a9.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"de5277d76944914722e000fb4d6a116f268545f1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.8073a20a9.0.tgz","fileCount":22,"integrity":"sha512-X+Z9hcEC2ZcO3jpwt6XTjSyqs29RX/OsLE3S4dVcZ4AhpN1neEELCxWwCV5e+S1SNS7opED2Uu0RcWKL7F80Zw==","signatures":[{"sig":"MEUCIAEjJ204yrtzPtiPvwE5J0ztNO/eZwQ0+REj+3zchp+RAiEAnTin04mqVJCAYkGQiMQ8rzHpEu52VtecrrB7wQisFaA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe0Zm5CRA9TVsSAnZWagAAcnoP/jGG0W5TEvflbamM+4s2\n4sodpMxmBsj4zyh6msYI8DD81ccARwzK0LIm9amdCzbljsuU8YNcbEbXlK7z\n8gdbqxnhF2g5jbS7NKt4mkUBHot4s8hsB7Q4EwEchTV8slOpSfQLwZZvaX9q\nOeVSJiOWDMMUK5CNFa3JjWNIuDD9Nt4WZaEn48laMNoPyRhYa+cLyRdFZe6V\nYkKdkgKmBKu55HymVU6JsAAuWrj4BJ2G6Mvfy1EdBb9sOb+sFnOiz7RYxeU3\n0YDuZPQdzJwt1XJkb4wJuS+rwNIVqFw7maTkbrEBfjc92IJ85gr7zVwIv5xD\nfJC1jaVtgf9K3Xjn8+jJhJx2mKOgnRHpJXaMNsmi3MrqzUUuKIMmWykP3qwF\nmKPQwxXqK+sJrWMrJ88N9XO/WbYQrPlF4YAUJbAJfXXvM97qylzX/0vuPSml\nMTHIGHbrOJqN1xQUXHopCKnG6LmXkcFoDjGmi4AnTOwI9Tf2gfaHeNKi1RNh\nWi8Jg+vI6/wHvvW5Bnhzdot+seYBtz74DmKoi4c51Xq/YbXi1amMDlenpLZj\nYlgVunVUtlxkxfm47wEMXBELzkXviUrp+ZZ3Xlo/4P2UJQ0DgryZ8KrXa/XB\nwX+K6W6FlkePqbqK90QQhDqsOJaHEfyMzIPKCogKNr8ZeZ5UPw9ZM04vafR3\neyWH\r\n=XdQI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"576fa22ec00234b59b1dc4215b8dd1ae982c7c8b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.8073a20a9.0_1590794681077_0.9512463309741555","host":"s3://npm-registry-packages"}},"7.0.0-canary.72ff42330.0":{"name":"@material/animation","version":"7.0.0-canary.72ff42330.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.72ff42330.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2b7d2daad9eb0b4b1480788c6bf38c63ac5024d9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.72ff42330.0.tgz","fileCount":22,"integrity":"sha512-OUnTAvH8bD2zUAMCHFZfTCNioueQJGE3dyPvEmRW0hcISwIHsVhupEkM1mzqTC6XLvehOCnDH5OcXqpOQ9tRDw==","signatures":[{"sig":"MEUCICptCX7SdxIWH+uQjUSr+Z8QjIMKX27gIwaJy17jO0CFAiEAn+u9U+hSe4QSgbRcneCLGi1TfKdnmK0cN6g0pjcxrak=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe1TAVCRA9TVsSAnZWagAAT78P/jpPT6z/9oqnnkelA9ZT\nEidrYaml4NV2Zo6jH8eC9q4zLG9NHCHv6UUS0+0mJCldaBt0gNIx5vNN4P8n\nMstTmm8Lt7NyAbfk3WNrUkoTdDEJuikF30Dw8nCTCdlf6UBIZuaz1r+pII/e\nLn047YzixV7dfJOpBVWrI++VEwjs2EaIuwBmpjPrTTWftSFnaLjljLhwbjod\n7mdMVkKXTD3nWc3mwm2JYEk2R4J6a685BDLOnap0uQNLiE6FPMAFEu/ussv5\nAJ5gt0RXQwrCEscNvt4V/WI//XgbfTQNiGzLdiTdHLvQgZyDi1UNZ0gMO/7J\nu11fJkJoSJOv6JzaUxId/qF4kFYATLgo7GJRd5n5rjHek+qCgDfsI/zab8OC\n5CFlTwgXFC1zaD+CeNpLx3dVSowBX6vgo+nzjHXm0jcEZMkOaEiN+hul7rX2\nT2YwLPAhRJiopp3fw9rVimrxVFMQKjWZZafpFtSImcEMg3hx28OVdihbzIUV\nyBRPdpvGthY4POIjPl5KfZWr8abDrzHaY1Zw5Sm08F+VScxykcewQB5I36Q8\nS/nzOYw4sWjgLC/3e6H62OwdzOd1QGF2c7+uZyDeMSupupBTNGsTlgXdKRkV\nqt2ShFXof9vFwBQhQFzmCRolcFC8xbppkMemRfrfywEG3dFxYGcCH4pXWAwd\nylw7\r\n=NWij\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"4c820e9d38fc1bae9a502ae78e336f0e8381f432","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.72ff42330.0_1591029780539_0.88949878198524","host":"s3://npm-registry-packages"}},"7.0.0-canary.9ea52070f.0":{"name":"@material/animation","version":"7.0.0-canary.9ea52070f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.9ea52070f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"59181e221e764735a85933ae2f70003b357aab9c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.9ea52070f.0.tgz","fileCount":22,"integrity":"sha512-sZ4STTS67ombYIudX7QECnTGr4/HLwaQxcv5mEh+j6arl7W/4aoqj2RhH5mF4l9CHpFO6RU2kErCZsMv3KQg5w==","signatures":[{"sig":"MEQCIB/0RoS6nXMOvVqkfllfdt7kJppxdWa9uiIYTfhqHwreAiAnv4lL7l716SoUyyrnal9dKgH886+IXVGI2Nmqgmt/7Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe1TFNCRA9TVsSAnZWagAA4IUP/37Ha8o42E2SENqAf4p/\nKCVgPUf/qG/8GyNsF3rGaONPvEx9PzPKlmeQeHkYl1mvXZHQaIDEQVulVl6H\n3ifYzDrREg+oHERHEXvWSvJY7z8B97RbYU15RHCCR7BZiOkv8fenmLbbyub0\nSUIcJYSfzJo+vLiH7ScN1RiSLzXscIAt/KgbPmNaspV35Mpdxe24Exnw2BNU\njN5Lax78u1WRCpaJKDEl2Hf4Ee0YReOk+HDuWpRbyqre2Ir9484q+JZ5puUu\nQxRrKPmy6NH/bIq7e0+WatPWV0+ztBnv4jRO4WcTTpI7oS4Cyq312KJFQlaJ\nGTy133rKG2mXZgYQNJixXbIsih7SJFf6+JBnCtj4ez2AQvlNxdbzlF+W4Hqp\nrOxw/XjYPbAkQELvfvYhJnzf+AUzQTe/yb2B9N40FG9Yn7EkAlIPprJzV6Ye\n/a0yb0mPbpqVdGYfJzHK4C71mzj2c95rh2cE8Y43kP6kJ/eKoOsqIpUtnhVk\nL0f/rk6X2yvLSq7qDHL4XH+s5Oo3d/3jSBfEajGTExw3nz3yk6ad1IHMDkPv\ni1hORLsVcQtd2YBT5BQSQ7/jcGt2VGpeYm6BzoArBzHMcBsYxu16atYEK+gc\n2SaozhtbMWesosvZMLZpYvoa5JmygzNlMc2Gp2IV7wvdOZ4w9hQDvHn7pgyD\nbseC\r\n=ZkzD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"1c7aa3231ba2d87e7abffc33fbc156ee0889131a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.9ea52070f.0_1591030092440_0.348114178576187","host":"s3://npm-registry-packages"}},"7.0.0-canary.d86ad3b60.0":{"name":"@material/animation","version":"7.0.0-canary.d86ad3b60.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.d86ad3b60.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d9b55c7551ee37b803dc417b8bc3ca276b21304b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.d86ad3b60.0.tgz","fileCount":22,"integrity":"sha512-gv/ehRJc22+tdCY1CeIQdmhmMQap4KH84+DfZw7hazS3A1fortpue2XUdP9HbE9DAhW2F7FddOUDatqT98FSsA==","signatures":[{"sig":"MEUCIAd4l5KqoKCGh10v4+11C1EaXiOMEEleSTy3hDD4ctODAiEApz6Zfn3DXNFRxKS22EuvfVCbRXLlyPLkgOjleud6X78=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe1T9OCRA9TVsSAnZWagAAgBAQAIfhyYalNO9q7QE6oVF1\nzO+RQVpUBCc6LOnnjAWV7dw64dxinQuOdvacJG7rhfowJgf5/jle637+4BM0\nujv04PDws2ODjkEwm/LdxeW5zXLy46O+Cly3vt6sq5tGXkGMrOCvi3/aElwN\nQQiiU68GyTfRUYQWJyUOuqXRzbdqQzT35Hfno1fAm759b9jlp5PqWjcKlEGc\ngbJZ0tY/2qftG6SpQgGufiThR+vfnI3/2I/oy/2uZUrG/8jiStbFx+xWWnkB\nL77+uf7nzfpLpvVslA3rKNUkzSUIg5LodUvw+ugrei1Ert96e4f1ybpNL8++\n2TgH68zmCjKDRY39eCuapCjKSO7eF84Q6sHOPGmSodhf4zLziR+q5jO8LPyQ\nxacnVHR26oIMNFEu4VfWrj8RvFUWAed24dxtudZnVoSJRLyCpyrqJOz+CIMW\nIWnUR9N26UM9kCxIYudUrKKBEGgouU0jVla5yeDDQv2VlFPTobAxhBlNkGlS\nhIl2lNllk6g48RjpwrUsbgYEEc1ltQb/N0fL7T4U6KTKkmH6WD9DS38tPt7j\nijnCgACvANJItnSVi4HRypD9GV7hQiJGamdlsPM///IArhrPauapdcZdqlfQ\nK3FHTNLX2U5g4zyKQdTRSuVfXZDZQJXoZPK3J/+XajXe5SJGynSUTb5U1pZQ\n5pXd\r\n=GS4W\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ff64ee77c98ab8a932f9397689714c078eb9fd02","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.d86ad3b60.0_1591033677741_0.9911601913233807","host":"s3://npm-registry-packages"}},"7.0.0-canary.b9776b1d0.0":{"name":"@material/animation","version":"7.0.0-canary.b9776b1d0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.b9776b1d0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cb20dca8735b2d0ffa7ad876ce7c77b61ae3e799","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.b9776b1d0.0.tgz","fileCount":22,"integrity":"sha512-tsJtxOaMIh4e+tPhy3rlOVjXTC3SpPNrqShCKirUx2dF1RH1xZh1K8mpGGvdqFG5tq9YOucJUZaJ/q24qCdJNg==","signatures":[{"sig":"MEQCIHNQ4sWwp1FyJDaeA9SxrNGyU3A066vSAx0CwW0qgZk1AiBv8ZSubA1bdeT+7J+QduXy4PBpNE1IDyKBuvRhz7V9Ug==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe1UfxCRA9TVsSAnZWagAAcIcQAJxNRjXal+tmwZC6KkIT\nI/ZKjN4pmNHjFz2KDsNMWvZ2hfflq5vPv0MBqrgi12wISNX+wB1FfphTColP\nmPqwMC8Gm+/HaMIJ/IeyBLyX0QNdJSctnNNuugG+Ip47EehPjR/e6cQe/n1k\n2+pnCHll8k7Vow1aHNUs23lEup0OaD73WszTC2fD1vznSvKZ82w5hodtmN14\nLjftUB3lwaeqSjlFy1oBBAHdEMh+nAgZiu+3hFxiC9jA5NxPFUg5K6XgCDAV\nqQD/Kx2IV3wUydHgtnW01WC1G/bLIMEutZNwi2L4p3upXRKo3WpYm3Uy50of\nPXSlaMlNPISH5fO92YMBoyJE3tXtzVeBZlyPz6Oyu8gpm1/C7rPd2HNZ1a0T\ne2Uii6KxiiH2hBfdFaPQ1XSsCwFqFgaAipk4oGfiYmkI/UYMU5k52QOPJPam\n7yBSV/Xr9WTQcZhtWg2yh6i0E18qo1A37s2iRHuk3SGdsIKtRc9GA9Pjyb1O\n2fvCmkfhfp8IdxbQlq394LcIm5I+JeVZ0rkplYoXalG+FEPe2TFmfa043m7x\nJ2Fr0boeDUOIUKN6/TxZjFTtqXYKEu3DYluRn3Lc/EMw2TNnMTe9iZPNKYfN\ntgNblP5UiZV/HW+P+KKtmzyfGKjm2JMJkq+KFsJg8JYTknSzXoq0G0aDa3HV\nGnBt\r\n=6gO8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d43f6785558859ab233dac12d042ada9fb8c1b84","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.b9776b1d0.0_1591035888455_0.1322803730207489","host":"s3://npm-registry-packages"}},"7.0.0-canary.ba6f7c294.0":{"name":"@material/animation","version":"7.0.0-canary.ba6f7c294.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.ba6f7c294.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c30e8d5ff4b4908c4f201064134ab9c4459e1952","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.ba6f7c294.0.tgz","fileCount":22,"integrity":"sha512-WLuG8YWglr2hIBtFSBZGb3OoH01MC3UJjwfTuORO8DikOUFv8dJU/+4eNlqGDfAsl1IRzi3nft1OiQfW55+RJQ==","signatures":[{"sig":"MEUCIFdmucY/Gzz7lYV2R5W08sM2qc+ePvVazQRJMn0crjbYAiEA+9+BFsLHWgSq13nw84XuTpDH8sI9w9NstjiwdrH3ews=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe1oX/CRA9TVsSAnZWagAAcA8QAIumToQKaEFU6/WSFwMA\n2DaoyD++BRt9isqVF1Ztrx9nnVuoXSNNZ9opz8oBmmPbPY52zjlpUMOP+hQm\nFHixfRXludbdkUi6hoTsVNFu6UY83S670BbfGNwnDZTIQ90f9IRoIonoTB4m\nbZue1sar58FT+TMjPjTeGY9mEPP9jSeyuDUuEYRNUMV0+ckYq0jAuLWMiGmS\nRZEqE7yJO9pGfIEizib6uf4R2O6z4VO9Xyx5Oc//EiyZNRVdmGCbZWNHuF+1\nE+gG5XqpcQBuUUcYlQrJ02PDiQ3WbxnnHBJQvBWk2Kt3dk/T04hDbhkoy1JG\namqdxyrHT8vpLHR9yL/3lEzY7CnuWi0PLXmFD3ttZ+F1So4Qsm+ZRzdytntb\n8ZJlCkGQR6qBvsHEHQHuu2zwaXvCD9i0kTKpUsZ3IiPTtLLFjnrNPv2eMOOK\nZPsPxYxAWsUys17l4hRfQV9EnBelvAlXmWGRdaYLnTdD6Wj5ONFNjliDQSNo\nSi6R21Tg5hc25sb3pRBs4TYH/PwQVgeCs+9k0LrgDF623KVgJ4f7A9Pp7e50\n9rUtMn9IK2RPnntjp6iMv/ZLHCu5qw3EC24yRYRRKiR/0QPpZxia8rq6ofJa\ncDHn8HisVCCWTeXn3KNdQlU+3xLeAm8PcaE0Z5zeJxEokFbDHqAVCJ41VmEd\n2gUD\r\n=V70P\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f181fece0cab022dd478b7c2f4b768aa14f7ebf7","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.ba6f7c294.0_1591117310387_0.650401464246328","host":"s3://npm-registry-packages"}},"7.0.0-canary.cf3b664ab.0":{"name":"@material/animation","version":"7.0.0-canary.cf3b664ab.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.cf3b664ab.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e200e1cd0c890061781ffc6c20da42af63487937","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.cf3b664ab.0.tgz","fileCount":22,"integrity":"sha512-hADPtM4sVrqCPnFJ2pv32/iltmNGt5eS40wj/KeIM6OFDs+nW1dFmlFhUiAz7BiZfaHUqPp69LRAN5d2vv4jvA==","signatures":[{"sig":"MEUCIEaL3ej7a7RNwEe5HoWg5YJ7lL72diXaXEuZX5wQeywQAiEApI0uheS/qlGPffZNrf/ZDvILE8M7trHVX4hYzFGYKOY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe1pjtCRA9TVsSAnZWagAAErAP+gPAsFQjMlI+QwfUC1CZ\npITfVHJQHRSlViWuVN1U1i2pljaP4JgLFXP62xUdmIW6d9KPtrz55Dq0h43b\nc+l/DHC2xXKKeJhxkgm/agCdKEW9Hj9DG/GTus6EF9WmSOzknPGXKq5f2RJc\nD8NcQHYfCIAnsZqYPk/rKh6K3MBZUwa3nKPl3oWu7XitWhdZ+CFyEeaORYBK\nqAsvFj4P8pq13JHX0aftmjtCrBH8oskOrtLdVSPsMS5oH0Qr4eW1PXXeDQYb\nk+qITyWL/krWmdnRF4Qp5PjinViWSxIb32P3J/n9oYmgpFh/jnhkPWFEMEkr\nkPHzTDfQFjfwXlsylzTH0o/WVxn1yO7+OQzoBY4XoBjfT8EwfnT7OzyX7+8k\nKiLB6APk8JPqGD997bjRn7yg4tkn1rp7t3qRHWVVi5SggVk24mTXsWG54M5p\nFNHTz09+OZ6r1dVzuzwlxq32Bv0qTJ1w7VagoZQUuq/u2veZbCZ5dexj1+OK\n8AMFSS9H8LTMrt6sM3aJvpSD9d018SsIHQGs02UxLIGp2YlcN7bLPy0ivY6i\nkdhUlvmbFMfPuRBgUiE+r4KYvf1hepS2nGAVMgHKNQ0d+ETbwp3p3kFrwHFI\n6yphMx9H3vmLsWp4p++XutAEEwqZY6oOHWrnhV9p/1tKWx9NJzEQhHgZFplS\ne3Zx\r\n=OO/J\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"708ed8576095ca5e673311fcd970680f855a7b59","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.cf3b664ab.0_1591122156929_0.7309306427158218","host":"s3://npm-registry-packages"}},"7.0.0-canary.4ba3c9a31.0":{"name":"@material/animation","version":"7.0.0-canary.4ba3c9a31.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.4ba3c9a31.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a75bfb193ee15196a0ba05945164bdc0814aa53a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.4ba3c9a31.0.tgz","fileCount":22,"integrity":"sha512-1CuGiEXgsea7IlXAqvaqHCBvcLXp0jExWtzgAOREamzCMNH17x18HLeyCPYymRG680SBm0A3AoFZOIUX8l3hLQ==","signatures":[{"sig":"MEUCICeaMF3gMfjj3DowplsnujfxlrXKlSO71AS8lAYo0FqaAiEAnDBISzgKPt4r8m2YLSOwgtGmZ81bCDlHZEDOkbQgyac=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe1uX+CRA9TVsSAnZWagAA2B0P/iCGBz6IQBw4SnzB14a6\niTDEYy3Y/PWOyiuautJ5AC4C9HtvICrLsHIR7CuldfP6jaPz/n10zWJsUE23\njqgM4QdNP7mD8/lNJvyXel6/pdsAzJ0L/HN36fA/WkmfzyosUFBr3yc+3nRP\nl3jTv/6YerCpEldf6Xico5WZmEoQs/ttgZVaVtBeuE2RTXLZ0/be6Obu/Izy\n++DqvlxBuIP1LgXxkF1VAkvPfxxMVsk7+n3i/+x01Tl6gT2aeQKqp9QuQTSQ\n8vRwzyM85fvobY9XVoqiI+WeFkQvib5TmhZkVBtB+Wmtd2ZT+QBsmlK4s14b\nFfn7zbB+4xloKBcHyIoLfOitsxski2v80oK54/7TzzaIpv2OSQDLleYsp+YM\nPapwrgC0d7XNn+1mMq0pdaLeOcQDZ3CeJ3q5NgRQLEiBGbUd6/mRZwIyfFnX\nrVf0dMZI5w08CMKzdd9U5ogRF6rR+FL36mtcX0tSiROSY/BbTF/mlPy366NG\nOUx2eOGf+5CyQn9R2v6YC0i6nfGinUFv5JBKKoAIZIx1LO9Lq9Ke8LHHQ7dq\nJntm+f7AkZtoVLtiVzI17GtTn0yQBWeGm+zNkfVp0uCDZ9Ufb/Ng8NS66KJH\nx+ciB4r0aI571sapz9awOddrt79mpSOzUMkBTiMrq3rT/0l7ZVBVGIBehcwj\nvNCF\r\n=mf8G\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"cf7f823aac5f803db06863c865c07f432ec4fd09","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.4ba3c9a31.0_1591141885913_0.5039658546364452","host":"s3://npm-registry-packages"}},"7.0.0-canary.388b042c7.0":{"name":"@material/animation","version":"7.0.0-canary.388b042c7.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.388b042c7.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a7cb3734b6e18eaab2d5f0ad7a0f613f92220dfc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.388b042c7.0.tgz","fileCount":22,"integrity":"sha512-R9bcSMFNszm3aSGs6MLMYNl+QnoaFxkwZEpJdggWNa/aUKBt0DwciVFoYm92wBTVEX3oPQQ5otklYhqgiAMMBQ==","signatures":[{"sig":"MEUCIQDyIBCllRXDwNqS9W/3WsmPCyajlVP95N8/8qQn0VjNYwIgUzS1kzJl9+JYGzD88oTpdNyZ3dAC3tLb7LVyGer2XLk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe16mDCRA9TVsSAnZWagAA+C8P/2RRgil67I6OvCYH36Sc\nfpeO/Y6ne3UZ5nGebJU+yuSwAfxnZix+eTvk7JTSLCZ4cMDaZQd0Snf1m5Na\ntpCLaudTO+fAjQWCZHafrDU9cgsM1QLxMj+8TbdMT8ZzJEwHAZT1OXUvodpo\njINNeaIWE5bbBVLE07E18zS+aCJQTF1ZmcwhfXzaKeROHSUtsQhwxrrCajm1\nO5HY2PmirR6pxgoCs4kkOjNytaHhOKt68WmEDJB/Br+CPhSbnEH7492e/Kay\nu2uss0JIEZO6uuSWbDusEY0dKuFMZPz9iyrwYlDJuX8CEtM6LWz5IY4w5RdW\nrAuvtfxNhi/NpFKynPymMNkyA8LQq4qyJQOQOFkyFE3htjPoQ4xUjphZPsSq\nFlW5zkb/6bFDnvOcMwq8b6G6LB1zxFp8i1jo0CvYWqATdZU+pQhl4Qmv3RIS\noAhAwGx00CPPJJpW3eVM6VbybpiuOqO7eh2TOQ37+9cm8yuJLepS0Hhqf5St\n3Ynrco6Jr58oKr0bAjRfzqV33Ck80Sdu+ZKO1EzS7NvAj/OgztAd3aoQxZ5b\nvt7nkmMlUCURPgEWIufa+tupfJMWHOzlsGCVPUVQdB1iAqlKoDCC+sAs6i6L\ny1sxts5zBV0CSfJ0DCfG6nU81bc3dk1p1oCr8wWG0cnKZACsMFngA4nirGkM\n5xKy\r\n=ihQw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7c9ddf94f1ba2ee332d7acea141e5022b58f79ff","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.388b042c7.0_1591191938782_0.20869777300037828","host":"s3://npm-registry-packages"}},"7.0.0-canary.cca1ca84d.0":{"name":"@material/animation","version":"7.0.0-canary.cca1ca84d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.cca1ca84d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9541b0ffec417a5d8e2a4267da260612d30e4f5d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.cca1ca84d.0.tgz","fileCount":22,"integrity":"sha512-ftUypCyj5LYpczQu+UyMeuJNCM9a1r1hbXtm5gl6eDy96XWmfpCBabSDYTihzHQzY+STDQEwCXbeOjCfpLs1Dg==","signatures":[{"sig":"MEUCICQokti1yr9T5/eSnSYYZknZwOA8N2xLZHlubMqtQNNGAiEA+pIZlZpnKdVdlt3g4m/ZXWsh3rAwb66stj8L/P/yAvg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe18lqCRA9TVsSAnZWagAAZWQQAJo/YSNXL35IwdMsorGT\nZxmKFmsyhIGo/HsZBE7Jxd3m46TJVOWusjR1IsdI3Ej372MT0GNuhqhSf6dk\noVh5Vg/S7p9m8b412bwSt59gt0l1QVrAJlPJQyaOdOc4ZnlFfcuIBWGsz73O\nYk8RKmCnPmRG4tnDbAP255sdeTO7KVMgVxLdOHRt4tZdSo8o1sPTtqHEIiov\nCzE6tY0ERILxWvk5Yx+raHuVH7vMxka8WcfAX3fbwq0Ii1ngTpcavyiyhF8+\nyqHpwCVAy/mTQroWjn0+FoHyt722lqBfUln+O5dtlO9pcARRw1dTRvJJofMX\nuT/aUzjbXy4UVpXidmg7DvTmm5InhKvGL9uL17YfxMgowsqumbX4B1xkU3Gf\n77XdKIUGe3L7O2q/nCc5oW4++g3Mm0GcGi0xvxpq8INijn+vw3NH5wpdA4MI\nfZeMbnftcnZwsFvXjU28PvWKXmH/9d9bPZNYdgwP8shmn0mSzJmpxmQyZVPR\n6erGis9kwvn+mRkyw342pepetZugBKuWxa7e0iA5VOtmsz9yxzoXxMy4F35t\nhrRGKo+lRV0pd9RidXhtAOKL1r0fH+GSp4yjQm0T5exgMoraDcRaauPrBsVD\nVQIJCh5CsW/QtlguXYFpEK/gaR6pomnslt9uh9l8SDw1pmOXTgCt14Ibu81a\ntKtU\r\n=trHe\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f154bcb37f9df5f07d3c6dd0c397a436794ed609","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.cca1ca84d.0_1591200105858_0.33361744558340223","host":"s3://npm-registry-packages"}},"7.0.0-canary.9b0b5f2e0.0":{"name":"@material/animation","version":"7.0.0-canary.9b0b5f2e0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.9b0b5f2e0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"49b3c3d34d82ec2390d972cb0fec2b3b7a68d0fb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.9b0b5f2e0.0.tgz","fileCount":22,"integrity":"sha512-oUPRZOHXtLmk72GLa3qAvG1/uiJ0N1jUO+9N8lEXNLkYiW/KdRPkXqvyUFj6Rv3Faq+cwk1uXV6H9/KF/t20HA==","signatures":[{"sig":"MEMCH2E/xkssEIPHeIablG1rJVwhQWCswZGZZEAz3kxi7bYCIHy44X9Twh/Que30d7FPXyn1rRB3BgAvfJEZ4jBAWrHw","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe1/JqCRA9TVsSAnZWagAAeKUP/2AWUvhKkyfsvKytyXhX\nQSRLmh9qJtaLWFo75qf1xyF42Vde01wIFzM0x+g4E4wfQs8rTHC9Vp9/0ZlH\nETFmWOkGRKVG1J2ytB/7QRWxPelwu/Y1QspsONKpvN2DUhh5HGtZz6MlK7lE\nLQKc70gAfwsrzH5RNyQCPlfv3mb0XDI7Dn0G5a1qWhMkUrqOa74DcBsFYK5A\nFdFdYARDJJFusOHJRSXeC540kSBGg6dK9dAdyGerSgVKkacQThwfDfW26lm5\nihV2tL08SxUfn8wATiANj0TZr4XTo7DquNjOBFmv8PakbZ9yBcfHLcHY8zQe\n4YbYkJyAtpQT4M9JJQB1GEpTIpLqdvEKqPwcgr8VeU6B4gbU1WcMqnf6+j+r\nUMD3QufZeqwgQtc3nijY5TumfthaXyKemIDJH0K7AW9oI31jPvDrhVgmFCnz\nDgcjvQNEx7oRO6l4jWtrHb4OOKpV/y4Lsy1lkoLTDw3NZ5F94ywwJO3+whA3\noi8WZGKO03VJQSKn8bEOrpXaSt6kf7XMNIrfEgJ2NN22YiOXt7nCkd2AQjXn\nnFTENN5nRp4dD4QXe2LS07pLiZdpipbZ5RcJFRjvi63qtm73xieAIsh2jDGT\noxz75f2L6rdmf6RnjgEanLfl7YyjuwSgp43uoZb8+cJoKE9GgwdYZQwvP6Lx\nI1Eu\r\n=gqvf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"35348e60387f88e73ce8e1376b7f352877821cb5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.9b0b5f2e0.0_1591210601732_0.4796852766471562","host":"s3://npm-registry-packages"}},"7.0.0-canary.0a7895f4d.0":{"name":"@material/animation","version":"7.0.0-canary.0a7895f4d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.0a7895f4d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2780b61c92e352cb17a72d458a05e6be3c0d9da1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.0a7895f4d.0.tgz","fileCount":22,"integrity":"sha512-hPrxzLVUdbcTI4OilohEEt8w56MqjwUCN7p2rDQps4gVYDSNg82ZNDlPRl95NmYvhM5zZ69nRMZ9iCFsDAJ0pQ==","signatures":[{"sig":"MEQCICKTfmPPy5mAx9cvvYJ0haSfh/2oJs7q3rVE7CHqf6dmAiAoYRom7TzygFYsKYttERJkxh4vvrtJYPhSvUoIX/tNuA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe2BE7CRA9TVsSAnZWagAAIkIQAKBwMYl0jlQ3PJT3u9SJ\nfn/+iGBLaH6IClquUDnhxjZURQPBxGJ0zjpmHgzeNSwCHyf1m3G+CbkHnFAZ\nE2TaGZ1amRGwT1mwKLysBo5GRc7dor4IrvpYGgI4KFXbvxqiF9Wbo3EBeLGy\nvEwl4i/uSwnoLLXso14Q4bvjJYtTkDQuUk8OCOYALzd3OypFzVMVVYKb+qzu\nPAMJ7ermQLKFMcrtGkpL4QmtH4SrXa9FyrQEDbXSkNELbFvlzG1xMjKzlgRd\nkj3na4kU5AQP4gzx1CNq8YTNjKfz28//dxpsgSfkL52Fu+hHacvIx3czSYn4\ndoNdTNmiMuTYVyxHzohybmyt1mBuq5lI4q3wgsZiF6bvwZLoHDN94xLM0JjE\nncH0sQbVo8dzUj3jncMLKzY9kDXWEv6s6nR6/mHIHQ1fsR5CsmMnpaFhrNLj\nYNcy7HqyxOWEeur/fiNccH26PxzpJ7boHPb0HV8fD7GddT99OfFdPSO4fTF8\nRsCcGTY14yWQBIch5iyZcHItEm4cPFmRakBPAfJAunT34GAv/6hNzEN+HVPT\nPDpHvdjVpjK7HJ3KFruGGrffYlBdrL30tZs65ssLiXy2/THO8JtUULWM7JaV\nI6qkjBHPine1z+o+S7TwlTDvtg6L36E5lwtVBYpAMGtvcNS45QYK+z6zydIj\nYdYR\r\n=muKX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"929c9bffd0636490958fcf34e0b40578b44a9cd1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.0a7895f4d.0_1591218490643_0.16530608965382143","host":"s3://npm-registry-packages"}},"7.0.0-canary.7461aad68.0":{"name":"@material/animation","version":"7.0.0-canary.7461aad68.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.7461aad68.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"455d35a54bf9f902888bf517278d1cbdcf9f848c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.7461aad68.0.tgz","fileCount":22,"integrity":"sha512-4ixfDuq6CI0qjUXms5SaClQIjTuqp5xaC8QS9AsjzVvAPNVLzBuvpyRK+F+VOShfSVmygcfvNcfuHT/Sov4hWQ==","signatures":[{"sig":"MEUCIQCnhJeq1nLVqLl6x+zrsEyLcKTkafN7kaDxlSjmyWpNPwIgRwTPMthSYzHuTJvMv3/cOiY3DsJY8OJauEmLLPqaovo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe2CAKCRA9TVsSAnZWagAARmQP+wV/7zCPqbrdwQpoAcLE\nS2c579lSBi8Zs9U+lhTWcWzHSWoPGF+ihjCzZQIK+1yR8F6LggeYiE/IU/g/\nFi7oeTfph+pMFqxhjVixxuJnqHMKxjgQwi88aMyUBrEqoZ+ZqqiNfnweVQKz\npv8ypsFaW+hfUqeJAwf2dDZKViDfquDdLbzhjuuIAM6nDg3pwlF0uAu2YpIz\n7drfUBJg9iARcSXJiMvKwqaAc+BEpsyG4/GB848jpmimUmI4VFbwPx5iKC78\ne+jPA1zXwf+qNgb1AbyALsSOcd1I7xMfNA4Hf3i477jnNLe7iK9+aqzpMCW8\n5Ibqz8zn8LhNkjSlxSeZ86yuSDJLKVg8qEEu46NZhE7rm4B/1/3+1tlFS9to\niEOZpSKc3VhwjKcHRbjvxgEZYu2AA08r9pUtGOPQZxVMT6ZLfZ3lgK4vXHcB\nlPS9qxy8ZTY5AWHmtAVUil4NnHKGo7v0d95CV+f0F5rqV9EWpfSdiOt3Tys2\nZ0UIE38VaMoTFMuXeul69913816G/7z4gnzIvvFKlVWWu4s8mR+IuHDtpqIP\nYWj8HA/VH5dIWhGtJOB2Uul5+X2Awc52px+JND00iNZ6P7pjX4ulfIPWh7bt\n8Yl1jbhxmMGQNKbxWLxxskAuphYVWt4c1dyDk8LVApsuXG0rvXp40Sxv89jC\n8U8Z\r\n=RrYR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f9166e39b20f57c6b5cdad1ce684529ca891bd81","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.7461aad68.0_1591222281768_0.16067303978418912","host":"s3://npm-registry-packages"}},"7.0.0-canary.a0dc2b5c4.0":{"name":"@material/animation","version":"7.0.0-canary.a0dc2b5c4.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.a0dc2b5c4.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a22fe7f0ed11fc9177dffcb7e2de69372c60d1d9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.a0dc2b5c4.0.tgz","fileCount":22,"integrity":"sha512-gFTv//PtNiBjkFJX+6GY54S0QB5ui253duH5GKif9AG12jNLpfFn5pK9t8XkSUWrgHy6a8/Cj9G4voV/t95ZyQ==","signatures":[{"sig":"MEUCIHFbKhWVrzYJsjSWWwra6to+sj8/1Nm1egJQ8QOTXzTXAiEAjp3owd+pJOqr/bvGXIN+JRywsIW/Zox4EutFqLCBkYw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe2WPUCRA9TVsSAnZWagAAwnoP/3gxyiXY6/ygO+oeIlcI\nBND+4svDsR+ZsycFuv2RLExgNJO6SzemiZ7nL7Q+SqySb5RULfb6Yll5LLY4\nhxG0ukFEyoj7dxrKaYhZtV+XC0P2AdMFP36aSOTuE4BCrPPkekq8XlYOzJEY\nCkahs/dX3cRVv5D7XKJiieIYvjrk42Bq4uItnk7+FxaYPE+PN3H65YMUjV55\nBm/PRU5IROhE+jQjIq6fUUH2iuQHhKSiwNSKu8vzz8cDfHSQOgopKcOfSAJf\njsukEbaVZOcDu7A+AIph6ii+s8ftzSe2NMcHpOIDJNw/+FdOxioSvwjgA53K\nNQjwMELk5wUTUCNxmczqxL7hKkCMDfonfqGw9FiVlcW5blbD1vynGOUG6tBa\n8rS46l9s954AjAZ0lyfZ/UvTlXJsLzxU9tQ4kStHO1PR6xauMuq/IuAe8PdO\nTvRRmqMvf7bK2I0BEAIVuAGGGxHs2IqvtmNWQxrv+IaXJAAlTx1i6CTzgAqP\n5wdruF8Fpw+A6iAkFhCR09Y1Do+A4cy/mMyWNV4d4Ve9GNf1wff9ChX+vaLN\nB3Fo3pG+bTWaD9+tEAjnjs4kIXTWgt+SBoRA7pBs5DMIPEJShFy3cwaWfj2x\n0WUcDbN6v9b8c3xqRyu2IPT6P3nQHzby4ROeLQdT7L2GLDlnCIbSmdxAc3+P\n4AQ/\r\n=nYff\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"5970f3857673cb8c032d0d4532a6cf1209f94c47","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.a0dc2b5c4.0_1591305168777_0.7597539795240833","host":"s3://npm-registry-packages"}},"7.0.0-canary.2b420c5b3.0":{"name":"@material/animation","version":"7.0.0-canary.2b420c5b3.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.2b420c5b3.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1164efa4933f4fe78f033dc137364a7c04668f71","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.2b420c5b3.0.tgz","fileCount":22,"integrity":"sha512-tZCvORKc/sX21exBjbagM63k7+0TcIqx5kwPxE8XfnGF0WPvPxJ1EXam+AWysXv5AFDdjLy+NAkCAa//p5hP8g==","signatures":[{"sig":"MEUCIQCLUoH8i+ty2AyrsO7eGQGt+v3GiA1WoVeFD5bEHrrWPwIgRWxiKf2JWdn5Y9bEWbEe5mkuUrkk0ZkxuWIEeNL5WWo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe3mOgCRA9TVsSAnZWagAAoigP/1VdyA4OoHrFcMGnkrYg\n/Ren1Wq8QEMjze3u/IaiH0495oJgDowPQrO65I0jUodYpiq6NpdhxBCzomLC\nqtIQ6bfRnwOS6uwfkc25pdX+ojoyUbSyHKmeTGh54sjaZXPkXNIAXCfUQeaQ\nXyYF+tR44A9DMjUAzuiMAwCt8mwrfJtYFHvN+eXzdf+3YDd6t8B5/GKOy6gu\ne5+rCP16ma3GYUr4iKA29ccIQOp2+++RP1xqeQO5vtmeR7/82UGHvJ9LA+4X\nF5zRCYo7ahB8BMiC08vU4NE03HyilyH7DU6h98nq17Zwbv1uyYAjqwWsKfNY\nfDlf4awIYqNPh+xNrUs/NrdFIMHcBB6YZZNdxg1o+9TpUbnuzC2sODf4yTQc\nrCl2bSkHWF0FnyXhui/vFMCGJAxvQpVFhKHymLRIUfTBkKma7xeL7+g3t4cS\njo9TiMqLoPCC/uvHjoc/zhKNoR1X8J+gsfkEdC1J5E9LVxdVDfHSKwfe01Ti\n8KyQTJFJHEpZTpok368jHPqREY5FXbMkwq3gDaA+jZBSz7DcV+ol/v7zycL/\n1e4bhh0RkFCvaF03ziMgf01Zl5ZbV9Ks9LEpAkzqoVTatwR5037ePSrfzUci\nRj7zy8Sg8LI5vbAUivjZL7tdP0GMrdtUdViGyDq3jv81t57Evq/0WdKPZlyp\nQexL\r\n=BRgI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"80cc16a27982fc781b2a68accf38760a98fdbe2c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.2b420c5b3.0_1591632799877_0.6793965175154195","host":"s3://npm-registry-packages"}},"7.0.0-canary.8fa22aacc.0":{"name":"@material/animation","version":"7.0.0-canary.8fa22aacc.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.8fa22aacc.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"63a515f5581676714dc34f594942b88869e0a0bd","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.8fa22aacc.0.tgz","fileCount":22,"integrity":"sha512-/77c+fYPKKixA9h/UGavjeAEpYzzHY62BlFFJTqJEDFQV+vw5HZFiVEhMU6KVFJCJqg1zkQL6SXwVgAU0jbHIA==","signatures":[{"sig":"MEQCID83NwqaWBPIlasbRWDqtEbYBaO4deBWGdEip+eOMPgYAiAg9jsQqJays4qw5GVVraHZg2wJt79OTF85ZIb5hHldXw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe3n2ACRA9TVsSAnZWagAAfFsQAJllQtFAJ8ujK6n7Y0U6\nH7qPgEyNUy+i006pzCy0Jzfx9BjRDKylLdKMiHfjQb1QJOr9RDiLE3pI4egl\nZkBC+z327v2RJdYilI0MZTriw6fHvf6ki0QCTrchvSf8j3sZ/jAmAs4ZPHJC\nHa/j3SROXQHE6el30Knl6xkzj7AKJFWiELJcEtnvuEJLuTCkXVuwhcpuoSRb\nViSWuyaeoU9Cq/MzhuO6BOnkBt26tQpyJW+TIfVap5sKyZ7aaernmQNI69ao\nLp2YxOLzPFmNi1x5rj+Plk5XtxwtEnPnKo2PGnDP9AS8XZu0NSATOq4Gzlcv\nFeTd2vgFWohzL6cyuQrh7K/T/mf573+NAVhHbiWO+X7ghhLJY1y2iLb15r4I\nT/+bZlHt5Bi+Y4Z1VsgB0YyqE9cUeghey+5ytx4c7VOeZFYgqJYdpbG/AXNr\nI/YNOzcMHj4xVPxT638UespHbEQQdSPU1+y7t3kTD2+GKrh7gP+SiMYaQ9Ke\nkljqTl7/prBgdXLUl2VnnlgQES0mS0t3ouVBMN2UprX4l/KrHTj5JpyFIxLH\nnoTbQliNykgn4hoGLP/4TLJJu2MKwJrrIH041NRizZIL3qQnxT0DOoh5W88r\n+I3DD0wI6M6UUGVPsRBNO/T8oCGzpHikWRwBsaxxEnW51fzuCvHpD3w7boI+\n9DhB\r\n=4Spq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7c66b081ba582f4d58dde82c8b83ab1dfbed6063","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.8fa22aacc.0_1591639423387_0.942054348988129","host":"s3://npm-registry-packages"}},"7.0.0-canary.21c4e4ed8.0":{"name":"@material/animation","version":"7.0.0-canary.21c4e4ed8.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.21c4e4ed8.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a2d4c8ee080bd3ff92598c769bf4b09dafb314f3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.21c4e4ed8.0.tgz","fileCount":22,"integrity":"sha512-P0nCkCMLYcZhrzwUSoFmIYkLUkU6NpgQx8dwJNUVuezBf8vqHrrbxTqxj0gHMowTlosIgf52t25UJMkAJW/GGw==","signatures":[{"sig":"MEYCIQClw9Zk7zEZbwOUiMc9mTvQv5HM0FwDYrMuBY4xByjQZwIhAJj0Kwx9SS5bbgD9DkfFVc1Lae6v7TsL7BjRJbf7hdIb","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe3obLCRA9TVsSAnZWagAAw4sP/jxePLV/kyLTvtVtGoRh\nG+gKMH8ToVSZOeSUbKgaK4GWQqY0yNK5OTJuPeOBbW00VXCRBclbp5girA8S\nPSOauSIUe9KNv07PzKYVAFisGGL8odtIaV1bsZY+rvNifSc0vZcLDrbER/Lp\nUCDRB+MUz6xNXXJr/Io/LStGWllOuHG+XlCefA8I7428ElOBeHpxjMnZ4zVU\n01bDcpFMr7EjTBitGJkmJI30i4at/bqe1p3w9KO9gAvbQh0sSiP4ABp+OPOS\n8jqJ7LM2to38nLA4ZGSPqhleCwFFv1yLt4Wc2dHRwI3bfKe/w+HOu2TbeyMk\no/DWl3nbsv7jPCQmAcg1sYqm8+bkALr5TyENKo9DKLuBzaXOhWwJk20cNv93\nkTuVX3ge06E2Tt+/IzHFsy/ThVLNcFIwxGAikIW22vIu5ApcMlUqNcBkkKh7\nk7Z3srFYQIqVE8caPIlsnieCw0XGUMitRdCNTXZmO+sNvuru6luI0BuqW4hQ\nDcF7XZauayKZKZfpcGgsn4WyRvgrFUZinC24qarQwtQm2b0vDPHKIXzZ0wwX\nKFatWQ5HhSbFPhegAzvlJBvodPyWWK8lnULKmchty7nezQdlvjwTb6fpzezx\nwqna952EiUmJYqQ2H+2Q2sGSof22CRCgTAGCra8GUoAmRaIovbTveH5fDOV0\n9aDv\r\n=yI+6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"4028e059428ff6b13f79ad3f9076ddd853ec1904","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.21c4e4ed8.0_1591641803062_0.5317794234255646","host":"s3://npm-registry-packages"}},"7.0.0-canary.dfde46516.0":{"name":"@material/animation","version":"7.0.0-canary.dfde46516.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.dfde46516.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0b720cd4b3781ee54e73a2d41209036ddb2794ad","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.dfde46516.0.tgz","fileCount":22,"integrity":"sha512-4Nm785910R7aPe7qGyvN4PzPZCjPCceIhesoTpneF7nOTbDh/SGVpgp5URtZEjaBOwKFzELuWNquPLBylFhGcw==","signatures":[{"sig":"MEQCIExoOXEdaLyc3onqeFODO3sG/5z9VF6E41snWFaP05YnAiBksrN1NPZE6uiDm2lEzbWraGzBfcIr2aPTcChknvgxZA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe3pRGCRA9TVsSAnZWagAAVy4P+wcyZj7MXsABaBK5qoZo\nZgxSTXUbFXvARdfedM2Y8JOE855+PK6CMriWTNp5nf0PniIWhHD42ul8ftK1\noKK3CZw4wPowS8A/Mu36T7eoieZXTpYBwfVPMsDr8cfO/Hr0bM9fIImPjlFD\nsEiJpkmmc+CpIP7uLmdNi1YILU4NVS/GUioWO3TNGqxE1yOvMeST8+CjAU9i\n+7rOopDaF1esT3y4657YLn698+LLNGVsmOEHzQh0mIpgA9C88t8SF1mEoWtK\naVyakGxQ+XWLzlss37PBMZ0KLZc3tNRllYicm6YXDK/BuYZB4ZuTTVpWPlcM\ntGdMSKIqrfHWkbfo6GiGSpNd+AHCbII2YVKlxFwFINghVENl/J66KsHgFjjk\nytocmSTlD+EvJUi6K7obZzH5vuR9t4bZmHCWiWqa4f0heeRh04dN4FqoB2sU\nCdKYryqwkPdYOcQIOSh96OHuLrpKorlaT1rS9qmpvZed30oA6jJ6sTDIMUCe\nx7M+ICJPDr54ybS6twDLxNnALu7gjUkX8ebTp7CNFbrPMD/Cao1gn5ZW1QbE\nUIkQ+eaOXerTCQ0Vmnjb9xCiiM2+FuaxIG4fI5vgb0gZdGvO+r3hdORrtI3o\nNnEdMY6RuPP1X0lNiJCh0yFB7qqXzroLBa7aEokRSJEps9RSuR03W1WZsUqU\nrzZe\r\n=3WKv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c25d474d22b404bd6774ea12567f0916bd7fd165","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.dfde46516.0_1591645254105_0.12241081291277811","host":"s3://npm-registry-packages"}},"7.0.0-canary.05cc5c206.0":{"name":"@material/animation","version":"7.0.0-canary.05cc5c206.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.05cc5c206.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2104029f52cbdcf24f18b1a3b3a9bb7c834d86bc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.05cc5c206.0.tgz","fileCount":22,"integrity":"sha512-0AeKNDhA5F30rmlm1zCSGWP1+84Pnexo+faE7s+XfECefEz5GiSLk+5Dx4WQ4VB2ELB7Qb5m3t1hzvFPno4nMQ==","signatures":[{"sig":"MEQCIHjkLDJrgJ89SZHKJ+NtrC6h54Luifd2kKprlmBZ5BxSAiASouZb3EeyyuwfsRZoud+irBrrY0zCKyipviB8bZgKzQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe3qXYCRA9TVsSAnZWagAAU7oP/3EfYgYzJkxx34Q9jarM\nX87OBOx52JQct+FVnk07l2kqYQcuhu7IeA2y6HTGygEoCsOGNBhBBnSBOMkA\nOJFq5d493aznhCWMaKNOb3MZqFhvCt9w90gi3O4AQQtQwLyL3GhKYjXMER+z\noPi9zX+4FlCV8i/jU6w8OucwYRobLyepAWUfZWD/iDvhcX5Uemg4V7N3E6LX\nSO+Lq9lCXDzX4CI8l/MhLyCHhZF+V0E2MS7eGGPSy1AFYVaGkvIDrDGJBAKq\nUqhIn/dXI1vs3OBufHbRlGho3fwN1TUAJimseeHJRp4Qrm1JpBTN2A1uMDXg\nR3zK6zgfd9oupr84RXqv397ICU+3WaxPuEDx+3OL00u1rFI+3luKWyytXmO/\nnbIyqf27EThnVB++xXragFyussLI5WJ+TI1Rwv+s7YopHReKkfQYo28HGSPV\nOhueeap0WlddBiB0CLRvwLDtrwdt9XHqNRxR1tp0LBJfPNDqsqSw3XwPnVbb\nDcshqmmw7NgCdb2f2Ck1E0Bp8q3TOmQJht4nPMf+e6e7mqDXKhuRqBEEgRWc\nq5RgWhgURMseqhJQjzY8EI0HhTEhNR9ZHXgfutw8Jhr2Ntxf+eWny2qe7VVw\n63h5FgRdbrkLBFYFYcfgp4Zhoq3oRv//KpD0eHykwQ4xrKoRBfv5FIqeUOKa\n7s8F\r\n=tUfy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"933ae32b3f02920ab3f6f1660cefdd6302297532","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.05cc5c206.0_1591649751513_0.10643332912694525","host":"s3://npm-registry-packages"}},"7.0.0-canary.3ee488f1c.0":{"name":"@material/animation","version":"7.0.0-canary.3ee488f1c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.3ee488f1c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ef3b294f5e70d6c42f0b761c05f211d1da1ccbd2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.3ee488f1c.0.tgz","fileCount":22,"integrity":"sha512-a2jJ22xV/N/QVsgzDJG2fyazC/nSxzqpBRkWl6Gsvd+BoBQGGRMtc80KaTTQmolznY0tObhymIC+bhwwnQnTRw==","signatures":[{"sig":"MEYCIQCk7YTYAuUF9Hoig5SE/4GcjVvy0RTJ8wNXd/QJ4We2dwIhAPLxXAsp69lgE4tXCZecVwBdygyeD4qXOdJ0gSEPnWRs","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe36JQCRA9TVsSAnZWagAAH8IP/j9VtotvkgPXg89y/vDb\n+A6Xwz7f+u9zOJeHQjrWNYW2z2D9PLOAWHWmKSYBRP6f5zGUJHOlo8e7DMdN\nu7aos6cgLhUB8OLKasmwAVQcOCA7gZ2VzYcf5lT+TWM6VH01EtoFZypsZKq4\nGjh9lnejpvRZtAbt3ZkT8cIbJTTpYHNm5ZBE+zu93sda5EeiQ6yN7BI/6DW+\nKjS1wU3H1N60aK9H2TKXv8omAUtVMxMQWJ6lBL0klrJgmt7afm0AxqDWpUcb\ne7zwaAr7DT4K38KOnScx5bSRQJtkfXn1STUfTosMHzAgilfoNXeCUAgFxHW5\ncJpYJaq3nAx8zMuyzkkHLEwIkepbgCoTV8+9Wy6b+pfTrBi+8X+lEk7nRPZA\ndoyQPaq0JHcNI1MOv+cixqJGxYep4HtCRPS8/j7DNjKUCcOGvjK1RwGOzXBi\nQj4PiVBTWPR4pdWmJK0/r/1Z69dJEuVtpL8gwmH+aIohnBbHGyyMJqFWCB28\n5un0fkx2aGy/26Qj5vUu65HycjoUMtNnFndNUmIAFXdn9LEapFKs1iLiz/lc\n9TTO8uy6hSANjgxdOyEVI7kKeZ6c/2ZRcB3442W/0R8jfAHmxWV8hffroShK\nyPnUgqD5TKD20RnMj77yHRlHtWWGY+AZxqY5Ux34d3VC6zE0Xqkuudy3esKB\nMnRX\r\n=8L4h\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ceaac97d295d5d50e71137ff6d4b390630570b8c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.3ee488f1c.0_1591714384187_0.572813037997254","host":"s3://npm-registry-packages"}},"7.0.0-canary.b83d720ee.0":{"name":"@material/animation","version":"7.0.0-canary.b83d720ee.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.b83d720ee.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"232dc8facdf1b6e51212add2e144af791e39a555","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.b83d720ee.0.tgz","fileCount":22,"integrity":"sha512-KlHPIOJpUkc4CSWrMET70BB4Wbv/gAugvqz7aWMC7KCDrVi5kLRX4NLyvsyd5GtaRcUD0BwiiHUVm0TmGAb9Gw==","signatures":[{"sig":"MEQCIDtN3vOejWhBzbBKvVD94AKXtiagOWhb9YrGPoXuMuzhAiAILMk0xcl71ZOUimDtamCo2ID4cHmI2p35Je35UhQzUQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe38YECRA9TVsSAnZWagAArLgP/jYVflNE7j4WbHXUhQeg\n4rVBTX3Mflc2PA2QOvuFox0xn7HmB1RLBIpZBz/Vq92aAngcE/u5KwxL93ra\n2Q9jC2krTkXAiIj6tvcPDwq3ahUcVIx5AUrimQvx3GDEVw8V2xfCkkrgtkDR\nWhgIvIzzMPnFIWXCynCtw4reCPHpcRHmAonZMXchw9b1RhlUtAs1R/+fLP+v\n+JFR+tn8LvVtQ4LvYjywzizLCPPOdZSfXOdOVT8klMFjIIjuDGpXKVMse+7O\nMeGn3t1x17mo/t0WOxjP99o0NQ4IXVaMR/rrkE6Mm7hym+cvu+nfIp3JPHzc\n/sw0C5b99Ach6OlwznBwak1f0fYhqCo1K4bNZPXS6pizg98viRa3BB91gw0O\nA+Wf9qRaehGKeAFWr6JeXrHv0Z2PBqeVwaanDrfK01yPvPh6G9jYnNLVCzTK\nADjq7behezKenvcFS4nnm4/0ORFxvCHs5XT7hRIr3IaEzPV6KVx0zy2z+JSx\nRFtciFDtVaKV1e940elXBOiO69nHQK7Xyq0ECR4NQaElOtb3vJ6Jr6UCQI+n\nZwctntYeg8/PNqt1MveHly2AGsUDvfNefLRWNiTmJnJiAwei3KRtMaIIdZb9\nxiP9yEki3oexVK7LTDi7NzzCoTrV9aE3oZimSv51D9vwPWsfHFd6zj/p07zN\nvdkM\r\n=Hnj2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"3e998e476c86bc89c3bb626240ddd068529062aa","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.b83d720ee.0_1591723523865_0.0877363873639525","host":"s3://npm-registry-packages"}},"7.0.0-canary.afb1c11a9.0":{"name":"@material/animation","version":"7.0.0-canary.afb1c11a9.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.afb1c11a9.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a956a38177615d156a71e52e74d4cbe8d1911a4d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.afb1c11a9.0.tgz","fileCount":22,"integrity":"sha512-dRXiDOFqB92+sNdYTIoPgZTgrEBEFoV6t+4Xn7B05E4Kl56byHoyX2iJe/dUY0K8SYi7fO6l42WXDoW2MFPD+Q==","signatures":[{"sig":"MEQCIDzhbBKfnPptHAqHYFsMi6s/QlUE/t0ZegSfiYgM9tC2AiAo05nr/t88wj5uu0GiCG1zcoU8Du4pxrljk7ftDqq3GQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe3+3oCRA9TVsSAnZWagAA/BQP/1aUtm9FDSQ3wfmuB3VN\nF7QDZE1zfu6iuI4vxT+BzHDEsDmwpe1l4blj+766yIoKokJsltMLl6l75r7D\nmmRSCAPgi5hA/P1eMVo/nCB2T5TRdOE6EYAaPPISsIv6qbGnIE/TcBElj7tv\ne0DUGSLou+ri9I1PB5hFnQgwv9A1+ihIn9LQ7lq/KrAEhluqaC0ID99jqXz+\nxtz4uYH2oFCqOoNnuggO4CyQq7c2UTYxoQNAVrxmtDDStu+4TnIoOHj/2q0M\nCwPwV/VHSeYvs3nZtM9WfZ9NpKqXhPubGYuAaEorbKF1ZJvmOBr6+kyVDF+9\nKg32Mgfjk+TRiKh9nEhrbbx5HHxyNoeS3nE1wk5eHgrYSrfEVu+91faup7P8\nRbeuZWWHAN0kNW1Kuw6O0Y09VRipyETNME5Su8bdTYR0m1dK6L7U3084fwOA\nfWfh5cou2Ayo65sVf9yDHYE0nyMlFvKRAgVem12/NnTERijVRDI21tklGYI8\nLXccfQYMvOE7eCaGqOggjCs6vQvTAZm/HV8AGwMBlHXjgWE1q5nF+tlwDVKC\nR7FFcLJtGwTYCy7o+L3u5S37eDgR5rGWFSVEk81faEgZpm6EuTpyHmXNINlD\nF/0Fqj2m4V0n14HrAFziNEmJ9IQ1Hz4f6Dv0SZZUg66oYKNzZ48dTEsnQzX2\nB5QH\r\n=yUQ3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"893f09ebba8aeae1b012971b66ce3c77c410b823","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.afb1c11a9.0_1591733735942_0.40036687691299866","host":"s3://npm-registry-packages"}},"7.0.0-canary.39e6f71e2.0":{"name":"@material/animation","version":"7.0.0-canary.39e6f71e2.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.39e6f71e2.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"90c0ae83813dacfe59fa3dc0057064c879cb5cb3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.39e6f71e2.0.tgz","fileCount":22,"integrity":"sha512-7QbLg5TZDR5hAwuVANblum2gXeMJuS9IM08Bo80dtqWTz4qHE7VO5AjKm9Cc6PG5tmfmNWzUYhhiY3pYqgz7Jg==","signatures":[{"sig":"MEUCIHH0p4Kl03iM1NWMN7YoP9ax6NnDgzgKEa4aYGHBe1uIAiEA5WkZ7x1ffOAcrgfPxz9CYd2eNj+3UGoFvVuDZ2YhNqk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe4B2HCRA9TVsSAnZWagAAi3sP/1UWkZZ2DTU4dO1G8JHk\nQa8EwoNaKGXXp/WQL3bn2YWZpgkXTTt/V20SrCara8EIpBq6+3xI9uGxysa+\nBFTy35LpGz4BgSIWR+TRmfNN6TCEn0KE8Mxouu2HSEbyKxCsoNGoGuUrYExv\nY2FmeAl9lqaRpF5//9vB1QwJjzZSs6IbEyOzbDwWnRCdJr7OYSAnsmqxXzPW\n8lkFLbMUs3pqS+IRAtZalJcJrTqbhhxXoR8Rmlt0+NDfA/UC31TP/7ePlKt7\nw/K7e51k9tjdWTj+npVdMgoihItICHthbfYWJVR5CIBdB17wU0QE6ZbqVQrI\nH44KpLb+n0VybBusFgzlz64xRrXP9T/2gl2uDrKfadJzGj657Zrtt39BuXIY\n+DSnXL2nskgLWjK7JWxhy7j8qkMUg0YCHzF9DxSyBFGwlz3vOOHghwWvsWNG\nJ4byTgrGVZAxwGAveqxDROgn9L+1z59Gxf8wDLpG0Tpu3i3/KesZcamvqbAU\nPtsgGyrMMDCSKOoEGaZt48bTTgzXApJdEPMHWXPPJ/2O84FiUd2HXEUv3JYD\nRnRyzHBoKpc1wNKeaDvOaiep8GruBy6RciKwp/qROKFQ33I9qcU6BiiGI09L\nDaEL57IDSP8c81d+UVhNxwlEsmoSqjHUv+BsEffC6PpV9+W+9BCMcNkR+rlJ\n9goL\r\n=L2+O\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2f7273891cbcb7da6646bdca0ac4c5dc2ceed9b6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.20.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.39e6f71e2.0_1591745925815_0.19891083685936373","host":"s3://npm-registry-packages"}},"7.0.0-canary.d4c66dc7d.0":{"name":"@material/animation","version":"7.0.0-canary.d4c66dc7d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.d4c66dc7d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"de5197f8b484be34a46e3da8136b09e91455f84f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.d4c66dc7d.0.tgz","fileCount":22,"integrity":"sha512-OTEgjV04bU5TygKqfEwp1H/4NiSn56nDc9KoYuxatT1ArHjyZaEdbbf3aEIE12mkzWldEoAsoJms6stsdzIyBw==","signatures":[{"sig":"MEQCIHTmXkAWe9lEczHztCTmcICIjmX07GnKewS0AG0OXyTRAiASsZ9cZHp/xpokPQHgd9luU+UBx9JJ9S3ym0PkiGtM2g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe4m2eCRA9TVsSAnZWagAAVggP/3kzCVk7UE0DYTFT+OaL\nZ2SC1JejiLM6ScWUx1CRGNrTfLDwFOinUqbyequ6MEUSRdwr1akflxSQA88c\nJjT+chgMDIgWKcWtOHi8p8BfKWe0LowRQvyCvOfwZp40P8cUcWkrMjxIFqV/\nNyYHuBE0CXtKsSds2oNDD/sPn30mntdB3AwbxYh2v5+rDhhZ5l7LK/ZtRFsR\ng1TLGwONaKH1zAaISFPn4G81NJLJ5Ye0pSAuPmJAOtGy0ZJzMoItzT1V49yN\nP7mFfhA5c1RBoXvuv79iUvDHsNdqCaTapunVjJQaJDycGYUXoOdI/zPEgf9S\nVCNS6eaVT2WK9mMFaPVzl4Btj/WLYgNJ2giV+BwpF5t2kn8fHlIM2q3zLMX4\nD5TvJeUEzA6FujgfG0JZdiA5AHjfMov2F2Oj1pfMRfBKq7IJSW4o1O4XAXOT\nW3kaDs646BRXa1Cx9qeTO5Lgg0I6HMWNbjvrCj0n3L5srHWLm4jvGQ+P2Owf\neTxPNhS2aJnOO/EWDMfZdUzxKF+jAxB3ZAMcJiKBLH9Jf9JD5KjtHWXw37aW\nRCjjW8wo8/AYlEPhrmE5WErPDpxHpIYzMwNTTSp1RTKJpTfFbZ3irD107Yab\nkYPYcmoZHOYUzCWk0o7gVpePu2522M/im8EFY72tog+1t28OsOESa+xJ1JcG\nonpl\r\n=KkD/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"5964d9e6836962528334c54ef81ac4cf4898392a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.d4c66dc7d.0_1591897501449_0.7084820520905988","host":"s3://npm-registry-packages"}},"7.0.0-canary.be4a19f9f.0":{"name":"@material/animation","version":"7.0.0-canary.be4a19f9f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.be4a19f9f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4838ede6109c9fc9ba7ea5e65a7028f762ce9880","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.be4a19f9f.0.tgz","fileCount":22,"integrity":"sha512-4w66BVk2fTqiSNUndo/HT1YQSKOyQlO6WDF8KhjsaVeCVGwuFWOZaIgPMhnV+SCIXaSpwAP8onamFWwquq3xYw==","signatures":[{"sig":"MEYCIQCQmXvxroZ+lL0r4q9U9q2nfriBZQ5IbPBDIOcR6L4xOQIhAO4LmnYpqzmstfCmGKLbYzqfgErkWM2U+VqN9mgv7SHz","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe4xuUCRA9TVsSAnZWagAABZYP/3C+7R9+FS5vSd9zTDRX\n2Vt9yDlOX84V9CpW5pKaqiMDMMxaTuaZVHwNiQBvDEEnz5IsrN7kdBSOu4Ch\n5S9QMF1zrYtFHbFmsFhQghKQOozttuxHU38y7bP1DF0PtTNnRPqWWtCLnV1+\nc7zg46I2sJ+GgBnpBBmPlFisg5I6BKitZ7V5u7xcgWKKUR5s4lUBUrLlxu4s\nSTf+LmPX20kgDwLmeNWcl21buReaVIZHoMY7KzDU5lC9Q4XrZEazikRrIl/e\ndcyB0o7+FNoYfuKjC6lMFVpM36x0DCmbBrzXtJUYPWSg2PgnRB6iZszGLy6U\n3+SYXa9YXXewHjSI+CkbMZmplQtpZMOtWqrP2PL0hMLYHF7lO62XPfspmN7F\nWBxZfX1oqA63wezkTlrjiGgzsdTycB1m0mlLvPnjYDUJDSUZMXPAHecZolvB\nWkRK4FNVPTzkzPOTzt6COWpm8/JlrZKvyDTAP/wIw5oITrrMCyYelTE3srNr\n6aLoudQjSFoTy2aWfPvS5GEVkl96RYXhs6UMbKYsn+uguyfctvwo+plPQXzd\nL/5IqzOE3qZYTMWzFHs+pT6EjIjUU5pjZW3CxC8UKirSpfVezCHgCdz64LML\nkh8xDCRRDYcwalnv3/NJEf1Lk69a22IJRTrbGJtBTDOqM3pRTULjDtlRQVBh\nXiRf\r\n=APQ1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d7a0b89cd18efc7fec60e96de627e59883e3657c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.be4a19f9f.0_1591942035452_0.399937347362767","host":"s3://npm-registry-packages"}},"7.0.0-canary.a6ac8f629.0":{"name":"@material/animation","version":"7.0.0-canary.a6ac8f629.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.a6ac8f629.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"83e4de6989c2dcb1bd7df568ab00674448afb66f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.a6ac8f629.0.tgz","fileCount":22,"integrity":"sha512-iBIuWb9ArdqnFDC1pRiTynQ/v14hA2qj9mWUOskzGNJEBpJqOM1pYJq4z2FK9sBr5VwDCI0IZN8r1pZ++ph8SA==","signatures":[{"sig":"MEUCIBN53b5aoXukdF+66eQMU6YBjQYyTs/inbP6MNZXLR7CAiEAmkbagFp9R1IrVt3FTSdFxFMKxlyaEc79C31UlbMMQSY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe5+hQCRA9TVsSAnZWagAA1TUP/3RgqcoJ0R0MbvQewqjO\nvlaPE7k/Jap1oR0jMZ4oEGA3bi/7ANLMMaeJ21S2MED1vJ+5OItwPoHy0zva\nK1x/V9WdDfv7bsWwfqx5GG442DONs8/SMHXEIZVwPCKWPc45cUcyV+I8s9GM\nYU6+IkvcjXO6m3qF19LNMNvK7wIQv0xI7OAA2wNnuPxrQAAa77qmOkcOgA1t\n3NrAxaEu4Z6k7GMUSlavLU548YGB5wkz5jbknsGokO/u263azcg81GB1MolN\nCAECmdiIQBnfQ+/x24Gj3M/hetYAXXifHL6ZQgx/QY8uDkSBaUw8hUgSdvlO\nSFIxh6sEmaILiE6hFm0jYxVVcyOHj22ShjyJVbr5do65wPBFnXciwYD10KZl\n4rOtTXZtKVt/qGv22RUBsrlRGZi4TnrHe7e2/0VS++SfHE+REt//6wAHvJlb\nvuYpTNrHSOG7lZG81FetcPosn38uHrSxL4SgTURszzXiWagsx8zao2tEV5O8\nN6OJUJpqA339rFQC1UvpBZITGayxS9zNfkhcrWQs8rZS0uFpKzkeCM+siJsW\nbQMYXNswTi3CxPFAk7ZXJMR7Qz5YXYmmFr19L7vtoyvZMNzlFUkdtYuokDs8\nTihHUBI0xdCsGlv0iULLRIfuyM7zpMAMWDvKMMiVN3mCIOu8pNGzcCCo4X22\nw88q\r\n=0/rK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"30d2dc59ec3530f0f21233e5b8e93c990a4a2776","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.a6ac8f629.0_1592256591917_0.08426216283349253","host":"s3://npm-registry-packages"}},"7.0.0-canary.9833dc287.0":{"name":"@material/animation","version":"7.0.0-canary.9833dc287.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.9833dc287.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8d8496ba71c601a177ee0b893dd39f8308dc0bcf","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.9833dc287.0.tgz","fileCount":22,"integrity":"sha512-bqqwk30Ceu+N7Z5aFjZZH+65bdRLBYaYOwgC0zhWBCS/XIOZc09NIOwFIIvi8QJ7K/wzZHht/8n2axRyFqUPsA==","signatures":[{"sig":"MEYCIQDjFEds5BvhtjPqbXyeuq7GF/S4ZTK08+zA9QFbuPPmxwIhANDqHP6E7g1i6aKw3p0QUGvHNzMyQ58cdA2+NVT5JE0T","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe6SILCRA9TVsSAnZWagAAyFkP/1UBZ9dmb3+i3jjrmwx5\nbSXl0JyWRfniziydRDEzJextYnny5FxnRrXuKsJiEqt1XsbTpND70pMtAy7d\n/Eh9hubGA6qlzPRz1wdza68s8xkH/rA0QHGv2SBjpsSxSj0AAa18k3uh5lPc\nUuq2tIACTdgWk2nGZiRZLvE38eJumouYw6WHIWtL6olWHwcz/3mBER7iWYE/\n1VisYSRQ8al6dut4oeIiheB+dP7+QTiL+1XYhESgN1baBEYgV3wF1FHXFpCE\nqOtzRTm95IlntyqKEojwLHrTmgkeNnL9NKqzAMtYRNZrXy7ObeOp/RywuZRH\n6igJOE7o3wlzYytuG6NG6WzFbj56YFsAWSNRRrzioW5W9r9fa+s38wpA+K7E\nG+iv4ozgr/ShrLaVJqt9YSvJ4kVpWk51qdPsWtzBUEW2tgX5LLciKKmZZZU3\n3mQchyl1xkWX/XuXPVki6jpOn3CI1xYeqpYB5h6WXRr7uRju8r6Xdn/5/4bt\n2JSjhQcC6/xwK4Fw/QGYfMuqPZzWkfp/gc2586za+8T815t/rg5EwC6Ds8wF\nd38rxksdb1K6eoGRRi+MBpG8EMA6fviZNeiQt6Q1+o6mkHu8hVksteiklOUM\n2x4BFOgJaYxvyjjUIBT0IdcZgFKPtzE7sM1WwfZaYP2i1IEMGWqGthOu0FbR\nAak8\r\n=UHqY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"6852334e45da838c4140c1aadc974a39d80a83b3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.9833dc287.0_1592336907131_0.9337003512267648","host":"s3://npm-registry-packages"}},"7.0.0-canary.3aa33998e.0":{"name":"@material/animation","version":"7.0.0-canary.3aa33998e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.3aa33998e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"55899443177b3a7586eace0e1f2174aa0fdbc210","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.3aa33998e.0.tgz","fileCount":22,"integrity":"sha512-LaU7XytXIDq3CWvofmsMaDNUcQJXeqGLfbno9np3HAh/MLsneX5g+g1RF+brtuvBBTb1vF2KITiNjnFCSv14uw==","signatures":[{"sig":"MEYCIQCtfE9NrjuD2ooQRqRiko9/TUzzh2BbHk5hNsgtiFu6XgIhANh2LT2VTZwUtSjRhMvgXWje8ZgkxCw7mhL/ShusqK2Q","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe6Sl3CRA9TVsSAnZWagAAO8kP/2kgXkgi48Jy5xa55sN0\nwZ+bOiTsvoiiRhhIKCtFC2w/6wK3vpPe/58IwXXMf8CTsJomrUH2eiLKYZZG\n+OXosihbpOgBg5yQaHzY69sSkV+2nCxC8KylisA5eP6CduxDZB4+NKTm4JrX\n0kDOSfaSa1DjJw3+uBHaaW4KWn8OLaSgEViTO0WuZC4l8aLFV6kJZJU++acg\nLnZOYLbWS8wieSdMsOkXN2no1tcl7R+GlXQo0+0b9LzKbObL/PIR5b+MdExd\nSL1XrcN5LIN9JM7wjVq3H1oLoVH1eK+xskgr/4hlNDQ1YpvX/ABt1SxRQakJ\nXLMIGaoYyPn2shfKYgy0gSMbEeqGvTIEyi/vxdXr5XHJWy5pg9bu43glsIAu\n6jAaggjC/jcpS+RmNcQyUI+NAvj10E73+T9B7YxXN5JSkCeijNmujHydyZoh\ngvaXFB/uWGd/AYvnj2eA75I/orxB2YIOL7Lj7qGdanAcZSBpLh3cQfOE+Rqr\nEPrC39Nxvpe3lUDLQFjHgqeBL+uxWJC92xP4gp0ePKB51sd5Qa8+7IPQ6scJ\n8zczTbFwPr7GpxLS0EYlkkQHRgPkaqZsEJjjYOdmo1Fb2bl1ToSEHcUrnvBT\n7ROBAKGuCKYLLYbikI9hNZdhdcqqfxzYSeiYCKeryljvbGQr4ZVDF7tmUaCl\n1Kbu\r\n=3QbV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"20873613db8172781d25b42fda84ee1fecd88558","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.3aa33998e.0_1592338807107_0.6694958951391137","host":"s3://npm-registry-packages"}},"7.0.0-canary.d2b54d183.0":{"name":"@material/animation","version":"7.0.0-canary.d2b54d183.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.d2b54d183.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c992921dc9296fb6851dad1745ceb565eebdbb32","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.d2b54d183.0.tgz","fileCount":22,"integrity":"sha512-LrkbT6nUglQvmAOafxbJJioD6kDuEmKgZAUA6nVsPs4C9GN9w1y9aK8o6yv9+tnxjKPQGLFuQyM8igrVSToGkA==","signatures":[{"sig":"MEYCIQDQZ9ugFIv6LxsTwg08Lw79br6c058hllLQBWTmWn/4xAIhAOh6CGjWptn5ZjvKs2zzzzSPA61Hy3xuIe7bCVvJBXcc","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe6sANCRA9TVsSAnZWagAAb7YP/AxzCW57cs3ZVO20Y7w5\n+NiQBHNmFGv6JkO6ovaf6oTHgS7WEECaY3oFO9dFEGpL50nAgu0ENjmKmjwJ\npOeVSwtGN9PIOrkE3N0NUSqSKH+e1h0JBrpdPb5UU+9qNogRAeQr/xLC5rQM\nbwZ9nZJ15j0b63W0fV39WsX/SJMQvcFEbovUXGeVHCoaEJL509BAp387l3vP\nwXR6G/60DbjcuZ2hUUvmhcNSBXlkWj20Ghx+2IKrLGVXq6eIFFGC77M/++JD\npSDbYLNZnGU0CPNwWKrDMup9upwf1RrgmRVjLkW/V5ffH8HzvhUQzvIbpkIi\n/3La6cOLVYoGcyqAOzK+WNhdVZ2518+4Bgh+KW3Lt2Gg0YiuKX0IVMTGemiu\nLL+DHK7hFjsJurV40x+y+VXiptckYSefhVjnDgX6pj+9YWdV8DqeX+1O5sQL\nP9jjwEkBnknMqozqpbH0Akzfywe+nV0qlMH9mNyYxC0bk78lx3ew+BIpUbcr\nqHsJxMkzCvpwWWcrXe1vrQi8l5z+CGpds6Ze6pl7yiv2LTRVaPAHq0ufog1Z\nzIPWRpRwTu2WHjg7MfBokjtdQts43Q16gTVrk7izdRjkkJLu5tPlpOxYOig2\nSOBW2VK/sV8swjE9E+geUzUuWJBR11f5TE3ihhu/3FxBDo2CAybZKQdNjDlp\n0k8Q\r\n=AMcJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2941697c8abef0c194a923cf548ee231dc67a2c9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.d2b54d183.0_1592442893352_0.6794037059078497","host":"s3://npm-registry-packages"}},"7.0.0-canary.f2a488e95.0":{"name":"@material/animation","version":"7.0.0-canary.f2a488e95.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.f2a488e95.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"efb5ab97174423c03e6398f7db48e995307f7be8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.f2a488e95.0.tgz","fileCount":22,"integrity":"sha512-lUjLaa0p47gvQxRo+w8hhK1yxnfcVaG9Pmsmp+jUWds0QN3hjJKdV1ivgoqpUhJskNphj3PNjjuO7lDJFHwF5A==","signatures":[{"sig":"MEQCIH8p/MJ4NGyLdRpqLT0FO1P/6ighWYkKVaENdKgcetmaAiBgZISw7E79I71xdQAuPxaWD+fKbQSlpUENPQUmBfB4ow==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe64IsCRA9TVsSAnZWagAAKXUQAIzfHmoNa+zUay6NyT3b\noq3LmHN+2onjzlg96hH0hmsL+KmXEyz9Ie4fLvBRddnAR+atz7tuC8N2Tkhu\n4UhBXvZVYLx06jKhGy0kYJXxluhrJySa7llvcGkWkYvHKw2ubteOj3l6zMq7\niLVElwuAeqh4NJC5zts7UNE/x7LX1I4ILxH8IGHH4QWta/lEGkh/38b1Yyh6\n/0JywBotb594B+3Vc9njOysD2Ephnzr4cb/gPwje+0yXjkogAFcYmNNQdi2N\no93hrWmHRhzn1UozdpAUqBZHxhdxE2JMwY7bqgYkSjSJShyrdabuQgBO7GNV\nKausrOiMBcqhTry8vSsB8LRjWXN3ox90L3rkO12LjynQIjS1erHvSDBuMMhB\nNaYOoLbqGhvi8NWuXLqoRp7p566xciPLl5hY6RWJE2SjRklXys1D1OBuwcto\nDUPPmFOSr/XDD5rOaPqV39EuJ7p57zzhESFr/K/GwZWTDgPDbJSwadWN5RLR\nMePPa1jFysuJfhR4KguObz2JvVvxj8hsOtcVSZbTSGWNcPba5d3mBqyXUPl5\nPob5kFe7vwQeURbTNf5VbE/k1V47HVDE54fPXUNJWm/Q7kUax2odYzECGJtX\nNa01wl5voj6dmp3EltRSOkboq3DrnW3SsTyzGeZr/gQZSR0rm+e97LDuZ35X\nn8RZ\r\n=rT3n\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"bd7f6aafa23ab94aa2f862ece45e1775f1895b88","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.f2a488e95.0_1592492588117_0.6697488566215362","host":"s3://npm-registry-packages"}},"7.0.0-canary.bd8d1aafa.0":{"name":"@material/animation","version":"7.0.0-canary.bd8d1aafa.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.bd8d1aafa.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c086b4075e490527e10523b3244948ce0ab2ed77","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.bd8d1aafa.0.tgz","fileCount":22,"integrity":"sha512-suJ0gGwI+YgNqjl/fFRmwGFNHC7cbDQoS+3UQT/eAsm5ctNJ1+aYdcDmNYaMHwo2WVFZsQZXqNV+8UPwEP38YQ==","signatures":[{"sig":"MEUCIQDQT+TU+8asjErrydG9PbWw6IxODkk1rWBXln3Fa2RhrQIgMZ7009A5GzMZNtXA1ine54DpgmDmGC3FKUbrEnU3ITc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe64URCRA9TVsSAnZWagAAxlcP/0EaVGkfpATBHixDzu4g\n1ITq5kl9fLtngDYxojVcntmQc7ViIFnCWopnuVea7JBi/p+pcQlauUkL1FhS\na0163hhUPN7EXb1DCkndgkTnC8AObKo7Fh7eZAaEBVqmv3P3SpkrXe0UHlIk\nuRSPJ7KdEaC83nXPTNio+ZnxwOP/vS3jIpqWjvFh6LI9xEaeT8SK7Q3INV3u\nxfLPeiXAwBlB0cBc/oQPl7vHkpnzMDItjHKUZ69McOfZM/iX9ZqmWGvdVi1A\n9i9TlbwktrpuOYfHnBCL6pSp+1vpJ0SxFhvQosdT4f751VVHYyGZCwF+FaYa\nYs+RcosXYVvxpyUK71jUuaKkBSE4ZMrQ0EawyPUhO9fbUG0jo0Z8mFqh4VLN\nrwbIf8mZi6jN1ZEaM7IxWH+GZ7tgZzAd1F4blAIm9Zix2d0WPIso+1Hw3277\nbXQWT6EJofRWmTA+9EKgv1ELeBylk2LYek7tK7X0LewzKkIFhs+87VbB5h+T\n8wiifmkm6KN4Z3D0CVE7emijN0vFfxo7G743cGodPu28GDDKN/NeqAwj+DzY\nl6PBY9CF7E0U0Q7Wl2Ut/IGwN/8baMsSngk6yfFt/g+6h5Ar3fN6ZQDrJ1La\nn1EfDoOC1/VMV1fQNjEqrzzE9EnK5UkBI5/cdYu7T7cYJwx7hPcCcZiIDQhk\nIX6c\r\n=DTzs\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"05dd265c139c96ecaacbac16c7128e4a851b00f4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.bd8d1aafa.0_1592493328739_0.0021837306142789004","host":"s3://npm-registry-packages"}},"7.0.0-canary.1321eb968.0":{"name":"@material/animation","version":"7.0.0-canary.1321eb968.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.1321eb968.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f4b4d7daf1ac3a4ffd243245923483ece3f677fe","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.1321eb968.0.tgz","fileCount":22,"integrity":"sha512-tJyXZBUm5exwatw9C1o/pI8HvFKqV0GtwxcxEjM5PAA6evAC2UWJcC177DwUeV80fLlcFf4z8Rt28eAqEvZDOQ==","signatures":[{"sig":"MEUCIGo8cIx2fRySSps3DPDRIc8bqGN43B3sXcwxGgqe+QVaAiEArDxZY0xSplCxxcHok+Vb3Y4aWN4QAdK3NKM9d7WhoV4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7Q/+CRA9TVsSAnZWagAA1HEP/jj+ITOS3LUIMzqvLN6I\nJyWIukypQJ5Q8NcFCD0VwLMUod13WMHpFviJ8zHjm5Ya4JK5i+NGwMOyn7dH\nFscJ8CtofmZS56BlbODZGEPUMQ3b5lf7u8BefWRK23eogSH5WKGhbtGy4S+r\n3httO11Z4p4v1uRf1o5c94/JncqN8nxWV9hnsLgnslNzzd2p7rtUapI0y4kO\ncGFKBpChqDeabB3tErbi4o3TiuN64ItbbkGqvvwfHAuhPyj0YM5n3QIbbLuz\ngU9yPLBXHSLtMyD+ys2naL/+w41b8lG0TR/ATwF93NxviCERtTFrK7erEfVf\nwblgm25+VMwngxdmVLg+8NMlVDAA4H12OSL2CqC8J1rJwVMVfyN4Kmmx7VAJ\nVSAsLtvv+K+KkmkVNcsYPCioRO5nZb51lS0JsAhwRHE0eD0EThPzySy/rYox\nLjf7CyExWQ6zAIJkEFAG+WzlQkFMoifqzKj+PG3Y9sX7vwUUtzkMVwzTbCf+\nte0tsWI4viHg6bqGVyCYgqbHQAJgu/Io++rcwbZmigFG/XxslC5+W2/qhSmR\n85gRMytYfKeT2XFn6MrgUbLOTkCIU4U4bN4cryA6YgXUeJKFMau2arfmzJ4A\ndjVTtQkMii9xZtFF96gk1freWAEqBeXPTSmbvc5YtVg4orCjdVSL+EaGEALG\nNzBH\r\n=NuA2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"41c074a3370c2ff9b4dd6af27f2403d15cbf2832","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.1321eb968.0_1592594429722_0.39137170129582777","host":"s3://npm-registry-packages"}},"7.0.0-canary.db5cc0382.0":{"name":"@material/animation","version":"7.0.0-canary.db5cc0382.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.db5cc0382.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"62c74eccce27c6a6b4241e9399a5cfe28ac504ab","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.db5cc0382.0.tgz","fileCount":22,"integrity":"sha512-8jYxXazrw8KI8UyGJLdS5mRsKP/TX9IqSZ+zDsWGKACjDR1B9hPY/pzi7VERp9NQPAxgtaZrYLgtFepJR6e0BQ==","signatures":[{"sig":"MEUCIQC8PLqv87b1Vc8mcCh+ILY7mZURLKExzDBZtrMoXL091wIgX53bLCI1ZCkOH1QBzBHOtl1O/pdS1m/kSF/2dT+typQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7RF+CRA9TVsSAnZWagAAb30QAIzXDSVZoZLvdTFtwDzh\nUW+KKtHFuLyVb3SdXTSK3nj1BGerQ9x8yiRWqpwBr138iZiVJOYZdegrD/ul\nmfEmcnuZrcR6NV+RET8XsKQCqA1Hh/kI/H/HtAOB7N5+ZfvPDqCNlY30XQ64\nXBI8L1wPbCPivQOaBYqhkci3/JB870Rw/OiJyPiLtzn3jrHmcYdiLNh45Qai\n8aHlgn75rYr3QRTGBapEyZTxNZMDAmi4cekeu2yaHGHhxl/+5hIblM2jWb21\n42dc4h04YHUHBOZ/je2V/oY9ZhaOq4vOD0valX/m0ZbrSkutCfOH3B9+KVEa\nP7qrEl3cVLBbmMkEN2de5UuTuwFL83YUNWNOcbqDoAbepg19wa2xhvt/Afwc\n8bWNNEtv3R5DiNF8qGduWX2Dgd4qGlqmFDkJBTMIqFiPClUPVi8BNu8v743c\nzQSVq96Bqt30Jv9UhpYNsU5ID0GgjSm6J4kAxABqfRnqit7cPkaJcuYRhAwY\nCe7hoyei3YIMf38n2C9jwm0d8MiIUwSJCb3ipfpYtvATK3oy5srEt5ZijvU3\nenJOza+a3N5usg5TjEuCBHtHvBmWIcuSImO28bSh9DbmzK3lnxxfZkhjQetY\nbvCHQYRFOnIlAv2an7gfwUaA6GiF7LMoeF5cgY2haRr8YYyFVYq2P95q6cH8\n6U88\r\n=eY9t\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"698cb6184d0d6e6823147f7d050c39efe9b8e3b2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.db5cc0382.0_1592594814226_0.41328654111516605","host":"s3://npm-registry-packages"}},"7.0.0-canary.6ac9bf031.0":{"name":"@material/animation","version":"7.0.0-canary.6ac9bf031.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.6ac9bf031.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0b628b7dd143f62959fcf56421172ae92ecad48f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.6ac9bf031.0.tgz","fileCount":22,"integrity":"sha512-cyY8A9P0NOly1UdlUoHrgZwiocBpmmUqDcYRtefiJ7+a8yXj+M5fVkiHOUuD7GlrEx1IWnqKjN3Ac3NFoxHPhA==","signatures":[{"sig":"MEQCIGHB/vtqugMQKZ6UvcIh2lUvFhscuotB3iIaNmLFevtBAiBpCxJjCABoXC04W7fDPB3uEq+b6i+UJ21D6vpZ0hcd8Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7RZFCRA9TVsSAnZWagAAD+QQAIFkhadpXvhyvH9+J+XV\nOdH2ARz+mkI4On1OLxEaJ2LVk5/BcfQmTAX7GLcGkQm1HaZ1Xl8pTj3zByRJ\nfEq7wYbDgjLf6mF96feqsM4l1OmsKlra+SMnJJyA6qHxVbN5i/VAyk2400zi\nJ34tXsBUPyeyYr5LLxX8/FYPF5gMVgytHaMk7XAxfy28GdnglhIH4T0iBpMT\n+MHS1WwyLphEPYvrLcvVy/OOpQBw9eC5q3SKY1I0du1vZbwPp31ELjgcYfYH\nD4901fy/JMq2bBIC2K3HqaBKACbkhRs59X7gw/C+lyGnMX1Osfg//tO4rQCo\nM9pmNQ1NMAqpolRXXDbJDPGAxzsFv4Q0bK3OGyjKfTq12sVREMxPY2OE0bXF\nmKoodQNEXEh+MV/9yg5aE8IvfRhF2CH+VVLmvhnBSD49s+MytDUk68QDsWJP\noxxHUCfpG5OkkwuUFbWfregszUVqiNJH2Mndqvf9yc9re1Ang+nJzBzB0XJh\n1ULwNl8bH1I+3zRy8ZQNvin8xlGOE7Dgvgcv3c9Y4GORhT17NUGsOWiTsapj\nddgpykWFn0CT9yyRwIbTtig/5vOpsnmlc7DM2tkkTFTBy+avrToW3wKlc37g\noUDU0JU7bJwQZwuUpyDEANtf2/Ioh6Mv3bAr04VTbnYgxmv70DWy6cvAgQsS\nKT5I\r\n=jnvL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e80b52100d3a9ae7653579d78250cf18752ea92f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.6ac9bf031.0_1592596036751_0.14521895512379412","host":"s3://npm-registry-packages"}},"7.0.0-canary.c21b5c367.0":{"name":"@material/animation","version":"7.0.0-canary.c21b5c367.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.c21b5c367.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"549c28d88266c1a14aa5ca82cbaef4126ea988ee","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.c21b5c367.0.tgz","fileCount":22,"integrity":"sha512-BkVvBXgmRnnfOL6n5UDG7Ph+X+eG4a4CvAw1i7DQP6VuDl3XzUVjGsU8yobmITVSb8uobmDsPJcWy+IaG2sQmQ==","signatures":[{"sig":"MEQCIFXuQi2F5Nsj53KFGq1pQ6qobWHdRU6Fcy110/zK2GmGAiB6v1zL2aSJhVR4NvEv4Kdel4L0TZUEyMIfa0LC54Miiw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7Rt9CRA9TVsSAnZWagAAhv8P/iJ/TXnDXpB2SSGyroPZ\nVpDlirpaSx01klxlF6O6uD5tDJ2N5U6DOLL0dgXBllOiJtZOUa2FE7N8HsrY\nmM7Mqc8uXWxqaQCfrsQw1GJMYWs1JERmsFOHzB+760ZFv6iy9Edovhg5zVm3\ntPUO3Apmlec/7/UmZccZJ5pd2Z+5S9GLP24GJHPWEOb0/wKMUYJZTECh5Qlp\nu9t5bAseeWljb6fonlnXXI8jD3QjAiXjknjPu9Kk5QB+tKO+HUebU8b9xx3w\ngVwkY2Yylx9ibOYce0/8p0i0T7afTNmgl7n+oPdLaU4Nw2phNR8WnJJ7st2a\nWsB8afrCsHFW2crf3J3IIxqCSn0YnSzstd2rZkouAeef7FrYYIxNmUp3NqZJ\nNzT2i50x+mS/TfWxFXZqinhV00Mv/4iebJCcFRSXPzpa2j1Ovc+hVGn1NAte\nyoXjfaWKf1LAEMKYcajrJieuSXHyZ0Y8wzXJC4onxfnORXFXdzVJoGBmy2tw\nk5GpMM0CgMwj8MBtW5wL8Rxuu5FG+veZhJ/H++wFAv67Znjv/dWC4t18vhuy\nbnYD73zOxRGhC/QIHuwWt2Y5QmpHpdpxcXIIeFimqZXAg743LsChKWsIFuoM\nzV0koRfT80SLvPzvS4oUCS7TLKz23emoGITULhwdBx7IfWsyvIQZV5GGv39y\nPNet\r\n=SNwZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"08c734c10ebecdcec22cb27e38dd9d3941fbe847","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.c21b5c367.0_1592597373141_0.7801902995867844","host":"s3://npm-registry-packages"}},"7.0.0-canary.bfdd7fd39.0":{"name":"@material/animation","version":"7.0.0-canary.bfdd7fd39.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.bfdd7fd39.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"390884e7eba59dc96de5f8aa9aa27a06cc5a0d02","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.bfdd7fd39.0.tgz","fileCount":22,"integrity":"sha512-L6IlHg/Y+jv1j+HJHe2p8IDL07Y4Y1ZduOMUev1/ZSVujSnOxnaAbtdPhQ+oB2YcFlgAN9MZVgCFa/HUg3Ho5Q==","signatures":[{"sig":"MEYCIQD02iA0LQr5U/MEUwIhEnT6l3QxM7sk+2vEjIQnj1YmKwIhAMalpjvVoJffLrY3GSmgAyrHTHSYHvpKjSmEi81SYjA4","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7R27CRA9TVsSAnZWagAAO7UQAJ1gR85ZwbCLqr+7PpRl\nJCJzOE1hIotaUKr0YkkxOUP09vCha1XYGiRDpvbx3HAR2zRXlT3l4u6uu++A\n4mySDs2nG5avbEEGq/UDQMuOEhb4smnQcu/Zi6+JTKW+04DrvHRpYsIhzmwf\n/waR2FmQsu4hPqMgC9u7hbdDICXbiYXsh9CFKRRnx97l4TXRJeSjCNxxDRWY\nphDkPs4PX+794H4oHwsFxFSNu3V03WMvM5qmRwRBPwom3yBcc/ilVuG36sEI\nlK9FnQZsfS2doCjq4s0dC3OhUU6k2nzSwOgwjBwrmGEbTd0kCEFHmeWkDtFJ\nBVmSU4WqVX/7b/dRZ9MZ20DTEQl+KCR5hByF1ddWk5r9njmNces4X92q9JCN\naB9s4g8cfhGf2fRlYCFCl4xOmgW9kBraX+TQtzPrzg+OVl8nzA7ooospxs/E\ntAALV6rspFyF2xchlh+X/7l76vJZuV1ODkBL6zPlDtsvEfPVbOk4UgvyJnTO\nH/op29eqkwkRuWQ/01moLT5EFClViimZL88Xys8lzevm9rkciyi1yv02sNHL\nCeUuIycfuIK+kviNKIa6821gTSNEAVwtkzsx8zrK7VqSxkoAwTDKtG3aVpd0\nluOB6yVp2BZolfZ7i0bBhIgNn9XN3Gc/7sEFRHUYBVlqLaigCPHOxgZMXX57\nJd/P\r\n=H1dU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b9b865bcb7a8ad91c21f4b1cc433f6a49dc627a2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.bfdd7fd39.0_1592597946496_0.5357701919052535","host":"s3://npm-registry-packages"}},"7.0.0-canary.10b505785.0":{"name":"@material/animation","version":"7.0.0-canary.10b505785.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.10b505785.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"41b91d0102cea11679fcaba3874af35ff81bab6f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.10b505785.0.tgz","fileCount":22,"integrity":"sha512-re8cULVWuAHjI1OtjAVUlF8jpZTD8piQQJSTiU8oIlpHMZfoJJcl/4f2e1SbVN1sSkOMcHfvt3B6g2s7Nx9kLA==","signatures":[{"sig":"MEUCIQC9vGdfXsHYT0GN4VhJIuBMgTOO/AjLwX5lmDoqcDOWcgIgYs+ytwG8O3/ge9orJuogilSCx7AHKHeAQwkDELDnt7o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7R4PCRA9TVsSAnZWagAAVTMP/jk+iW4pJCJo7Eq0B855\nfykobVZxSssM96XTN81GgZ41WGpsgXMvr8SND+lX1WNCbEMekl63lCFw3A5+\nPLcSvT4oQUJZ3A3wKUlCrA2ueCCPiuNFXa+pmkitfD8h0IUgwM56Op1Zk4XW\nQGWscBTmtNtWb+RvXTcApHke3gJW+0lYrCv/XkA2heZ3LvsImmHa5hweQ/fc\niRQo8rqIOo+u5Yi0bsV3xXNEmoFc4P/zM96WQXCELRDlUF77eGe6M+usuV2N\nFmWwn+/y2nuuPA3LWtdybb1VsLcwdsBccNxZsA+zk4dAnbUh6+9tab1iPjN0\nhyOvKidMZPvCi+eT1aP+cqoIweqn08BN4A3kqp98lg/L4wdx1Na7++HUdzVY\na1hcKVl8UEMGbmQr7tsXUlnK95IScMEBHyoPNeqrbsA83EKvevKZdefupyB9\n80Cu8FJn5zmUeinvP/ziwOPLIKwAR6uHiJnaqifEt0A+gEGGAB+8kDQO1XXb\n0wMLMfmI5D8h5cd11lti4APb20nqAjFDFj5fvqP5q7Jk3SK0XFVtk4QC66FI\n2d5mfmd4QKyrHrZTFslfRDznlGzhA99sC3SzWpQfOM5SimKOYXi1aqPUFiEA\nlgzZ9fEtAMpYDtdmcTYe2JFeGRSd9hTt5KmQft6dzM/brlYILmUU3Fa4s/F1\nqEeC\r\n=ZJWL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ed5923edcb43bfccd9d40cf56cd605eeaab00d1c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.10b505785.0_1592598031433_0.333229354824236","host":"s3://npm-registry-packages"}},"7.0.0-canary.6483d3f44.0":{"name":"@material/animation","version":"7.0.0-canary.6483d3f44.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.6483d3f44.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2bcc44331c667abaf98c4bd000e923c983e84f9b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.6483d3f44.0.tgz","fileCount":22,"integrity":"sha512-J2e5JSpy8Fx7M9Hamg1bccekN6fe9aRx2R7FabKVtMi48r49if/tgEHYgWfTinaisQDaSwZCvT/XDD4CuYRjtw==","signatures":[{"sig":"MEQCICHwgTeKCV7jd76MEQupu5u844qIGl7Hr0p/bdXmGIRaAiBEH3zyhviuPnGlZeWnYyOKajHYKSSGYk2Ko2LtJdsddA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7SHaCRA9TVsSAnZWagAA+ZsP/1HexPiavFwnpUUJz1qr\n3FgeT9iihATHSZYJPGqD6CjIX5hFEFyWa0BXHrujK2YvsW6lBcxMNhMzmga0\nML0CHXb3AiTRT0ScIT7pit76pLsia2Ek3wQcHeiHWeS7GbpcKjvoT7NqaT25\nIzgR+uej7WethWtYZs68LSHzpLhdEqHbA+5ykuiQ0dcjW5g54/N+quwFKlwx\nXOMn3R/VrLnQAJBTgQSOJp3tv/5s5SiCEA4sT9Js0tfcwKMOTRCqToBkAQ6p\ntxn8sfDPE4MmT081g2wprpJkWqqAvJoFe8bNQoijhhkp6vk6y5Wy1eNGEYfb\n8ql2Yn8JEPDwqIjL47Ouea9HaNMA3JrOj+OEk86ULqMSjC+YEYW9YhFao9Y1\nRyhOEvfj88K3v5scqTUrBFqWTlImPheDRYtFSREay599XyvNRKhbKFBfntgE\nkbPMLpyXsZT2pl+URXHatLOmpJ2bRBThR2FRRRS1Wd8BhLkoMHJ0JXcroQyv\nTBsEdhKvyUORFVPAQ4ga7KYYPb22/yuDafkKVKEMiNfu/1NodunnhIFka0tv\nnNQMTbjCQi7jRfBkYMLgVV0z4ISx4uRVKHQFqMUp/2LOCbK98EDbsypmO9gI\npu5TWhCKRtD9fxjaZXzWGqwtJUPAcJmhDsssEytMIX+uX9QOg+CyslkQ9ET4\nBOjw\r\n=kPUL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"5c831da018408423d31c9c4813c507ca591a010f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.6483d3f44.0_1592599001320_0.7290064876592512","host":"s3://npm-registry-packages"}},"7.0.0-canary.30a74e921.0":{"name":"@material/animation","version":"7.0.0-canary.30a74e921.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.30a74e921.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b426b77ac2a5d26eb503a4ed117be26b141417e5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.30a74e921.0.tgz","fileCount":22,"integrity":"sha512-65kqW/ebbj+ShWTY7BUn9C9URdwTHeOBh06+mGJ8neUtcMwRPcMDNz4R+3VJbj9gv8K+ATaYmrv2KjgzQhnB2g==","signatures":[{"sig":"MEUCIQCpQNrwFdS5UsvRjjMRKHv/Tvj0lB5xZIyra36QkqeLbAIgDe+ZycUW9VpGS3GRpX0B4p++6Q2fLjJtNxuFs8Rju7c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7SJjCRA9TVsSAnZWagAAqe8QAIlZRbYPKEBq8eG3J8/v\nPUuWB54Dn3vQbL/A5v7ezH2Ay0oL/gcJUHrJOCoQGhMgU4L7FGh5PeGINEf+\nQjrwngkFgf6gkDVHnu14aJg0T0+zEJVc9UXEIBsz1MvZdSTHFfAvUKT7GCQj\nPc1P6BJ73BmRCEVF+0meP72+iAOgMVvMXsE4xroOx4l6aaO4B4DIPBIfFunH\nB5iFmaetL/+p0rhR21I+uGVYawSZXrbTtX/cmGC/HVOGVPO6aRAGR3GzLuAD\nvxlCLZV6O/XlIJ1HSSetYYgLk1hd/a1aLQjB6mW4J02I76VqJus9JrsQWxrd\nEGy8w937tttaS9a7DfHBKzL5+C2J0wwWAXlocGdU0ow2Fc3RR0jhY8sMLsF3\nokRVaeD1Ew7rKoSmkpCd3SJQZkZlUQ2Lz72MzF3sg/XJfXK7MnliFh+ab7JU\nXsoqM1is7QgAw2FpWsuPXnflg9X1BzeV4ArCawLdluqrLCK4kcanZOoFzg87\nX7ekUtRuwFamrT64E/udsKGGnj8RdZngxnTrFdWQIdGWsnq2fiunFi5Kfx7J\ngdzEP4wIEyIdQaZLmLJMF5/Agp23HirhSHm5XqNwJX4sSLBK90B34Y+IR83a\niagS5kYRdjzfwsUf28wS+gHTaadM8j/ZKh1Dc1B0VtmLqx/IXFrV9YOvoTlH\nsXLk\r\n=1TR0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"5f983e004147b05efcae5aac51dc16aea4a18a8b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.30a74e921.0_1592599139347_0.7532397181145116","host":"s3://npm-registry-packages"}},"7.0.0-canary.c20727498.0":{"name":"@material/animation","version":"7.0.0-canary.c20727498.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.c20727498.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"45df406d25d158f0f4f56411e215223d27199f62","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.c20727498.0.tgz","fileCount":22,"integrity":"sha512-nt7qxbUpZur3MZGqxzZaovmTc3/ITFk95bniQ2Q4/EgzB9q1eWwXbrLs9ohB0UhsZn2nZPvR0Tm0UIG6MJ4YIQ==","signatures":[{"sig":"MEUCIQC5F2EhBHwgFSXwmywehZ7B8M8lOyyiOuB8olxAeeTVmAIgU1MOYbHR+SCasF8gW12UO1pq/2dWegoqxpCwyQ7N660=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7SMRCRA9TVsSAnZWagAAWgEP+QEV4Djb9KnPv7N1EFET\ngakslAXhE5D4b1LdaVN2EM2In/TTieO3TXivVd/2aGEIrmE0z1aZXj4eQcs1\nCJAokmQyqjpFD3y3HHE1fEH+7nByaPhPIaFiqVQgbVMmBOKPhGX76ewr4oF6\nHzfQxzX9ac1gQzUn/jl3DmjJOu5SB1YGyieYLEvIUi54LL+qrxKjnmox97N/\n6EyV5AEnFk9x2xlhV0H+cCrdcMK00rdDmTPTG/HriExMnnnNxrgb+VN/ZaYz\n6b/oRvG7QSA+lnSFteKs6Yy1kAAyZDGIJthQxrNmYjx/JtOez1GZnYqrPw/1\nC1ckEWcS17+uTR9+i2naWZIeSyYE4ZZKyUo8XGWPNXFk+muXDhbPK+8peQa0\n9LDFtO9U0diSXL5ihFo2ZnBnL3cve21r62qdneUu5qYZJKxRHqqZYjujLt+K\nx/K3Sh+tAAnCNWrTyLm2ZmQnwQRNz03qDpiHiwQlfpVuLrCiWPFCwTtvI4Wm\nxDdVeizey+68TqgIgJdZdK6FTcGmXxiMLzGnYrkvyhy9nYEWuhbtCMYUAUEk\nIhWoKoMHLwJ9/2SlxAdtcuOspWtvCwlpNP/Mr0d3jmVX3/B97NPm05jkeVZH\nvelhNjirYqgKPyh/5ib7u58+Ngx2Yj8+e1nbiRfrtNYjZHRGYoBPa7QDENhk\nbm35\r\n=CF+G\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f9ac75746f7899d34903c19ff758bcadb9ce2d30","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.c20727498.0_1592599312578_0.7106037589774667","host":"s3://npm-registry-packages"}},"7.0.0-canary.4e360ae94.0":{"name":"@material/animation","version":"7.0.0-canary.4e360ae94.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.4e360ae94.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fcd1bc4bc8ae27263c905ce46506f95ea4b92088","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.4e360ae94.0.tgz","fileCount":22,"integrity":"sha512-mVX2feN5cdvPmOVAkN9aMA6XJKUvyEiR4mTmbw7dfxGV3QHgfkbhGtUyZcX0oMlqrdZl0jH7THXqSOS4whdN8Q==","signatures":[{"sig":"MEUCIQD1UpEnvynkHWj3LoRGT9vY34nwxx8FqOWgR/PjQnXROwIgYl0uXQSQ/u1vQMO2X1PpAtIQgEGdEAdajEVBRXOIj3M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7Sb/CRA9TVsSAnZWagAAPFMP/RA6WDQs0LzLBhwqfMXM\nxA0EDQSCj/Y3f2TUXwiPYIx5Dy5P8s5tSWyAJdJG7vSRQVAjPvvBdsP8/Sv0\net0M+g2POR+8bLn545Vft7JyqYOO8fAbr1wK5CIpbFbSau3GRDbgJO6TYG4U\nbhdrY9xW5iKt3JuGN/wFNP33maVHMzSg/qw1ugCRgI+13u1aO/Wb61eChGvR\nxS4TAy2nyJ961mJkVfwcVgHNc00LuGs4D3phHNWnJTwoGKjOEOW9lfPJ3iLc\nQfOQ4PdiTOVqPd0/CNXu6A8/dB2TzACSjxn1zk1OWnNY97rbJM56gR2iryTT\nZiJ8fzm6W27hLogRqpW4mKlejQQDcn7FYmHL1O8wIe+JCv+MjL2TE1bHIhsN\nYAh6yxUDX5VwnAez8qyDTNzTe139d6dyyCFry63JKGVSusSl6IT43KpWj9WI\nveLO8PDRjGSIFeXFSo2xtBEgAAYeO4X1Il5B91i+V1a8e6vUwPTpSCHu4VcS\nw121jPhPjK4/4EqeleBP71rK7iQUI1d1uKW6xP1mDjg7zw4Qd2hGeKxYpXOe\nwK34gabqVLqxaziqW4iCR7Ej1RQyRxnMt9wln3YbLtHGYBVs12i5zeboNPKq\n0HVJamvPQzwnJj4GlRjN1UFnEkxc7sKjClmxVpGi6KdkM3ChhWSZ9fQZN/GL\nakTC\r\n=dhTh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7bbb3adc3aa84c4095304613145fa53862e147a7","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.4e360ae94.0_1592600318193_0.3831297262284916","host":"s3://npm-registry-packages"}},"7.0.0-canary.8550fa53b.0":{"name":"@material/animation","version":"7.0.0-canary.8550fa53b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.8550fa53b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ac91ed174af5c703b0e41fd8d272dc9a1136a623","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.8550fa53b.0.tgz","fileCount":22,"integrity":"sha512-0n5At/qvsPwRioxc1p+qc50EpL59cqWbTSYgiaOJW28MK/ju2PclFQZaVKQV3TRyCazFf9sorxAknPjdYUIFyg==","signatures":[{"sig":"MEYCIQCbEjvXbuplp+WCZ6g2wpxPP1jLmtOtLx6tG0vwiU439gIhALoyia/g+syuz4UEW6QElqxj2UfdWjH9Ve/e3/xeMEkj","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7SeECRA9TVsSAnZWagAAaM0P/jTWJUkMjT/1tP/hOmdn\nZko0W0bGK2tV6pqTdjrQTkZBUD2SIU0zkyd9TyRe1LuAmVBHgum3cQZg/5vO\n5KD36mPoELmIdOxLsdhvlx1L8IP2kHELEAu+StKet/n5Y1HDf1TIveuZy/Hk\n0cpgIDENbWT0HTfVT8Q9Ida1caqx3xi6IrZP8RQ5pSUv6fFgE3XQPgBLlNZ5\nzvqx4N0W7OlfIvg/oln7s10lQF9KKVpsSID4ZrbyiW4iLBkjdiiC50TVLZ/y\nBlMOGItbjju26gt2RENC2ruQCxzvX/06Lwx7vLSGeJaVVxo1qUI1Tx8WuUhf\nVxvm7NIc8CvdG5NsIoQVkSzA5M9meBG1LgIUxbfXHZUVegu0KaxQbpGyQHbx\ngT8/gueqzKXmTxV8cAXLWdlevjAkxXIsJChPmA8bdVc1Zys761haB6zDKTAU\nXegol8LhyUh9u2HCUyO46nZoIvA/FJeRN+EdhlF7GcpJnA5wl8jhelm4pRUk\n5378ewvmUbkSD+fM12lFlAjoYRVLyxXrAlFyyNMyxx7Uw2u+PEE8I+4pCvww\nDkj6qIoxDOHwcHWpB81bE/wRLCB+KMiO+3WGzA6i8TzogttZGQ3MYV4ahyrj\n9r7GeDxmiZ+Bqyglyb2mqproMmyYhNd/yzxw4YQbbJ7RdnhO2OJRcaEWT0gE\n5K3w\r\n=3Vg2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"9d8529cbd579dccb2470a1f19fac57883cb2a5ef","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.8550fa53b.0_1592600452216_0.22343074202754076","host":"s3://npm-registry-packages"}},"7.0.0-canary.93ade142e.0":{"name":"@material/animation","version":"7.0.0-canary.93ade142e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.93ade142e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"434afdd7940792ca6b259bc229f1da4690191535","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.93ade142e.0.tgz","fileCount":22,"integrity":"sha512-EZP6iik7KEqe19CLMCXsCnWtjc9cbEMSR3K2npOce0tpHlgsNjTSjaN1vnMdf717ed8gOhfMem8TW7fCNy9kdQ==","signatures":[{"sig":"MEYCIQDMOAfEX47DpUuQbCphLERhaIskWKDq40V+SkGqnGFA7AIhAJJElinNFWHMCWYFPogEqgQe0qSxe1U2Cu73EE4ZJEdo","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7SfHCRA9TVsSAnZWagAA6TEP/RByMQLVvFvv2Q6kIVLR\n0Ql886S5aw/q4t6R6aGxULH4LZ71nNv7FnezOUp1rY/9Apn/CMHumS18q2pN\nNZP0X1RY28FYc62RyhcXI1UwCoWs7NcjbQdCeUdbvwxY254ydW8nLeMK+FJT\nzjihedpnBvzxK82pt/cepnY/GMWKRiZrrdrvkJUjhMdL5O20SCfdmitzHiE4\nQSzctI4RyKDiEXqFps5nk0NahqcoV96CGIF2YiqDBUVlDUWb/3LDJgPRQQKO\n7ZTA1RgdFsun074qjYCsxioqAZOgR9AKLQuHe9cOxtHXhVKCZdUdu8jB7DZb\ne9YTCuI86u/e6nxt7seO98K5ggJJ1J5CLyscSNzOKrwpxClr6f6K9Uaazo5p\n7VrV3fH5zZfmg9snWBJpkKHB7bxoooqaHp3v1grKXSoDaFQtpbDkzr8ot0jn\nEtceuR1EHk18VqhX9KihzljLjzfDXS7naPI77GWdZ0gde4G4dR7YkCEazOOs\nTN3CHqKzajYJ6Gs5XaI9Fcc4hPuYLBxzXw0/kaYIx/RcM5OyHcV0fL6yHL4a\nXw8sv7tOgFKs9feFMBrsU0ejG8BsVf7wPRzd2uoWVBaoMUHJ5vq5GdITsSIb\nTXBc+74LFSaDsuGX9tw/OKk3EdNVx6VBjeRUSbEVjqkaxaYUIIzgdyBem6sf\nA/Xt\r\n=e2EJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"fe392b7ba8c7033e5614eb91a20bdf2e6d7d7936","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.93ade142e.0_1592600518525_0.8025811102453602","host":"s3://npm-registry-packages"}},"7.0.0-canary.a0032f5bb.0":{"name":"@material/animation","version":"7.0.0-canary.a0032f5bb.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.a0032f5bb.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b8d76fbc68fbfede022ba549ef23929abb1932eb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.a0032f5bb.0.tgz","fileCount":22,"integrity":"sha512-xT2i3i5OjfRVHaaTGaSVElsW0xfpzfHjQmp11V27/PLhPWQHokx9iqXM8kjWQps/G1bebtWHQwpKDH98HCfQ5g==","signatures":[{"sig":"MEYCIQDeoZkmIebaqRALWtFEYOjF8crvFkVEPfNcusr0FPLvOAIhAMCiN5MZk91fKd1lpLlL0enmnk744EQnfAz4x6OcXGxa","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7S2lCRA9TVsSAnZWagAA8FcP/jr+2ei1bIXCBh19VF51\nCBJ7RNfLU2aAyB1XMHFHmP0wg2CJl0aH7m+kCnFUv9KDBvmfRsQBs1HTTFOG\nqGCPZ4j+LGW+0hjHqpks/n4PP+LV3v3MTjxGH9PQFiS6EnFQndtznkLOrFzI\nNsKwqMBxQq9HifvZ2mcl3oCMNHanFtmaYL29GKm6noIkIyXx8XyHIbOQMLYi\npytf/w5N96nWkvzokbYIFgg/RohZbBN5luoJbl2zrOKeOsgn1whOdupXmawO\nNusCHbJGx6VJwlJTLlZlTtixxcp0BouJfLau2UjbBJk+DA//jOZdHOkwyQ8J\n/gcZuAlmIkM5RnUw6WTSaxdtcX/XKlw/sS4Mes/WncXL8yZu1KRl+G5BMsgT\nb6rLE0FSq+azSCwbHwP2wy9awrrdVMQO3/m/C/QTB6b5YGIjZ6n33IffO3Yz\n07Zzyq3hv4SYPKB02bivXMUXC7PaOXU4627MvOXrIjK1wtEkFKd++UC+eQIg\n7aT5sbmHX6OrGZvAjAplYcMGnsPEifbiKePmDuD7tqIN7VLSb+H8IR97HIca\nF4qYIxUK4KwdJnyT3qSQkjIm770oGVyVgARHcVS8l1uQrn+5s6ivg55/Cj5z\nUiNaB0edf1ap9d21s0nhJFrmcWHrPncmAgCWyECdoFetB1o6fjkLavZprqIi\n9ILO\r\n=zrhS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"8c0789d8c409d91f7f4e13675ac80e0f355bac02","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.a0032f5bb.0_1592602020733_0.8687496406587474","host":"s3://npm-registry-packages"}},"7.0.0-canary.3f342e721.0":{"name":"@material/animation","version":"7.0.0-canary.3f342e721.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.3f342e721.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"583c3c2c655c27087c2089b5a13a1b1ee579fe7d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.3f342e721.0.tgz","fileCount":22,"integrity":"sha512-ymJlWEhZU0E4akUqmxufEwenweIx413oiz8yzMJtjwXwMXflfET3vr/x49eUVigRWsB85/jKreaDYGmvgSzLSg==","signatures":[{"sig":"MEQCIHzhsAMtfWv+adOD/U18UPY+SChG4AfAII8qeCi4abqjAiBLY9fAhzRp3G2J+dO+e6UHWdmJ0uQTsS+Em0T4uyTo9Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7S4dCRA9TVsSAnZWagAAp2UP/RY8n2Qf/ntSOxYimTPi\nO83v3kmW213G4R2PdEbURbLGtgLiWWPq2ciz6ifTz9VI1lSlyuwp0rwziq1s\nE+FvRVwHzB/D/pN0i1GbqV7XWpKqrv7aHCJLTF8qaPVvXmwGgiFrI4AQxCyB\nv4mbP5Bb5kmBc0aP0kFzFVEC6gK/Qnj+lS4OsYtKXarsCnc/SNESEe7MQv9T\nZVzGGHelwD1kbEXiQQK0MnkHsenZwg04WgGhgzLGwOkNPt7eKvgQJyCxIPsB\ni9GpAgn6bWJe7i3YU7tU8teQ5ePmm+vQ4VPecdUFelVeGFqUkTVQv5/lLbOY\nnqNlQ0olr+X4ba6jcTUo8bLrlpcIPc5dH3DeEP/sQ/0LialS2QwFT1VTn9rB\n9KQp6ML4WyuJK5eRgcE47n5Y4zKYvRCpWaKpjXZMSRSWVT3Lns0H2F0dLc0A\njyHFedPMPSYCd4kZi7/B0ibinwxXvYu6S+BUWjR83yinr7hAkvr8vRLeWA8f\n8/Ub9x2m/KxUnCcw1ZL0Euo1l8R0kWpMIrunQ/Zp6Jd+aN5ObdqWB5b7o4xj\nxOz0oOaRiYw/WMmbagY4QZgzi45Dl5qCSUsrXYE+p7mMMSk+tpFZVX9cnR+M\ne4HkyEGJof0jM5eWtJ+RcRvV3SJxSvi9U4czpABhqX7LQGDlYWq0xFXBtOmc\n8pen\r\n=baag\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e972042c8ae08ecc8469492707d55d647e3495e6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.3f342e721.0_1592602141345_0.8297486124203488","host":"s3://npm-registry-packages"}},"7.0.0-canary.ff89457cc.0":{"name":"@material/animation","version":"7.0.0-canary.ff89457cc.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.ff89457cc.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3500e91ad708ac8ef0b1eb9ccea41232ad90713f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.ff89457cc.0.tgz","fileCount":22,"integrity":"sha512-6YmeTdWFH4a0DkWPfQearDDUL8nOBc2dbHJ68tH8cZclgN+TNcocQRPs1GWPFwKJQ3/DHM1BGgspjVBlqqwU3w==","signatures":[{"sig":"MEUCIQCe0Ac9LmxU8Hhl3tqRmIa2t4vtUFhXRLo2WM+WnuPV2wIgDXtcMnT72Ops8edhABtJqK8v2JNCQqJs7i4FSLllBUM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7S5xCRA9TVsSAnZWagAABi8P/j7mLrEChPz6UOgA6qeB\ntobT4dvisvQd3C08AtdD2N7+mdbThKQ+5MzMA7i7+z238YZQxlQpVGMYPonu\ngZ3fhGAt8yUXj7FuElS3/ZUzWd/dHUPsJ1E1+7vTDYLNE1PoycDoZZjZFdBd\nP4O8ZJ8cnwExxyWWX9FZ99tvWCzRsrhiSbngfhnb4xmi9D6iS+XfDUkOUoK/\nkd7cvPpiGrZ+GfFnNnUQLWpcvNLuSc9Oe0u8vS6V/iwGy2XQKdSMY5d2Js4y\nFrutsiJEr/Gs1XOAdY0MGAzLK8SVYE2hvDz/SGLjrXfkEcUogl1KPjeOdub3\nQ9zKR30SdWXj3NNo69PK5m2XfS/42xZSIKr9PMzY2qXEf+vwIKXeTbkxclD4\nuMicErt1HGGDdI8r5lhTIVniPIcNjT0vcCBex1bEDRQinEUDPa+jsQlhZIOc\nGqaRjJjPzcY5XrXU4U6PGkq09XGOb4pbsJfd0C+04W59Nc0/iKzmbgm9sSBw\n4cWDQEvvjWXogEmVmuJsoTodDf3l9T5oC15+XFFYZ8jqE5zkHpAdgA0hxHcD\n8Pv5OR7h2dl4mIgV8qj99B6ayA7DqTwuNqtA1aIWhYCp9WUpUyy8ENkxDzxX\nr9FpB94s8/dEAlZwbWqy/HwdiOxKHuz9Fzq0w/Hye35qWt+iSJe+00AFTQK2\nl3s7\r\n=cjeT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"1a3ec64383e8afdd818b5edfb74f32f6acebd044","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.ff89457cc.0_1592602224910_0.729371528746497","host":"s3://npm-registry-packages"}},"7.0.0-canary.4a1855cf8.0":{"name":"@material/animation","version":"7.0.0-canary.4a1855cf8.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.4a1855cf8.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ce0272de2136986cc12bc23e6af6f73fca9262a6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.4a1855cf8.0.tgz","fileCount":22,"integrity":"sha512-rDoaQ4TNT+JIUVh2vExJTuye9jy2cRe3Cq0if0K3I3BgrpJgbogSe0oRg0thrZYfyu7bb2HFKByGBAEwmTzoug==","signatures":[{"sig":"MEYCIQDUz30Nt/NJn/Cz3BAkYpfjecqp/zNGo2cqUUWMZAbFIwIhAPUr5YfTsGW0pFx+k9MzicG4XldbGJ4esxK/39QuoCe5","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7S8YCRA9TVsSAnZWagAAo94P/iQJ+vSPbApW69GdHrg3\nVaGzr9SD8KhB/oD4v/+quh5R+iUWLelEpUPRbrTJqtHNH48XAR/2gvWAtFAk\n1CFHcxB00YlTXoLtuxYZUr2cAkkRAvJpvrFoamiXmJbcqneTIzVdol0kHiPh\n+n5dzMaSPa5qyCzkbycOjHwl/0P8srGCS8Hu1JWBTGZHMy5PE/7G02Efqrgz\nxJp1B/9CEocLu/M8a35bd5cUOKMkcQf8/fHN3EX2XnfVe4efJ86dsTCWHeVb\nw4S7rPEPcqlOq62QyQLPcS722sTaVr6vqXts4d+sf2OcA5yLwUZQ7W0q2pAF\n9mYChEFviCMYqcqHwR6B5c8sV6fXCEWDO/xS6i449G1LF9cLv33z2vathYhM\n+mPGp8/0oVUlbaTqdVfkSDXSujccC/Wdtp+WpW9nJiSqpo94qZgQfOLlQFAp\nsQH8kHB5DZM/e9Au1R8jeLW3MzR2W0DJPCLloFxAVrkkhSp2lU7JV+5Y091B\nFUEBGhpZyyMgAk1ZNZsNdfLSer9eccOHKxFbgozyNpWhNv2017fQkac7biz7\n9l1U+QCbFSSImp5R1sfmPaiARPzeEdOtdB4/ZsZ5XSn23Ung5M6Snp4t6+NA\npRIi3Vn/y5UmBe1VpliTR6y+e+S/OrCYqqhXViVoFbFuDLyNUICNokbVVKhS\nSLoG\r\n=m++p\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"eaeac5e820cdb30fcedba281da8c2c4a846f0e73","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.4a1855cf8.0_1592602391452_0.8304575849041911","host":"s3://npm-registry-packages"}},"7.0.0-canary.8602f1b4d.0":{"name":"@material/animation","version":"7.0.0-canary.8602f1b4d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.8602f1b4d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"19786b14b608205621633bc5e60112cb838f34f3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.8602f1b4d.0.tgz","fileCount":22,"integrity":"sha512-LP3c49KCuroU9MMjrnFHnUdyu/FQevfz3qVbUuprWwBH7KmD53aUX/pRh0Btx+xXibW9raqwUmuH7g/EFtGP9A==","signatures":[{"sig":"MEUCIQDW4p1pGZ6J/tzUu2jaw8qPqgbR9zs+2JLx3cXky/jhVgIgdxuCdA0RsiiGMQe9KmmX7BEM5I0LggfybX6XTER2cS4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8OjfCRA9TVsSAnZWagAAv6oP/1ELyvu2/3aYv46Wcnpd\nTxNLOj3OhxsrkKXkANljFjYdMsHp293sK9nPQYF7P3YMUEtlYDCGmMzICLMu\nHOUWjjh6B1+XjWaiHBHqJcudG+/fiup7aabtvpeqJBSbLQwwKt5o3mXRR/3s\nNbJQRxElW4kdx+8AbMGbjjBIm1G21DextYCR/RXGy1F0aBmThkFHpm9w3hi3\nPZjDQULkc0RsXvZmqczGASm7Upx+edJpO8zem+xBFSIa82lwcG6xmEL9f9wB\nMjpycCWYqJ4pDJ6S3jhogI1HPRhbipKbmA8CJRsONQd/Rr5mF5QkvJHT1H0f\nLiPEmC47pR0plvx6H6T8gNhSG+2caXKCrzu4hkxfgOSSwetCWgEY1bp9Pb6R\nhP3Y+OucqRFWSoSDUzYPQi3iyByQ3RclwL7vLW+hcySSrwaa4qJFBeBSZ2iM\na4SmnR4M9gWpFPNOSnPSaRXBePACpzXVBBq+YgQ2NjiJYn575eDF8faCafVL\nzURhA/u8oB1xsris389b72ZNl+OGT1E4YZmkLMYrCI/7aVfGCOeFTyR8EIa4\ndN7bX+guf2gzXIEp3/+TeYWcdUBlNOqpzfi4bugmDUAdz3mlmx2YN+4rxp+f\nuw0sl/UFUn+P0birhWmS/O2/gde/cMl0rEJIFJjKRexifuaZp+w/Z8sboEe9\nRpp/\r\n=X7rC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"07f6372c5a2f6f8add971db62aba74793d912f70","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.8602f1b4d.0_1592846559254_0.8341347696870645","host":"s3://npm-registry-packages"}},"7.0.0-canary.69f9f0982.0":{"name":"@material/animation","version":"7.0.0-canary.69f9f0982.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.69f9f0982.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b9b629bceb6887848c5965d65cda819fd958ac27","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.69f9f0982.0.tgz","fileCount":22,"integrity":"sha512-DHcHpdPHGOTEcnbjz+MRDb9qhzhu+I6tcqrJGlKT3VmBznK5bcsmA/1qVuDlUHbp2/zA7utnjg+Fkw3xF5OXZQ==","signatures":[{"sig":"MEQCID1D5gF4syI1CXFwhEWACW8KiNiyRcOp/feZhvyA5ytnAiAy5KCTPtVJ33ctrJGvi0SaGk8EFGv8i8fpRlaMnWjlNQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8R77CRA9TVsSAnZWagAAIDkP/RIwJjgYhrz682QhjJFN\ngYDOC4NBt3ru7r3+bExsCLID0iiKc5FDjYt4AbgWet2T06X2fY1/XxWDD9vN\nDkJJDPZ7WSWv5cROZuOYE0kO1hApLwL245FuaZjNFZM31I1WSv7XQZMtDjmI\nUR/4E4WxuoIbCeoePRGQpLbM/ajQOTzV+OUiUg3NpcmAxF+OlNTp9p1Et2Hx\nSKuAAxdNcMscKeirEr9hOokNmPWsmDY3aZ+qhVqB/60m7G6g5RUhzEh0qPuO\nxe1Hm7gjIT5NSqtJs1Cugi1ACT7C5fAqMYZqgyU/Z/xAaRmitJtTlKXfLP2z\nN1FKVR7BuJsrAcZf/s1eTgHXuB5PV7oxIQ1oKbXxtCGEISQZygJHStelomPc\n53B8J5700WX1gQmtJ9p70yPGgdK8oR3yViOFmvWq8ike8bAafOddTWhmJBp5\n5zubtMSK8SEBXHik+EdNgK1MWrxx9czF/nFwRL68Zpq0/A3wUcopHdPVgjB2\nTiEs4t266hND9etnjvW2gBKlVw1D0ILimjLlRS3tJNN4rHBSfpJYVN9TOXjY\nBaO6+UUj804mhUxI4UPH++qHqGY2lV1nM1scfC+JtSvsdYpIbOkcbrFUzS3t\ndtpplskXxo+lrGYLeqabCMWGOTf9dOkll8ws7e20RLqLtv4/VcB0IOgPvHmB\nZSYh\r\n=fXEb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"3aa0430a8c5f21a2aa9f3d54afe07b1c1b1cac09","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.69f9f0982.0_1592860410675_0.4058611243320296","host":"s3://npm-registry-packages"}},"7.0.0-canary.369a293f0.0":{"name":"@material/animation","version":"7.0.0-canary.369a293f0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.369a293f0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"50ba22bdea841e8775df3ac3213eee07da6518ce","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.369a293f0.0.tgz","fileCount":22,"integrity":"sha512-lGGvsbM4wy5f4eCEYcGN1nUZUcNO1LUkSP9g1gBGKsFG32K6e0mbL3hPVG+9P8EICZa7XyNjEHN3gbBiCNV27w==","signatures":[{"sig":"MEUCIQCj+RFP1qnX9ImCgYkwQzYg5CX03ikxwmqw53l1guuHBQIgAmkOfHDgDOSp0h0SQEj8MPHpykHbEaJ/eu9K7/emros=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8R98CRA9TVsSAnZWagAAx8QP/2mo2D636sxyUHQactub\nWqJN6fil7O4qmM9F5becBVKqDIoASY4cmz+5Mjqgts1s+cMzkUYdzpRsr+q8\n3KIOaIQsohD3YCPnsDjmFAwVb7qDONuBsjrSIn9ZI8EScYOHF/uTIpl9nCKs\ny7Pn6h8KjPudmD+Hnpg5EiAz3F4soChXruhKLLVwxEYT4wHURARUTIA4whIW\nHWSva6krsjDXPzpkOxRf8yfnwdMM1fBexfQcE+R3IgcPZFplwQC0tDJWFtIX\n+im4wzbDm/Be2teu8uUiM6Na6HTP9WnHH/VAjO/V4nTt2Hp4MKIkatpqVUG7\nlv6xRX0ExeAdjow4oprfE39L1oJdT1hMt5LnMH8FmvV8tw4rJ5Lid6Pr2PnZ\n4toug5gLp9iAwJZ8jDEUaxRIzqFX5oLl2dOaSmLskPZR8jar1Tg+ie2AMlre\nVtMA0Ju1NMf+d3T0PO7OofgMF9SSJvHoKoYtukuOx8HCWEWYFsGS2GAcUEqW\nTks4A88gT1yxlNvBctT/cirnzjbzs5S3h32FaeH3D633iuG07X3+1+hwBvBY\ntB0OeGm6GzmbdkD5xVAZzrsnWAerMZeujUaRvJw9cKSpzTui4RIbHQy46TYn\nt8T4NpdpDxIbCirKQ1+u2N0iDMUIylj7cLvupwZ79B0v7v0pRh2LJrwQV7F7\nE5m7\r\n=VJBH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"4b9943a16a4fab61aaa8f5dad0d4f7aecee862f4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.369a293f0.0_1592860540292_0.45477144043309914","host":"s3://npm-registry-packages"}},"7.0.0-canary.f1432b5c6.0":{"name":"@material/animation","version":"7.0.0-canary.f1432b5c6.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.f1432b5c6.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5a6d23f07e109b6e51ea383a7fbc363c360cae97","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.f1432b5c6.0.tgz","fileCount":22,"integrity":"sha512-/VQCcdIMTuPWh9eFDHgR5wWwsSxDtfB998hhjBwj3EWYiovDAOoA329/z4uflyfPlRrHFBIQaBmo+Fw3FEnHpw==","signatures":[{"sig":"MEUCIDG89eZzApQFHJcfkuw8NmAETA9Bz+zosYFk3n35G1JhAiEAvvTIEWj4oq4pDAsgKzLVWjBtz6d6DRjatblYkkM6vBk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8SGLCRA9TVsSAnZWagAA9CkP/jztxB7T4tFIGN2oIOMw\nJzy+vJqpvQkJkILrBv32u5MF0lY9rVuJFPekglzhgxNpGmrJdpjQpxITqQn2\naBczwSMmQ3EXc1h0cwt0o92CEp+b4VpHmijIWRiqLd8dPhQ6AKW2HQtoZIZn\nRZA7AMdg0Ksz+tITTvXBSjPcni5G6m+iaPchAxKnu6BgCYF/13G4nNwHHgEh\n9wx74E/oZohkqmOLxf6zyHmnlwl0o2/XH5P+cjiaiVju9sB0UpgOR4+m/U88\n5RU6O0x9bxJP8sLWkT14xvidlOwJuMZGKF1SRq7J5emmmiuviL/J8ZDwV6p1\nMSPxioE7Eomp8qJd6lWqvpGne4txaP/EhqcmJjBXJ4M+icIcOfRmiDDWeu7U\neESeLcLF8Op/inyT2oxHrTNedtqQThEGKZsWYO+DqiDK7OfTjC+Bo9ys5UnI\nkvBsquhJ2Jlip8tHs7GMG6bvyBBju8hDzZzwPZeL4bZyIRoNZ4QRAz8zBzuE\nIXUFWvs5fNDhqY3jF6uIzj/Xz458Ir36wU+wgSda7nxrE8Nfd9s/v5+8nGEm\nMxlDoupMMLO9JzilbZLxxb3+B8CMtG0Z/7iU1lzs/3MboBMJm8kVtigRBh4J\np3ILHPAulArRl76kkEPXgXRg0ZS/TU2YeoPtADvsE1eTWnhxuAg+C6P/FL3t\nJBr+\r\n=egji\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"9987341fcee9f9c549490bf6cf1a6ce57b5a83e4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.f1432b5c6.0_1592861066956_0.23707860607301479","host":"s3://npm-registry-packages"}},"7.0.0-canary.4757a16b4.0":{"name":"@material/animation","version":"7.0.0-canary.4757a16b4.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.4757a16b4.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3bfb82b689f655237c605d3c464891fa0caa86fd","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.4757a16b4.0.tgz","fileCount":22,"integrity":"sha512-R6QSo6N1cG8zRPDC5JVaxZGgPaamRCYwLPlQslFOy7mrEKyfV8cYhMHnISTM2CZiwkqVCk9P7/NR+06Pj1Z4MA==","signatures":[{"sig":"MEYCIQDTUO0iV3nQJVmliyeTY4dKomrI3k0XESrnqANyuPONQgIhAILoqFeyYantcOEDvP2TkGnNj5BTx4p7UTVhxDPRr2ZZ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8SgSCRA9TVsSAnZWagAAbY4P/00Qi5Z9rXcAN/HXyS0Y\nsg85tK/hdRMgdZQeK9fhyvZhBPvcreGSgMYry2h9W59ic5FSstouSN04SDJ9\nY1so0gMbrPnPv/WoJTZbUbsqsZj2VT/TbtzpcOaBIB1sTT9JEYVyPkiLfRVQ\nF2JvVC6BBIW5e9YGY+rn+MQfnL1TBW+MstChUXgxAAREieUUUgNJOETcUIgt\nvkD5imJZYbeRg2g3brnuKl/noEFWwcixHpVALOAbl/v1D6QDZGKVIooVAjuF\n/dwliXgJ4DTuz5qk9hMhlcnfF+fCzdqZVlavF9szAzc17s6S6iGIsswRNhDw\nPS7fVbwIt5kBlQcwxFmq8I/EQ3HE+HVkVXn52WS/Tr2HuVdTDvLcU3gaRjCX\n5ZFoPzlE2cYufTG4qaiwt2yOdCRhi9hjJVzCeuDwAh3aLlaOFXHtEHnHDPzP\naBFXm5YvN+zEep9PWlVYronnyYZQZsb0X1OjJHWiJ2IyTID3/7LPs0zEzdTM\nCNgtOH3iTtwKZW4A612Kdl6TJxY77RhzdWp3z/vy58ellbNXX/CmVar4TFGI\nFL6nb97HhWlFEdY4mVxEfDOGp7sjRguWdnxCYdGvfiTTN/M5LkrxMYI0k/f+\ngk0a7xjIW24xXO7xk2L9MrFkSe73DWfsvsFyQtJClSZvbIDZC1XN1rQ8xVbQ\nXOU5\r\n=UvVI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"50b08262743d25109a9cd3d4c87d82d0631d9c79","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.4757a16b4.0_1592862737411_0.09196480303491583","host":"s3://npm-registry-packages"}},"7.0.0-canary.f8f472762.0":{"name":"@material/animation","version":"7.0.0-canary.f8f472762.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.f8f472762.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9a3d262af7ad6fb34905a0fdd5e5eb5c907f0fc4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.f8f472762.0.tgz","fileCount":22,"integrity":"sha512-rcrkZZlC/2RejFEmSugkfEa7huFnOsV19/OTYEEQyiqW4Rs//xpy58YYx/a+Wvh3Qw97NC0px81ZPxmBTlVM1g==","signatures":[{"sig":"MEUCICTVJqVWe5cOXFHux9I/s1B5gA034fRfnkHcN9z+qKDqAiEArjBlzgrAvboq+2pGoCX+To6nczrxsZc/T35ON5WEbyo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8SkQCRA9TVsSAnZWagAAuMQP/3esJxMJRHnvDEajiRle\nvNHxqyyFx8UGfYiXpd7DZEx6ZBlGGFJRAr//FRomV1XXi81B4tCsmB3UM6I9\nieD3r7+Sz4UwbhRknZIK2XalGYOoBOFIYh03mB2oCTSxTMbZn7dPOHg4YS5+\nwAjvHwAQsCHTchkaDkxhzD2HiF0+3L1n3mloi+FH/im8rmjyFDAH/taqhV4W\nPf/sQfu4BQuDTRcYZbHL8vAojgt1gpMc0/WGPrR/7kxpXC6qxn+1OpkW06P0\nef38+lmlALNLQKNWvdgQWD+Rbn3iYnqNZdREV7Z9d0SvA5+r2nXBX2OPWPa7\n8qN9yV1hHuMB1jnNQru0o1gysRb3eD4Ev2hEV7LtCr6e7CxQC+fafg7HhPPi\nNjS33gqXXVpTmlGIY8KKMrF5hyI2cgfZAZb0oYIV7RfipwMr9dupNqzHkMYl\nAJhLo9kWuwJIb7jIhqEBOyd0AhwHnpVRqpsiBezjT5FEIgTizF2DRmZvyhUy\nGnuTQt3nyKEBKOFHzvwj8XH29XUPyAN3RINgWFejoFxEKnYk854n//BusLh8\nU7hIsMMGSn5sVUOu7qYT8SDq6fNfLZA0Je3vI0BBCT6qOJ5RknEnBwcqyNla\najfq8apIhN91wfaUrZ6TSbg6Afc8OqeupJz/NbdYRLG+eHaka2ya2qRJZmhs\nTMWl\r\n=4GVz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b72e40a4e5c11a670f3423da9ae1ab370f088535","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.f8f472762.0_1592862992458_0.2318058303107582","host":"s3://npm-registry-packages"}},"7.0.0-canary.7e4d55c34.0":{"name":"@material/animation","version":"7.0.0-canary.7e4d55c34.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.7e4d55c34.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5429aa454bb850a71f0d46680e3d13edd6ab4c2a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.7e4d55c34.0.tgz","fileCount":22,"integrity":"sha512-wpIt67zKbctSYhY1UOY9ELr+OOpDCqxSlYvJJFMSvpd5F6fuW/HXyFmLL1aWXiAycE1R399LyYzljAAQhx5EXQ==","signatures":[{"sig":"MEQCIGlKzWKQEltULWkOaO0eIrb+EKBdZYB7TGyGW5ak14LFAiBKeKLLQKC90e+yO/hEQWpWv6wK1NTZsuUYiS6XmWzcGA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8TCMCRA9TVsSAnZWagAAkcUP/3K9MgLmWCDVzlT8/uvA\nY4pVVg/zZ2j9h79H33dSxOWa8u/zQQVMyw53ZoItDa3Y9uNqhF16tDgMObb1\ndeF1+eN3IDB2kbzd0HzKaFz2t+q/kQz90GzIYPnqXcwwsFxEGAnvyrrBsKoI\n49uRYSF/Q20CbLgXHgTikKkussrLmKTY+26G5EvchlLIn+KMOq8Vd0VUj9ST\n3bL4Kg5AV7tQynum3fP5pFUwxZMnp8yfBRq195J7eAfipGmNGzBVUnEhav2O\n+Vfh8mmMcqBw7NPnoTCT9tqP8cTTOGt5mfCkySAy82XfOl450obHZJ8rImeo\nL7Ac+fN3uzbpvVxxF63WPW4VreNc20fl04ZyTugT3OQu6yiIyCjPNlddXObt\nk4zAJjN4T6FlKlDBEYPL5nLQ71tmQw1h7V15WZvuJGQ3IoOT9Xob2fwEq3F4\nVWQwZ83YeVIr+QiVbIQVL2adPxoMTrNJyGrNf1LtyV/c6kcpSJwhW8hNxGo1\nvZHaDfPwqHvtdwdBhUisM16VO0I1jjoHF0hQjRQe7qtn0yGGUlpDkK+KuETY\nfwnp3v2vP0b3NnGfeAbO4G1E9hpFeUhnHL2LOB3D8suhapc8jXq2U+JksS8w\nTcNhf72v40XbtQvI3cSEuZK405lcQOi2ohOJzNGyd6iSTQ4JGTt2Vi4Js2g3\nm5Je\r\n=WXsE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"1dcee78d27cafcaab3b8f265b4f1bea83600563a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.7e4d55c34.0_1592864907808_0.282972976247547","host":"s3://npm-registry-packages"}},"7.0.0-canary.bd1dbc91f.0":{"name":"@material/animation","version":"7.0.0-canary.bd1dbc91f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.bd1dbc91f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"133f2bc1be426b167be6e982951510611ce125a0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.bd1dbc91f.0.tgz","fileCount":22,"integrity":"sha512-Zfza+kxJiMcDj9GCQCn4a/8m2jc+P1QbGEMz3epwE1q2r66oajtw1EAanHOHMe5yddXCGXEyWYn+RhD5+ErD3A==","signatures":[{"sig":"MEYCIQDAw/xpt1bT9EFd5lBVmapw31KPh8EbQwt+tZ4v4g5NMwIhALIRnhEx02Jrp+SVOq001E5/COD+md1h4JKmZ5cnpgAE","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8hE4CRA9TVsSAnZWagAAdwIP/RkxXlXdN9+0NS0nbNqF\n4mB4Mc+h2Y178mPN8OJCbPSryF1XhGphzFm8QDEs7i88Gjebv53is5X+D/do\nO6d80C02PY0xpPzuP22A9QwZxMXHIPLlWh9fh1YjD9D+n6TBtsAjDdUExJU3\niZnuq0q5WsRxjc3cl/sFQT7wC/Rdq1jqF7oGe8SuGYoKCpC93xH2y+yFhjbz\nKNVgVltcC0hGXfFKpyqjl5T8A5NjhFlcKPih0Mo/NVLRiCVwa57nSi8hIYkF\nthYvB+1AOdtc1ND+0hjv7wg6iy9c9pcktQlxkYDEJyyDaDmekkr4y5vOGqqk\nkkTAA616jdXdm8LYhx74IrUcxf0lKrHwYj1C5hJGUEkba5fvLObgX0cQK78J\n1iEc90wqLUqjEzPvja1bO+lYgULhSX4mEXqCA9IlQFTx+qhgLLvQyd2iSZK0\n5UAB2mp6XS46vRN219VMXMb+xvZNjDfRD4MgGb5QYef7+lEWcPzcevwTQbF7\nUmDLMFrvaATjrmI0KEeunEawtP+9Ke+rw9vsv9ipwuDwsK4foL9ykF/3kYhH\n726JHFBwyhZuE1nAmAUsCziv0OgwZyukJOXyzHMndftwIuKkPx4uXJ1r5hvz\nQGbKdRCwW0fALkDTtc+FacsN+xDzgIhCkje0IYqGQmt2eSZYFf5vJhltr5KQ\nX33O\r\n=fUNf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b63b8059c82f418a3f6134124de3ad8bbb08976a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.bd1dbc91f.0_1592922423690_0.9822940249029037","host":"s3://npm-registry-packages"}},"7.0.0-canary.31523bc62.0":{"name":"@material/animation","version":"7.0.0-canary.31523bc62.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.31523bc62.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1ba6093dfaf817e6ec9a4b101463074a11be85e5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.31523bc62.0.tgz","fileCount":22,"integrity":"sha512-wZT7wNV//dSs28SCM5//GrN9yL1aofKdRie1awO2D3UQhL3McppXlrhQwAj6CcKmg6CL3PiDL+fA0H/jTPVMsA==","signatures":[{"sig":"MEUCIQDRol4Ea2zua9Tv579ISxC1vkACXYC6OCzSdXTZ8IIINQIgWqs2qNzdzRmq2z0GUE7BlKk+zqIP2ie6//JGxRyokvI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8hJ0CRA9TVsSAnZWagAA0B0P/2OSnCu/SvH0qrrasdUt\nHHoIeNfO3KTu9vVWxD3OqDwiuwheWFbm/2yDDbHfo9/dEHP6xnUfsj2TMnlO\nhkvLxgSZh285tAmypihGEGg2TdBFslhIzfaPGAuLhVKXDBD8AFz74+9lIN8G\nhKsUoY+1PUm/qoh/GpXPSkYGFLLmbPdrJb0N5dfwNU7Ub8dnph+YQNVH+mkj\nH0SgtT6c2KLCdOFvVvCLajHbNmhlR1sgpmqRdEIKlljJgIBFoUsEs0remQII\n7S/wbBgk9fxO2AAq5sKq87/C2aUC4P5/0g6R1KYbhDld4ET8pCwF6uEtMru9\nQekti7LtCIayygrhtlG4TFzX6/93cVqg9bDkYytGCt2Yxp4eLV34mTwtpVHk\nvEIUGYn3H67ymNiaC0Z48RScX1rpZ75XgaTDGLCnv23HxFuOQq9blj9FlMh4\n8+O3n1Cr53PLx8bU5uJ72zJRZ6a+bjMFZMzsP2gpdscYksthfpV4VR3MjvL3\n1QLJYSdEZVC/Wryq3U+Ytbo3kK+KlfLmvBuyOULttApqPkXSZWj0RTIPIqvo\nvF4/WxB8cX6G5BBXLOkYKkuBqY75CJOs2XUDLSA3P1WZDUVR6rrvoROi8Gj5\nJKMZQw7RcQjH7QCRpbxhuTAxCZH1ywacyMtlRzizWzqR/2w6e4RH6xWu2jjw\ncehE\r\n=X/sm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"035ab4d41a8c444abf721e44192fa6e10bed9f79","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.31523bc62.0_1592922740246_0.7355003987425788","host":"s3://npm-registry-packages"}},"7.0.0-canary.a96b6d4d6.0":{"name":"@material/animation","version":"7.0.0-canary.a96b6d4d6.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.a96b6d4d6.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0f10fff2968d19747e37f41f0ad07af7d445e24d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.a96b6d4d6.0.tgz","fileCount":22,"integrity":"sha512-1oeUJV+r0FI9CjIINsQLv+2v3DnlUwkUZTSeSuerp9IwjhKffH7eDijHVHmvPX4xJ4PEAPSltWvaTu5M+wg4lw==","signatures":[{"sig":"MEUCIGnvN28koJ5h8mWRs69e/+2K6Bfsp0BNrBhdu11IPw0xAiEAvzwAAgUsiRgVk1npvsBfGs9p4xA4hf8v+D1o+/GF7Xs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8hQHCRA9TVsSAnZWagAAShsP/AwlNQDKJIQ0d6UK8GmY\n3r0zl6SHEf8O9JrFGVIbrTn6Po4rbn83g/CX8hpxKxHMZe2xDhLbfKuzmClu\nWbiMvRNNLmvzCwWCiONEaFNM+6aLI7RSnSmsPzHavzc+BQhhKArQaKRvaGq2\ndjR0/xqvip26SVik72wK6tcN3hBlGVF/4b+otcpJf7hL+pLoeeHMqRyEtv1K\n2tgzAyFwuWfnv+vPE8pa2JiCa8+U6SE6PWjMR3rwJJrShIcLO6YwKsUKndBu\njYIJDYY8DNSrDrroMZ8gXOt6xP9wM3Bt+88nKoOpTbi6lQsz7c6guIWDVVoa\ncDP+XiRUGErEkTyeJMR5efs70FGTIvGecUgQ79xHMkHOZayAPczUamPVDG0H\nDESuLpzzfu46Y1ggPNppnWpe8gpZXhevhudtMVjlXpAbJMAOJywY5nzTpqMs\n+sqrCjDac8QZkFb2kJ1nBD3vbaHM2pFFufdgnpc2e5yj2998DzTPHO96uWJq\nFWDj+dKerjuOnjo4R7cVbrRRJN3bLCOHw2Msj95ClHDg95WkBzv/wSfRTOwz\nWP8cwEpLsQWzm/Uj9iSRlaVQPkEaq6wZrdUjun67yiIehcxQx0SNQPgRpA7g\nWlxE72TFI3cT5Ig8lTNyaMdPow2z5GEu933VgiUFr4cCJrSwtuI1LjtFx7aM\nhW+C\r\n=kX+N\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ddfc88933cd9a6210bdfc449fd3fbed391abf4c1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.a96b6d4d6.0_1592923143041_0.9437923766873308","host":"s3://npm-registry-packages"}},"7.0.0-canary.ef3a09533.0":{"name":"@material/animation","version":"7.0.0-canary.ef3a09533.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.ef3a09533.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c745e52e8e9fce213a7ac8ede2d41050be4c4adf","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.ef3a09533.0.tgz","fileCount":22,"integrity":"sha512-pFXunODD5m0xl6NnoxMpS5i3eduhfOLTnJFAFqwMTOoo9PehHZX5fB90tUUVcrN0osf3a1pJxmXuTF5JRsvMHA==","signatures":[{"sig":"MEQCIHfIHUDadbjvDcRKlR/3T40ZZ+VGWb5ItRFeNwS0iViHAiBgk+hWCIHrQWBRpE9E+S7YHjx9UtPPN9rFqNP8tks15A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8hXsCRA9TVsSAnZWagAAXNwP/2Lug7Rs/cWV7sDCv956\ntu98Ikxb7107GhepOkNj4phThbtHQ2fv8e5dct+72KfEVsIa890UDxfIaNYg\ncjjkKi+fpK47zK+XjRAmUzNjkDwWn1bQHqibyO4pcDdN88q4BN4j0GvG0w57\nWgKfOQva6Kb9vk1Bqyf+bLVLunDr91pEo9fCCaHmheW0uSVZH4G8aGCM0XTN\n6IlzlrxBNTBcgKmRfE93HhDDF3rFqyBV7ptvi8XzvV9A0OjIjQ77WyjP27cv\nxl9ji/FmCb1sTw60FILsjHBVfNz2aUzJd8bJLv3EzFTyQW6MZ6R/nz/xSRWR\nIKPoSGCwuraLWQhWjensXvbGHGKtgEVT5sbJ5Uu6RpUjoZ/KTdU7ZbV/GXI5\n1g5iSZj7lKWxpJliCPBXmSmZC+nTLSUXt38xjtBooRlsGmCWWn6sBTH5UsAB\nh1SGOgXw5MVJAsbPjFe6PRpQkuLeewUFq1BXUam7G32CR5bYqbcMP1TRmMVq\n7CtdYHX0Q9jvv8k2a0yXzYHZaSQuAXGRfmTFNLlFFFIuzQuS775nHOs74YWY\nTYK8M1SXa18ZtHweSe/O6YEkOcgvawldZgIj9XIO2I5+a01x4RBzbVBVemcW\nTNNnk/x68dmsioH6dCU67adl1BRHFbQGVZPOsLkueCI+OVKnAGEK+wzxQXlq\n2jS6\r\n=3vy7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2af091492939e0fee42736977683591ffc221f15","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.ef3a09533.0_1592923628029_0.32515911021498645","host":"s3://npm-registry-packages"}},"7.0.0-canary.080965f39.0":{"name":"@material/animation","version":"7.0.0-canary.080965f39.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.080965f39.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fe875f65a4ad517d090cb5566aef4a6b2feeeee9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.080965f39.0.tgz","fileCount":22,"integrity":"sha512-7ompt/9Yo/4uFDfA5mnF39+QwFIKHmvWTKsmcSko+6hE7VtCh9OmmHX8E5Bd7SuH4ot90FSD6AEcB1Sl48NGhw==","signatures":[{"sig":"MEUCIQD6B6a4wCBfItd1vAyMEI2Ew75HRqpDza0i/om6T5z4EgIgX8dUpFfBmK/sx0U8Lhj2hSIxK2nB0tQ6a5acNTIkx+w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8hzVCRA9TVsSAnZWagAAzAwP/ibAa74iEQjB7h+ZOmpO\nRIYWTb9hFenDY3vaftOrJGAypmoNGdSdClTxIxiEFlnLqgr5Z2FKWoSBOcmn\ngATcfcwgGq94tOqqaaSLQOXiDeo+RT8YMV6cPHpWE1AfxgIfR54bCO5uacXR\n6/LV4gWnBMEZm7uQfhOVsw7QQic4nxB5iDs/HzKurb9xthdEaosU6YmK06UB\nB1XezFBxFGbKZHAwYoy+b2vYgsVj0bZn58pkdGSF1crgY2eXrW1VCUVEBGu7\nv5mUqLWFTdgvBgI5EzwUcdBXH/YVPxvxZ9QObty2sjz3K+PRNLj57FLOCioH\n6RDEiiGwZQYWu364a10MvgWVdHTjNFQRymj1/NzTWDUzUSMk/s8Ofsae6NtR\nPdk6tPyMTtCfRkmXa6cFJHFn3RXjKQmrN+KUR9zlKvSNjP0eQV9EzagBZTAg\nXUyD0Lf7SUhhl1OFQ1LI9BQUn4Z9kPNsKivcDfK+RRnw9AVgaKMJSVWO78BX\nf7zvEwI7Mj0dQIQtHxp8DS7dsYNq7JatV02g5gzQR3lld89Gnfu9AxOhrFZl\nA67BbG1ahkA6FmwbhcmpDiqd6UAnYiyZYFKfecpULPaPutFiDC39An1S8+NI\nZxAR7XG8v7DTxGUwynh2+ISnJrwvcnfxy5YiRU0LwVSlRr3AdhP41iQB1cHf\n7S5n\r\n=YcD8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c0d7c5371df46e0114aef4ac9bc2b3aad1377f76","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.080965f39.0_1592925397365_0.2684633853024241","host":"s3://npm-registry-packages"}},"7.0.0-canary.1bd67b65d.0":{"name":"@material/animation","version":"7.0.0-canary.1bd67b65d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.1bd67b65d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"408798f72e66d2fc8cfa87f6c1a844083fc0d896","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.1bd67b65d.0.tgz","fileCount":22,"integrity":"sha512-AREfrf6wjXy8pSjVkKSuuyrxpWF7BZPGgBZSzEt8ColUXQGH4Z0d+BHW7WNK3nUJSPGwfKx4v9QmUZznf+jAPg==","signatures":[{"sig":"MEUCIQCQgrF8FxpNxqDbrK2XDGqEi4BMkAPkRg/92/Bylzz2HwIgPUHOESjc7qlgdDFKqgy5bbb52lm8HWI6rF6I+4zaNS4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8ia3CRA9TVsSAnZWagAA2I8P+gJVb9EOlSg3aLDHXbSp\nb65UVkBsp0Gqmr8vVurZ/2+q2L1ZtkcDZ5y7Zw2YytCSFYx+jbd5Eu0huBjn\nsl5wbfA5sLTvkfSaDPKLcK7iEgGP6qIoaznSpmg+Ci8Tcm62HXxJDuYN4rz7\n7Lmy076wP8rH8tECsW7QJRuO1BcYi4aSx2RJ2YdfDb9q7SuSH9mwXqk7MVed\nQXaITwLaYlTiPuFU8SimpooPWhTtQU5jSOsaiIhkrmlg6DHs27sIifEcGfw5\nD30Kg/w6b47sCu7HGRr64EHJI3QGblWzIzkn/o3Xj8fYPZnx+qrY3pTNBbrA\nt+V8gWN24DUE3lYESrfUY2y9kLsaTPKfTUEZKOEQpMAsYfkFsMTccI21ThZb\nSJXCoLyur6QXWJwqjK8kdlmjBX1oqCi0jBeTtxxkgYuYSyEHs7k7D+LxB/Hf\n1c0jatJpPp4zupW0VoG1LTkqWS8Zi54sMkW3lh3Y+b4qkGk+NQcQv7Cm+zwh\napQkL4Busg48a8F3fWJbD/itB6u54GyCEJDlKNzz4NF5/0NnwWoX8j+eKPOE\nw93JL9a1ALhkQVGfgY40A993Wvws4QFxMntmLRbABehfLMn3Nr8rKeK4pMTP\ntXYWQRShP5LtIGHd4JDvbgH58XdJjGzspqIZXgmv9fiYRNpDzVR/Z5qdJ4+7\n6miK\r\n=aXik\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"dcb3206c3f6c1567eec203025b36bff594d66678","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.1bd67b65d.0_1592927926900_0.7986424127865548","host":"s3://npm-registry-packages"}},"7.0.0-canary.18ca31248.0":{"name":"@material/animation","version":"7.0.0-canary.18ca31248.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.18ca31248.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9df8a7316b35797d2028a0b4f702d60455ba946b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.18ca31248.0.tgz","fileCount":22,"integrity":"sha512-KGKR4y+kCeD2ov0w9oYfcwZ9pshFxooNVWbjRv698SIhnBY4Ka0wPqS2PC7r/8zon/K+GeqafxQD7J3+WkovuA==","signatures":[{"sig":"MEUCIQD50XjCdIWr7p8aCDzDhlRb7HMS62yUR3y5Ae7bjT9RbQIgNEhF/vNTkqiBnlrfg3IUNMvOm0uVDICt4B+h6BDj0C4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8kizCRA9TVsSAnZWagAAPOgP/iwyHPfco+dVnRNqtO46\nxGqsLE8FXJ4CvDw+C1T/f2OViuYCgNKUelcVrVHisqW/HpwW1IaVTxZJyaEK\nWjx4qIMc1iOC+Ot451beA5/R2Vk3CPJQaKzpSVJbzk1V9W0tRyjPU831rHSo\nKzjAWxK1i/NY1x/CcpgBr/HnVNkW0VQYy+YttqGgYjfZN6FQjqLzOC969W9w\np4v0/C9qxnbqPGnvrO9St+bOcdOUnHGDbCbUjMad4gf+vWBW7KXa2moT3ESr\nWI9px/nFNOc/2g0fBJ1J0Rq493tTXexXFxV2+I83dPbGoZcDGeKOrvWfzPE4\n7rvXuT6jZsdEGGMGrYJ+zNSP3iA9wsOQBiF76U3QvOptoIXnDe/nLGR2USrw\nV3J3sfdd7VWCyPkoNG3yFLIaeg1f1ne2KQEj60LXJJLFcwedbX0OdhChCF6p\npRgU2OuDAsh5Jm89gtprQS7xZQAQOlgf5fNRx/fJvlKhTPfx7sSzdrbCWTp/\ncB5J65BYpMIPlkTQuRoBnVC0FVY1pPH9pzoBt2xo1fQ6AhNthfU/3VSraP3U\nlNkfK+1OnmyiyiUGroNzLKkhe9nCJuwKiHMN6YCB79LftAVHIFhP134TY4ar\n0cJ8F3aqvX0FbnZYvLry9W+6AkPAEye0mtZTpGAQLYprAgE6SUXIWE6+K1Mc\n4een\r\n=iiS/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"34a77f9ac5b41ab1f71969d01fde32c58ffc08ae","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.18ca31248.0_1592936626927_0.2204170582342757","host":"s3://npm-registry-packages"}},"7.0.0-canary.39cf00836.0":{"name":"@material/animation","version":"7.0.0-canary.39cf00836.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.39cf00836.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"39f581e901d765db4c443ccc0a70f345badd7174","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.39cf00836.0.tgz","fileCount":22,"integrity":"sha512-2rN6xZDk+zoV8zU+dcPfJaeY3Rffit/HE2ovyqzOUDQ7X1xZbSKiXqH7PqXtrVYw7UqG5p5xNqbNyhRx9nUAIw==","signatures":[{"sig":"MEUCIDYxLt+ZAsJrNBsVjz2pRdJReLRXVHwb5Ta3T7kZDt7ZAiEA2C/C5uncr4kY6pAI9bMyHjaodLjCs9IT2Skq/eth7lQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8k4nCRA9TVsSAnZWagAApWAP/j/7P0ei0PJqYJxs0Wac\nQBh6RoEcIPaWZp7PsR2BpZtXeJ3AKnrhpH2JN7D5O5iM+SisFGUkHLOazn8T\ndEwsRxefwdaUYEIZ221X3lQOiBln7j77wWXuiq/tylG7NorSsOq8tdY4hUiS\nhwzAMT6VbJ/SH9O9PYPKOfA3igaZFOGC4Mj/lFCLkUBY7dTxPqZ/5hlJR3Sf\naNOXfFjTiVK355jViIVT4TKShxXLBooX0xFxE5ji9Qd75GhpKMAwsVSCQzpm\nEa5h8HgQrlAE+PyHACoYtUsCyN4QFBnbTzfitkiSXfnrpVdxBV0wxmMu2xwO\npiYa/fOfUTgHwOdi4swLXdhFUw1kUpPAczNczmxnr6FZ3oGV306+wRwS+jRg\nQ/salcUz+t34vm1rM9zYw4jBFunhsPA/8E5nLXbX4JE1F5g7DErs6WCbbXOC\n/ePdMSGu9MKelsjjE3QWwvz52hUI9uIQ0Xx4gfb2E+L9VMWfJr1q+GcA8aCt\n3W2HuSkVskcxP2cA1qw6uGOvVVKtOe0ApH9EjJGB9ir341J4+0fD0b14HqdY\n37TUWKTLLc3OBEddwI4sd/MkX6Lq+I5LoqlS+cvPIeKQxuUAeZBTgV0Xb4XM\novlmp/aAnJtLo5emZjlMKlSPTOZml7Na3qLXxAAMvn1T3rtzUycG+V7s0kUH\n2DDA\r\n=pV4S\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"490def2a6575f8ae6a6151f024a9af3fed1f5215","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.39cf00836.0_1592938023135_0.8597394936374207","host":"s3://npm-registry-packages"}},"7.0.0-canary.1bfda9e05.0":{"name":"@material/animation","version":"7.0.0-canary.1bfda9e05.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.1bfda9e05.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ccbd9ab8c4010a001cf67b7964e00c7eaa32f458","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.1bfda9e05.0.tgz","fileCount":22,"integrity":"sha512-3ocexNfDO9+qIpKOHPFeHweaPCeQnyQP6wwpsRYzOqcuFY6vtSb/FqypRToQ4+h1Yf2ryMafOPKgVp5AQ/AwyQ==","signatures":[{"sig":"MEQCIFV4P6WqHBkmgReQXF2JjuKfgk66NtgBza2m1wIA2aR5AiAwUoVLljuNYqZX+CCSeLVHQG3KvRG8Vd+ht5EA5Nyelg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8lEMCRA9TVsSAnZWagAAtEwP/jPm3uYxtGCZt8T6JtDj\nITp6ZQqjxQ2b7YlpITHXlYI7JB3I0QVTB/lRhjidCOcfQ3QlZFETPCeoE0wQ\nkp84tY/6T4t8oaHI+oFurbvFQ1G6bQvZ52JIVFkbQV/G6sgtCFszx3YpUPmk\n3o2ZQeR4llCJjCWeuLro1uxS2Y5/Ikcn07zF4MaMRnOAlgi4DkwS3Ay3/rnu\n4ra38dqj/Zg4p95BaChCeAXp0B1GYcGtSUCjMiU82waQXeGlHsPJLvnPtKCI\n66+cDvmIAN0yUSMCnekxB+f1lDb8atuzKDZDm3x+c+EG2igKY3aGJYjjV3ea\n8UhYdTHTrEPDdrF/YzpZyn19tk6gBkvEWKU1DalWagJU9SjGQyMgILk5f+ud\nKS0PXw6Z/tJ+qo70wNtb6ZFoTeXPBw6VMbNaDLVjmtKAKWVNgAIHi3rA/aps\nPXmsQbGwBF2T81eszHGWstAmuIWlc1R9XvESBttcOeiqPgIh2Magm8nRIqIQ\nPqhu9256B4AV2qu/pznq8Z2yju39Rj2b55rUz+zii+7isM71QyO03OxXXi9A\npIhqgNmteGxpUYFc3nI8Zn/e9eXiRgRzVQhXzCFP6/v6rmigkxPLP3OsAdHP\nJuJBgAfmI5fpEkA7ZIwwYPqRqukF4TEstpZ/WjSJSHnIl9xrfJdgim9RZIsO\nkVwZ\r\n=rta2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d858287d263a004329d22036ef43b63b8ec8eb08","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.1bfda9e05.0_1592938763634_0.14721594116270253","host":"s3://npm-registry-packages"}},"7.0.0-canary.08731bd95.0":{"name":"@material/animation","version":"7.0.0-canary.08731bd95.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0-canary.08731bd95.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2ef35468adbf7e62904f0cd468e16d7c7526fd40","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0-canary.08731bd95.0.tgz","fileCount":22,"integrity":"sha512-iopP/TtsvlyvDJJb0tHNmMA4kEul6Js4snkwxNqOlEnni3xn32Lcjtc7HpO4GGQtoNF7ymTiBjPAeY8sSU6mRA==","signatures":[{"sig":"MEQCIFE0N8LQRnjGIJq8apEZ/SXU44QrgaUnMQiN//U+eHlCAiAsB+xl49KYIGF1jPwD5v0SlCxDpbuq444/GLyjwXVEew==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8lGwCRA9TVsSAnZWagAAiJ8P/3JD0trYbX4LHxlyFdJm\nwwpMnjuh30FtxNWMLGAsNojKMCycvDZb4FsqoIuCPy+IRl8dGj57GhzrcJkj\nOPyvcvFSUrxzKQH7otCwCDaTrrerNcXdBscALPzIt/e/C1YKIOT9a2uWiRwk\nQzwj8hlc+WTS5ozOqRnUH1/WtPJwXAx5LCaF0KZ/XmPukvEGGTJ1da2/sv32\n/yzhMrbBk3M8TA0/Fjc19GNXGQiulU8+Z19fh4kOIRDFZLGhDo+s/HJYpCot\ncE7B27Nw7vUjExU4PS5FQF4KmRdIM2evW5cM9cwxXd5pqv32p3M+RnbMv/ak\n+CQ9AK0Hh2YHVNL/l3ulE+M85X4HK/TT/FXN3Jaf0RWFxc9fVNQsk9twOUCr\n09UKyWs1ivgxtKHfLVHkS9gUb/Fh64mlFMpzvQ0hcZoU99/uUAzaBPWZaLwu\npb5dnMKXQ4fIX7+lY/F0832Ec/IPupDzV1BUBXJkhft72R50v9Pu/jOjnxJ5\nWthr4O6lO8Rxb7FFmeznqCFLthKbEn/z73lHkI+At5xDqWyTSOPX0Wz8XztM\nFcoasUQjJGKtYZMId46ZhA49OWgcAk7coM3cwnuKuK2s+AkrQoO7iUna44XQ\nDDp3fEkdCACH5zMfc1D2Bn0N8FiP32LEic7wBwt0oQGszEqE3XKg80ZiQpWh\nFfHk\r\n=7+Om\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"8e24a4ad4b32b05eb883e0de21ddbefd3c8f641a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0-canary.08731bd95.0_1592938927565_0.900914893817852","host":"s3://npm-registry-packages"}},"7.0.0":{"name":"@material/animation","version":"7.0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@7.0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"77758cb2bc02595bf5f97fb1c08ff10bcdbe9fc6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-7.0.0.tgz","fileCount":21,"integrity":"sha512-h0Ge337zBQk8FRin0xnO2fkFkxhidgUhekEtjrDf8F6m39WFr+VTw7hm7MrF1TejW5wdf+V+app7bvRYICMu1A==","signatures":[{"sig":"MEUCIBG4kh86szqxax2xluLjSZW9CkqtVlNZXSv7PNd8peYOAiEAsTzHKLwf98kojLnu6PoTiIRmfQS0Lc+5ucW4EPU7TVs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48320,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8lN+CRA9TVsSAnZWagAADyQP+weVaqNx03ojHmLabX4V\nkfCpceVRILDO9+jrk49kTVnR4AzGj3Nz3uLMSkkCTgFJqzubDh//ePrY/LSo\nD6c0n6ROw60hNu7F7eoC9HuNfCfF1zVUrx0U6VHPzDm4gPlyDGtm9Halrafa\n8gAgkSep+hNi+3TVpLEzKJxcPYw7qWWpTxMfM/PVBHsBwZHBsjz9I7rn6GcI\ny4WdJx7uMBa9zrotYhSbR/AjcfCHEPMfdaosfrsS0N+HWt1DNd1Bd3t1bFqJ\nbNnU9racx1SxaX0YsVWVA4tvS3VuGsJr7Tuh0CKEyG1DVwKujEP17DypbqiQ\nypOafCMhtT5ggxqBOHFJjjoNUmZpkvRrVP14d4jRQlkQhWHnCNhnNnpfwq0P\nkQzvA7n2GFi0GSsQuG8159v58X5/753DH8xH6KxxZI5w7bhJV89Tuf9twP6r\nfjjilR+orY9yrBUkO787jsrDJdjRr0Rfbhb4hruiz6vMaF/55nmkOoJMLAKm\nyxfg+ovf0eXlEDbNoJf0P8YJAiqNI+oZN1CW6OjaMFcnEPm7NmoBno/Z5DbG\n7qgEhrXH+wN1eQ4eDv+cDQtQDleYFYmhU1nQVBsEKvzvqe9aQyDxDn9Mshfo\n0fiIaubdcd4m67Yo/2cyXeqnc+yYrQ9ixLvh4GfxYs8+PTErLf6ZDeAftb1W\nkaWi\r\n=+Z2h\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","gitHead":"a3212b2099765947f2a41d71af2cd95fcbca4b97","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/animation_7.0.0_1592939389723_0.7105884919378584","host":"s3://npm-registry-packages"}},"8.0.0-canary.a3212b209.0":{"name":"@material/animation","version":"8.0.0-canary.a3212b209.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.a3212b209.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cdda5059483db2cc375aaa15909df7f5f75ae8a1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.a3212b209.0.tgz","fileCount":22,"integrity":"sha512-ETTw7o1zRidnBp55dGrDvPCRCln3Ph9Xkfqc6fd0282AlmnnVNogG4iMZ+J/SmIHM1i6c8BFckQecfA3wXcypA==","signatures":[{"sig":"MEUCIQDyuwnlMLsmz+bdYWEiE/V6J4Mcl5ifpsA+/sBmNYRgdQIgHVQ7wn+PmwqAemrx/bCQEhDnt8SqX3+pBfdtxX0OF34=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8lOxCRA9TVsSAnZWagAAt9kP/0HoP5k76dMY5noOE64e\nQ7kMTTqVgoj+QzcPzxpbHYucORnmklYO3WH9YhYaUJpCloeEXN8cYHvtaD1K\nhzwzAFafbwMbQFgUPy3RszTD2OicEVEbgz2o5xjYr7sh8WhNPUgwvgCpWRBq\nL7cS3xFL7khpMtiitLBKEOxvX/+77/SCKrjuEvPuxSHuuX6uVjnPg41TFwgm\nTsjLUkI/cC5Zc22ufqCAokGkUvp01VHbDOayA3SIN1qkCLs9v9duBD1LEhq5\nZch8qvsbKVNQhaXxEyuzR8T1jv2G8FpAt5yX7UIhOjEZWDehVoB9zVNCJe7+\nGfDqgygiMLnDGRyQugsq6SQM4fCTiXM4Q0prylD+Mtpttb2i5FHCQNYlCOXi\nBe9eVn2+SlziGBrOHdoSjjByfx1J/+QyxymUtDmavzQXFfo9s/TSYKtU1zCj\nmm9Cm5Sgs/KEW+xMn73QPQn9Jm56ZHQHgT1tPtkab8XzpZxCK9rKgfOpTI5v\npe7UU7nuXh4jk7conhGQqzKSOPnrphFR6vmHHiQgVswy5tyAz5jPjtxK9h8M\nrrCrH23ByVCcgJAGDVz0NjoyuBPoJ2iG1YjBEDyI6RJTDcwjgLxNWWjrwyFW\nRuu4P3m9Vimhyyg5VXHmLoJwEEIB1JuQQqasZM9w9vgophOs+DyvaWNnxizb\nAsgr\r\n=8S3m\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c48f67451e0470c28a2a044f902a31f9fca577d4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.a3212b209.0_1592939441155_0.5599228380065178","host":"s3://npm-registry-packages"}},"8.0.0-canary.15e81fe98.0":{"name":"@material/animation","version":"8.0.0-canary.15e81fe98.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.15e81fe98.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b1afdcc01ec6c0dc22e8995f4e5cb7731a6998d7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.15e81fe98.0.tgz","fileCount":22,"integrity":"sha512-LKb2WipTDC+jNfFCpXWZD7FXbmA4pK2fhG5vOfez9wq6VqDwsOFcwVqoSv6VZl3IIdAokqJVfGgPWdVPVUke/w==","signatures":[{"sig":"MEYCIQDe3NZaJXq8zWCsvf/KOtdlBGIU5kniCUGyOmpbBCo7zQIhAP0bbG7C7kcnVnUJCqWKrgx562YyrPx8eaBx/qFjpTdl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8lpxCRA9TVsSAnZWagAAHsgQAJNVonnzQizujl9l+HvF\nXUyEajKyhv9bl57qQF5Y4KSKFFUerWMbSWUj/M20akzOuLhFRBEmjRyrU/9b\nbIDFcLN2xia2M4uOjGQz93OnaMwA7omBGwV5msOUGtMaUuLnWV9u2g1hEzLm\nexP1G+6XAdtZJro2wVZW7/RkIfwr3Dm1ko1r4wQMZ8oXi1YshTHBQHQ7eBrg\nvMp9XZ6HDpNX1FYAPxh6qPrGzH8K3OcPtndKZtB1z1O+bpIb27wk3bSPhNWb\np2kGx+Xuma/MmUdHAvNy6cxD7tHHs/a3P57pG/8U5IL2h7/UdUzyarfut5Qd\nY8US50LzVZWcQO8Z//WdIhTYnNvxZ+oMUftQ9WetrnXY+Y1mRdjbPm5IXLTK\nzDsUJ3fPuVK0bj2pxeOuaJW5OnQlTn+zWZljxzJXDMDiRBHhefORMeB9IgAN\ntlM3+7n0iipHNxmoloQvFLtgEiTsJAgn8/4upANEZ1r8LQ1QRIB/8UPLIcmP\n+53i+iVvdm5I80KeLPjRJQosxngUViMQrdKghEsPRlmzKgj2o69HuI2ASGw6\nVqe+3qFL9bPobG5f27YEhX7fzOsC7XNcsJux9SrdItf+NLfHo42FtbPZcjUR\ndvOr+gtbnXD5WAf4W84czCHngKhn8FAeQwxKruiiM4/1Ou9IGTJSIjFsiJC+\ntaIQ\r\n=pcQU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"6c7873baffc445c3cff5a006913ebf1bf53617ac","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.15e81fe98.0_1592941163727_0.569042005365404","host":"s3://npm-registry-packages"}},"8.0.0-canary.004c9d392.0":{"name":"@material/animation","version":"8.0.0-canary.004c9d392.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.004c9d392.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b725c5e57aab903fd133a787183cc71c7ae3e2fa","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.004c9d392.0.tgz","fileCount":22,"integrity":"sha512-C8OKNG6AtnGNdQmYM0DFtg+fA9ObkmAwzQBtZdpREWWnvqE277ggVFQxcT1uT6lEEf1E7qKyZw5ggW/fhVV5/g==","signatures":[{"sig":"MEUCIBgE1GIVnl/6roHDmn2Vu/Wa6GLbky2DkodWT/4gYDTLAiEAk0d1An8n8VILHsSTnPiOnXcma2pJqrOrvt+yzGS7RfQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8ohHCRA9TVsSAnZWagAAr7cQAJfOwxUu8FocJELHtozN\nzbl9VZx7N3jZtFzXMbNA35ZH+mTbxQgLY/CN4SMwRogc1MRtQxvDLy3ZNnbY\nHbjpIIveTbbp71PgWiXGQUni5txprqOXzcbe5cT8iaGDDJ7Scw3Wga6ioRj+\nGrFMrB+qNNtDo+q7MXXX5BtSu80CHWVbmIFwy3F0n9cmQFA5DQKksuRTRDQ7\ngFrQaPrNPhXFgbIWmXzoAArIjsbr9ruEYvf1DLSHctwdaYeBjI0+MaVBTSCg\ngmFweemqpS6UdfYlPSe9qXJVSnQd18IPJZmXk0LFdJdX+kU0tk+JqTE6KBQx\nK9TaT0u8AyoFyMzXAx0baziS5oBGE+m3BASAAC1f05qs66y2dZ/J5Io3emxN\nNUet/8CZwghbabR6Z0K5kEv3ilfrdEcC5bqbNYL5YPyykrQESn1a3A9AYYWW\nuyjhn/3SgisCn1f0nVhzdwMN6/WrmGO3mmxfS07YwxRUDtKluxqSQwvEs1Tx\nT5zmZ5MjA+AgQziKU+tuv1rqWyZU0FsVSpuPnFiX4gxRW0ZzqctgzQFRtZ46\nXJftmlhKmMqHOLLgwuVsVsWJ5OiCAp+RFLrDpdQV01f+0HIPaSS6EuTTzpku\nHCjZU+qnU2NSBm/78gBF6XIf/j9PLfpYtpZ9Jp+JHWYxCweWrFgj9ASk8YSc\n04Pu\r\n=lC9y\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"776ec8815215499686a6c5d2a13543285c30a7ba","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.004c9d392.0_1592952902802_0.7662730181540436","host":"s3://npm-registry-packages"}},"8.0.0-canary.03bde00f5.0":{"name":"@material/animation","version":"8.0.0-canary.03bde00f5.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.03bde00f5.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e73e77abfb9f9d91ed1d34e17cff562a8216a7d5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.03bde00f5.0.tgz","fileCount":22,"integrity":"sha512-9lzd7ryqBsRRL9iwrY/pJ4XVsQq6ht6zUSbue2FeyYC8Y0d77nCrhkiWFhq8QurE254rHqV3TInk7jaTMcjjYA==","signatures":[{"sig":"MEYCIQC402rQRET0zunUprh4ovtEQJOPEtWWPHMpzQaR/c008AIhANnqKakwoSIWwx4nG5bL1OnBrgj3C5xhJUlqQlM+vA/j","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8p6vCRA9TVsSAnZWagAAel4QAJCyipapG8sw10obWD0s\nh+7adChxNybF74bInCmLei8BzGSAetVrL+IGk7qZSsmtJjsbVm6gKtOEhavP\nduanxklyNZlAmYD46ZFtErNnZYsQyhgoRtogJkl2FbR7nh35d0IIGnT7dYD/\nnPC1rj8rBGCGkCZ55BQOpwK5j6GP07pOtDWQLVaWmhZOHB7Fa+0vnEJhWhs3\npE4Ul7gYmWttQc2JW6HESaKGudd5BxGGrquicfjxN7GGIefwpfeS4HP4sjvN\nOoTyPynY4pP6TteGEIzItRFAvxr2t+JZHM++49crs53SqdcYnH5yTT66m8RV\nc4ssyuNEpsViXPMfChgQ6HvfpIQ+rEahnCtzblLoLox/TbJsYjAPPCrblhEs\nCGMMm3VKHiIVmLM9NeW6IekxOMH/OlZ3aEz57vBuy9yuxf+ehson8Q0r6tjH\nNRgxzyrfST5goWmKxERVKracEAEzW0XTYlgU64E5nvUn8BAQ04rBe9GjZQRK\nwKume7I1eCrmTms32HmQicu/ogq2nHLV43OY2OTI+pN2pXRNV3qYBVhmL42A\nQ3MehQvbf1HpyDGUOJh6LZ1KG3QI6ienbzY/SOzjZYwDkSbohgctrKebUdOt\npT/KnG/rytfTXAe4FgxStd8RPz8X7HjmKyawkRbxD+cQlj84XsyKUwtVT8Tn\nrvCB\r\n=B26O\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c3937a4069800a251640cebe987bd7911de089aa","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.03bde00f5.0_1592958638723_0.527072973022167","host":"s3://npm-registry-packages"}},"8.0.0-canary.599b8c319.0":{"name":"@material/animation","version":"8.0.0-canary.599b8c319.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.599b8c319.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"67f8f0d5444bc221e06aa1f5ce97c7c4c57cbe63","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.599b8c319.0.tgz","fileCount":22,"integrity":"sha512-TDPIgODQj9pAw8dXEBveDs674HyM0/clN+NoaFH8bVvyVcsdhktw872ftcjZJVHAG8Di49J7w3KkC0/ea+T3pg==","signatures":[{"sig":"MEUCIDZApNCHS37VgTkf281GR/EnTtg7iMBPacmKuvC/pvHnAiEA7j15oyWG+75rcVV7S4n0PlY7Z8zwe3Lxp/J8aFwuPCU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe82lWCRA9TVsSAnZWagAAVPwP/07b9p6s7c7PI7ySW7zU\n0cQgm3NTQGHbvEwnzG98OByhvWOK3l+MYzAJ9QqB6tDA1qeVMo/de4ERqGoZ\nOqeMfGYKhdp8iyJRxJfSVmcTx6F6vQYC3w/xXAEHSKGlqaYpD9SNxLi7tF1R\nvIZU/bYUqS0aHDb961GYIjran4YOWiVn5JWXcCwCR33LSPDXWbmkEmriM6Lk\nn7flinqDsPFtf01DAhgWa7hyEqL6ajZcFFAg/kcu91cqlKFurgh/5vEJy0Z6\nNTQ7llc/9pwGsYjwDHD0bHi1npVYq1O66yee2IQO0zCRo39Nfr08K1NJ9egW\nMdnUbpPcbSF3Er4yT3E7ABvfTGxlUubn9PulCHOQAU/1Dy5euFZPWNkWhpz8\n8S8E6eYksADtivSFUgO1eKefHNMkKQx+KKtW9w4oLMxMwEHsq3PdSbAqsjGA\n6Hax5CKNNHEAbkHHsN2R8AD2sfDtpZkyQBBcpWEQYmnLI+CyUxqA/56z3MUh\n0ltv1qtvB7prbV20Z/m0kkjNz/VrmtQ90aTIj9R8R9DSpAo7nRIKYehDuq/W\nkOcnzB73tUq5+Ltk3gjRLLL+I4j3A0xsx6hN0n/j8rWpHlZ584KY8CYhMbeJ\nmQb5DPgL07XWWVp8waORSOquCqXHmd9nr9s9zLvIG4xcLhhIZ5wjgHWWkx9/\njEnd\r\n=zEfZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"dc6dee1190cd8d60caae49aba599e9d7072433e6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.599b8c319.0_1593010517676_0.2653194678162918","host":"s3://npm-registry-packages"}},"8.0.0-canary.87e3be418.0":{"name":"@material/animation","version":"8.0.0-canary.87e3be418.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.87e3be418.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c266aefaa62dd575f53ac6d0d2cea99b2f6cc379","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.87e3be418.0.tgz","fileCount":22,"integrity":"sha512-bZsESvAn39J3rrTsFZBr+F0N1WNP/rTp5MwFT1qG0MfPrXxkRQFt4xt4DX+eRVaMB8OBoa3l1WjBG02rCJrv+Q==","signatures":[{"sig":"MEYCIQDSeEQyPZlRrK54alzAt7+EQr2sCSPl+u8Ot2dX/Sq3hQIhANyR1Kaac/vUJOKcP7Y05JPMiZ2d0v1RDyP9NgIau/yL","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe85LWCRA9TVsSAnZWagAASNkP/RSZjFnfS4BvO2ntgqj/\npyB+AfC3KuOikh8SCICpWkcd3812fNe3hIhOf/Z/WZ6L5LZFSR5T3a9+31NI\nGLaLRPtkQIHqjDQlrr+OhjEy1y3n8vvmScNWRfrQ0dgf0g+JkoMNlS/rWAVH\n6qx1szb1FTfsOjRFCcZSxvOfVHO53c2IuqraIYg+X0qXQXr0LzEHP5DUNQD4\nfToRrFxqdY1z1BtE2qBRnBeDTgQAbo8X2ul3ebY/f13J3DO9SCR5HL/CILJW\nk3qlefuIv+rpe2kBqDAxS6lw5KyNM0CuWCvGGtO3KPhrTTdwchwF9xC0K75o\n1kMWIA4Lf0D1MjXMp3vIZGj6ECArHGIu9Eei5i2LhuNt3MXqfGJATx5yRDT0\nAk7xcRPPqhcy4lb/00mYs10okXXVByj4Pz5yevmyeVhZ37BiEP+gKjVOiycx\nwPFcfdr1cZvgHRyXeCx2ZN7VWtLuB/9Diqa14oasA43/59Xw5KNvZmQzeuMH\nCCTxvdVpRVXGUYCrJCvQgvNQmV22pApWP+4wc00QsUKyZ8hj9hbK56/Cs99N\nw3LnaZxy4hJN5HF4rcECkYQg1fg4Hx9AY8nyli21j1F5+9EbXudTDLzQF52Q\nLJKwiKoQK9+wP3+G0ffT88avmQw2AbkuslHFvU0gSwB3CJzrpqBBKUZ8oEMd\nRvGS\r\n=/jBu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"4f20e6e641b48a8ec7f7916b83272bb1322a3663","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.87e3be418.0_1593021141928_0.5852069307380099","host":"s3://npm-registry-packages"}},"8.0.0-canary.035cf2a6f.0":{"name":"@material/animation","version":"8.0.0-canary.035cf2a6f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.035cf2a6f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"36d7cb450158d6bbbdf66f87e4e4f85102bf4f7a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.035cf2a6f.0.tgz","fileCount":22,"integrity":"sha512-KjEJMvmOoOm6GG7636mQsaOinKAkv6yvX+NtXP9sds9kZXcuseZisqWJp4wXasFKapw+kskakEutaGDmQq3ejw==","signatures":[{"sig":"MEYCIQCXUW2wfhHUdYCERWFZBzTiHT+Hf3ijSfe7HpB2RSjOpQIhAJqDBT2C4o5RLlfkHtGPG6OnxUIOuMMVDLyUSlx6oak/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe851uCRA9TVsSAnZWagAA0hYP/Awfon4WPONQn5uvcirF\niymNk4Oj4O9NLPJVv5+vmnOM6ZB9D61Z4AM+ZFXz1iViYd9eABPAO7MMvcmq\nKaSs5m/TZmjnsMNqVAPw3SuekiWoIihb6TJlvPNP78LMuPbld+FZmrC4H+H1\nlXQVaLb16K9Jvyy/F4V2EY0hfsbh0gF8EGBSHcJlD8Gw5DGwAibjCVD/PbZa\nTIgjvW9u+5RMDu5Yoc4HmtbsgFn1FcKtsSoR/uybj8Jx1Ob1tqfu/0Fv6BHG\nrnjPC5qxUhPEr4PSGpMw4h92lpnFmblBfqny4Sc7TeykbQsOF/UGxwpqwhRO\nU094q2cKXkl44e2VWn1glimiJr1TI1Wvf8zNj4mc5dm1ZwY5k9hb6lmDftZK\nrQGVhBYBF9SNidGb7LYJq9VTtnPHkdNR2g561OE6CogDaUC1+vnrcGsRoWEy\nxFs4wjeFRPkdlRHavNbvGiZ8PwMt7L3KzN+tlNtfgGpdXT67i2t04wY4G81r\nwAHrUfdaeksGZP6RofneqHfSgLfNagHs9VyFvlGapn/5phpVpkU28thiwvpP\nDNuf3nwJJ2a3nhrqUSw8KSfwPH71znwSzV3pGBwtfo6stSpdLVSHkKuynfQx\njedpOwGpBFF+v8SCt4Udxo72v92zyL3UiIhdVEipzsxc5JEdQra3SrjQJaI0\nEpjm\r\n=Ar5d\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b41149a9f9767b120dac2367ee34f615761dcf3d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.035cf2a6f.0_1593023854205_0.03630632760538566","host":"s3://npm-registry-packages"}},"8.0.0-canary.2fed2c12f.0":{"name":"@material/animation","version":"8.0.0-canary.2fed2c12f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.2fed2c12f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"74c5372791c7e78bb5c7af652d0c07e21c5677d3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.2fed2c12f.0.tgz","fileCount":22,"integrity":"sha512-BCzm9ZC/k6X02ov5yOWozwc0xGUDEbCL1EKqHJJimSByk0BsxNJkzJZHPC2zUAFacvtsLPXCnPN2yo0ARMVKbw==","signatures":[{"sig":"MEYCIQCYb/bKUxyBMDDEepk272NF00rGbZO8Pw/Cla1tWxR1+gIhAIyqGp8Cj4FwQNUT+JS9stpdMXq+MB9/6/ZfKZtt8n05","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe9QIgCRA9TVsSAnZWagAA0sIP+wXJYANz4gnsb+WNtX70\nBjlxo6LbG7LPEUTuUl2dDGAfH2UZaZomsJ7zXoEhty/8axUqytdw1ApKNTsG\n5iw511BayL0/fslTjAz8XhHWfZQ4MwythoYJqgbYnfj2uIcD/51EnESGR2n0\nDzfKLyAQBPRAhmUrLkhvDyguB6aFkalQBWJtCQ/Pax7RVt8+K0fUVTn0eAxa\nsBXiAt+EVVTnR/mDX/RIlozNi9Vvmhpv9rp3t87q/VmdTRcU3Wrb38p+J0xi\nAurRKORs3n79M5iRo0VX43SkbDM0Z9C6JkrczG9wslltM/bvENB9hU0ze2VM\nxy5mPLE6OKn18zvDe4ocksnMV/3RnGf3iDmKUA+ZwC3FL9lS5ErUGHCC6d40\nICj8HMy03hQkV8tsmiBGVedqN6zldvi+dfTVd+Q2Qa2YF/VEixgQMrUTLfWB\n4EoVYo3BE/fJ/OfXKL+C4mWuzQHFUEntTW4ZWz6Sr9TXNXyytyBlgsvzzPvl\njKggOxxEuyxa0ZkKhfiWqDog1NKDJlkcpXuLNOcMrYnRIM+/8BoJJXqmwNtk\numRobh3s+8Tb1WztKpJJgRurCndWKwadERwY3LyBcPHCfUeuclBeosG2B53w\nt21aBH97yBZGXvdOcITtGMrwZtnuTCxU3OWM9wVWGAdWP+3cjjaSMgwmVwtN\nK20Q\r\n=DP7w\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"9c7b4d7bb8c365a3b1a4408204f63c124455f635","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.2fed2c12f.0_1593115167901_0.9539113522541169","host":"s3://npm-registry-packages"}},"8.0.0-canary.38197b443.0":{"name":"@material/animation","version":"8.0.0-canary.38197b443.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.38197b443.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"84c71ec29e2fd737d16c574189e3228b2f1e4892","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.38197b443.0.tgz","fileCount":22,"integrity":"sha512-E9qRLmXRn3T5CPunQzGdDIdzZiOvbSHwtymnRKAIsbVeZLHJLCf2A0unZGer8+aAazAPhjAdBKRF0z57I0+5dQ==","signatures":[{"sig":"MEUCIFAjOXMIPaPa6DRg8P/pV3Z++ZRbx7CjiI23VTYnIp+hAiEA8AOdKg5OJwcnYRVigrJE6BWqr+gyjGCpY+TozTVmTts=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe9RVjCRA9TVsSAnZWagAAuowP/2VWPxsQolwEv6jXvEYn\nQz9WcHaC7Qm1/IfIzdnN58qI+OlKWOCQzPRX/yBn8+SI7Hv/Jv/H5FOiinJj\nCCKEMzN8blKxub+tNIZELpC9hR8D2HdwSJRKFc0rsQ43LUvUsjwDltOoM0S6\nNcSnDAZfyPFt/ANaFx5CBEm1i6u6v5l4MxVdiSMvz1B3lDKgy/FDaqoMjpGG\nYqUHqpVt3wBvDuwCuPJ/zi1SUtN1DsSAXyJmY1Xw1m3AlpkKTNZ9UE8XKfeb\nUoV0A39QL7oFW83ZOU1l6YXh+4OPNJRM2cBMt0aC8gY4n1b+J+8qcbeImWI3\nt2A5XDUyEPkKsg/xUkD2fYlnY0QOvmaL57Q+sMBwEdiBERfmfpj7CyAGjM0D\nnI9l5YgJI6KHVQ/jLUn+Vqqq3DOT3c/mkwCNiik4dng7zCLEJT4Z3YX6WNpO\nAh/lJkSEtkY/PcUKon34fkXdnmAYMJnXEqyAYHovUaeuQuOex6+baPUB/HMu\nzaQxc1ioH7fYrO2rnb698L65kly0EYFfbGOtFGmnV+WWhW9DHRoJK0RILNxx\nXSPrLgfRLEPQKz+yOwjWAXbPygE8bES9KYX5HfH1SrWNyiXNHGIzp9T8lnfT\nCJ9Ja/YOIFLmm1B3j8Uxr6F6ZKntB7bo0hpdDY6Wupw8qoBYjyl10HsGLUK+\nMGpt\r\n=sRHQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d5e18162ee3d69aeff0d489d4f3f73bb1cad7b1c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.38197b443.0_1593120098936_0.23381690319868542","host":"s3://npm-registry-packages"}},"8.0.0-canary.69a35e80c.0":{"name":"@material/animation","version":"8.0.0-canary.69a35e80c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.69a35e80c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d9204a98419be4b9f1c5e41f5a5cf601e34e50d5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.69a35e80c.0.tgz","fileCount":22,"integrity":"sha512-9+DfOm0BLdDw0HbMewE+Xz7bCLC77X64rvoEaDklDleUTRzVmfCdLOieOCcBnEKPTnbWW5dzZqTPEzmS8wPINg==","signatures":[{"sig":"MEYCIQDRs9+LMQiG95tUMHlOw2mf/ur9l8yJYSiyROQ2SxkC5wIhAKgrEfdTI3pvk0ZAhyVZKk6YU7f5oagSx+l9cKHmWtbq","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe9jJuCRA9TVsSAnZWagAA5DUQAJtzcb5bEOxywbZZKcgR\nhpjXUSZPsFdWbbYf5apfJ2lFu8wLPcVOnX/JVCU2JT9W5w5UcTRBxb+7VZeI\niyKZUXGD7VFJ58gPqKr5z/CJXteEqG7rUYeIDrTvR2Li1awPQ0Kw1ybcd2Mx\nBoKkUCRDwLIIPe8bji9pzB0K8ka7oYfqX+CEIckt0qsuFeDOyv/WciwMtz7q\n1eX6d5RrD0vetrckR1CMvUjy54qm5hdLoJ5cH0ALsJk6UBQ8te/Z/USK+F5P\nFppR3e++13P+LES5yY61QkczvPQkFPQX8/m2sfqqSkwz7Dh8Zp9+Zs+T954G\nQkR8ZtQ4NkkqJdDVP0QHkXQViH613jYp7Ibfm+tV0ubfSo4o93WgabLFRc+7\n0yyCOR699rUJmJ765u2VPSLaz3/CU6DuDituDG6iiQX9XqFv0OrRf9deJ39u\nqBFuDCdtjRPUOZdjvUogzjsLVjrJusH/g96J9DP6Pr0E8AmuNmdsm7HOR90b\nfuuZec0YUpgWC0e7kiI4XtOERQEA7peC8B62OND3DBs2tW3lvUvGbuw2LLUa\nJdqXJmp/w2y5Coan9FUGwcXXGMJK0JOiCYY/ngNPyKb3Awh41mW2r0n8rCdV\nQl+mCS+NuwXU/RQesYjEZeQ43y62XD6yVPDKT1xwDv0nDKQO2tQgaxp9T9yq\n1RNX\r\n=1/ax\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"35bab77d7ad4b820da5ee4944c2cc2b7fe1533ba","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.69a35e80c.0_1593193069832_0.25358566372090685","host":"s3://npm-registry-packages"}},"8.0.0-canary.df7154fb3.0":{"name":"@material/animation","version":"8.0.0-canary.df7154fb3.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.df7154fb3.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d65605f5244809bc4368aaa54bc5f51cfa6ce192","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.df7154fb3.0.tgz","fileCount":22,"integrity":"sha512-cofRKdgWBdqei5NAlFMNyu89jZ3cWjm0vRlZTOyz2qteNu+ftPj8yMPG6saibVmQLz5rN22tf41zPFYOH0TAsg==","signatures":[{"sig":"MEUCIGx3v4YEBEGNSURS79xApIjTVX/8J7wy9x4Y4fawbSTrAiEAksnmwu5m7FA8YvhcwS7lnNdCbWQai1rG7741KEYktfE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe9jtUCRA9TVsSAnZWagAAM70P/iQoi2LBUkWYp99YEOp8\na7CbAvPbaTJzrIytMnI1eZW9cVHiSBtITRCQbx5DmpFu28JYwOPqeAAfrEVv\n0ZukGR9dTIT1Mdz2JAhQPIZ0bPu2Wty3Py3aLXf/lyyky4z3hw01GGkj0tTx\nJ6TYhieOftH0iCCu7BAargEyAW2gg8rb/rbruQNOtqq8uXeYdHhZMuotK/lQ\ncPad3PTerGu2u/mqUxEueTie0BXWWuWuEPSE7i16i6obIXVN+Zx5PbVfEERo\nG2vGdQooyeAj2jGnDCUUZVdCQDrX0AJhPC4AFo2tclTVfqgW/t5wZB5NsG47\nrLQucUY3sfbeB1YZQ1AxSJiQR4SE3XP5jkiyaaWcQJoIcFoAdDLx4WsyWmV6\nfc9rieJYPCzUEGQlgM0XIScjyFLSGmxGiQZZhCItFRORbvgNZlEzlGhb4cMR\n45eUYCnp2kuWtSxmYn15xzwc/K4zBhCwC1km8lI8X1kp7vpUkKVJdKGrbBJQ\nRoIL11Xv2Su5jue0U/pKE9Ot08XNxLjLtLjuOcLHRsepLC/44hJCqhWZhUsj\n9EF5OjEn/juc/5CuxTvSeb+uz3sPUv4st08DDLLvWzzXBbm5L17f0E24NbIu\nGqT96LHhDSRYTZ4TbaYcjiIm0GzNCMGJlLGy747eh3qmH3NHifEmLhLW/CUC\nIXc9\r\n=uc6p\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"9081758d517c13eb6f120c62abd9689f1fa99906","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.df7154fb3.0_1593195347830_0.9620442528930735","host":"s3://npm-registry-packages"}},"8.0.0-canary.d5618602a.0":{"name":"@material/animation","version":"8.0.0-canary.d5618602a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.d5618602a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"784f48e25e2057b5eee6785a7b451d5b1ce9edfc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.d5618602a.0.tgz","fileCount":22,"integrity":"sha512-zGRM13e9JEYbcZ3ZIcYCj6coqxqWNw2IcCZBHMJmuZg1kM8DwJ2z8J/eU1DCGRJYVMjr8CXHWdAkBEbq03Nt1w==","signatures":[{"sig":"MEYCIQD3UcpChGeHTB6fPbIykOGWfCmF6IW+o7em0bkT/iDICwIhAJDNex4JpHQQ3HwlFfUoqouJB9HCyBN4qpcl9stKQPsw","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe9mznCRA9TVsSAnZWagAAUZwQAI9d2T5V+x1yiPnEVaPR\novYOerMuMKYZ+ZgtyLY9KlEHWGbRe3FnbAw/fo75Yj+gOAbJUsaY2hhmDOF9\n+4xCkfgMJD4h3vM2HYCIYFCHTjdqkLWt5380JM186t4p/XXbSbVTbEVMXvB9\njxGZ6L+0+22SHegM8a0h8/lhkFgmiNKcnx+HqvmMIsHsHgSsYiY0PcE2z0Xl\nzbfbKqJSd7p4CYlOrNXe5756yy56BAkdr3snbmq9y/p28RIO8OernqJIWFak\n4lTwGD2YrF8razXz9P1zyA6OoL6Lz3sxhF7KLWCqYjxu1Exhmb0yonIBnEjB\nyx6mBEzCXBekWbKdkoiNKWlUuD0NZCYpFkcbXgHTRC9+EQG/o4WDNakVdrb8\nQYv4RT4ZyUT1QDpXz74K3wvH+1LzWld7EdXa7qwGSNt5zHo+yKZXwi06v6Sh\nQ+uW1gzGnCkf6d4qfbATA6IA89DOvsHzNhQp5g8KtLuOy1405m8W1FsZ6T4c\nvU4PwJUNmhMyto2VqetBd5Xx2C+txGWKJGcrIJUjTfZq8yNA5RbXku6kBCho\nvKca+HR9j4d8JQdb8KZVmQuFQblmDnj2HD5cq4fVisT75dcwHxV0KuE7VM5v\nZMtZPwYHrlOKF2HGjtQw+jaZxCPVkx/ytH9YZij97dcggKLurN0S/kQJWL/+\nK0us\r\n=gyDd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ced8c184e8043c7ac8faa813b76b9661cbe247c2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.d5618602a.0_1593208038812_0.3373492115489991","host":"s3://npm-registry-packages"}},"8.0.0-canary.e590b376b.0":{"name":"@material/animation","version":"8.0.0-canary.e590b376b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.e590b376b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0318153bd0f09d987f7a1eacb4535fbb07d3b049","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.e590b376b.0.tgz","fileCount":22,"integrity":"sha512-AE7DzZVuYuFfEpf6fUIxGKfSSsFmgwXLxbuibRq2ZpOy5I7IwKU1KWYj+RcyTMX9YCcXJ39aEPWkmZSfhdh8og==","signatures":[{"sig":"MEUCIAVW55iq7CW3n+VdEknrmpNt0FhL1jfc7pX6/V+eLkPLAiEA6ZBRfUnEbmfQv54CH1IbZboe1nQj2yQgArhgngLsWpc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe9oM/CRA9TVsSAnZWagAA6W8QAIvn+zSMy5QaADVZqeQQ\n3gzgXlQlTBSRvwcnvrpsJWywj5kP/uNv5ZMsZfAhxbWkRhqFsJ4vCUNDovDl\nlUjHH4ouzm/xCHnD+2dfOIMDyz9bMlOBgzPYS1MRQJNeouqx+z3M/B/iOYvD\nHe2asdcoP0xTrfsA6AipG8tFJrRLQeZgOl0PMdP/jm1YGqiu7ZUAt8RWR6QL\nPlr/Cg3ChpRhWGzjy6oi6JiZDnKrXF/hvIPVCCrBQSWxXwlc8Ew5XhY+NOgW\n2fXj5OV/7c8YiPJx5CUbGY2n8VqbtgqfOriNR4MNwGb5NQ55htJrijrpixdJ\nMEzJJ4zq+0KRegNU+5LN5b5EzcogcL+2t5n39wbhbHgWvblGNoKIBPCi+jji\nIC1DyDZL0deKJhbaNhou5rBshnerXnYqJRLS80mXGQJRbgZf09nB+1FIC/iI\naBcOeGmF0IXiXix9A/NuERC0wfAcbIe2u6rE9YGHnBO7SGzM9pXJsfTm/LEy\n3wKHAt6ZEExPC90SwfKBPxCTgag6/bVBba7yaDJrssNcyB2CPQ7qOMGDyiSx\nFKN+9te+1kL1CvSGYiljAwwIdhDGvBEYeyqQ54zpKeEg62bNtdCSxe4ND2kE\nkg26R5yaZaBKWkFvk6cxC6YtoHiwhGrQge4upD7tHcW3f7QencK8KC3G6gpG\nskMh\r\n=fYkl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"0ddfb390b804034a98ec0b8e7741dd3f3250b5ab","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.e590b376b.0_1593213758999_0.1733443050010266","host":"s3://npm-registry-packages"}},"8.0.0-canary.0c9d6bd2d.0":{"name":"@material/animation","version":"8.0.0-canary.0c9d6bd2d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.0c9d6bd2d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"63b283347bf44f1098d9ef5d4caf328ecceb843f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.0c9d6bd2d.0.tgz","fileCount":22,"integrity":"sha512-f0BtdAInfWQ6j8axF+KWqOmZteF/LrpdWE7vRv0QpHI+HYD3Rp8YxRhBKx168zB0WCePflmOhXdDTbwByfm7fw==","signatures":[{"sig":"MEUCIQD6vCjOXJuTsjAEIqW1GkOMWfIbwWvHP6550bRHZAn/pQIgaUDlPEz+EYZNiS9kdAWWC0CpNYPRRr78YABOdSbdbOI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe+iFyCRA9TVsSAnZWagAAQgMP/A9ro6UdjXuss7puAg/U\nMNNipHm+MyHW2M/TexpIxo11MGrw+gmds6Tt2VnRjLjfOMIZcK0rjObh4RBf\neaAWxOM3LeXhfSawBEO1blSlqADTVR3KD9QxQDpkHUh5WnBVeBa5c4OnzUlk\nqDl/YItT4r6u5UF6WFSN4zsuILfv8rueKibcPK+fkuxQGXREMUy36jo5Se77\nF8Wmxnq3XevTYBe85+7slYQTSzkbI1KVD2nka0Jd9PFqgsZVZ+n8fwOzhpM8\nQ+S0/pgm+lDyt0NyH2yd1xYzMpOSmD8xbKI/F71ozNLA86JMO/mo4TB+RRCK\niXcHUlHY1Zx+9i8XPcWaQzNAMXGpMvFYsnqPX7OKjPNW8xSkXRDUV0ZpC8X7\nVPPaHUSVMeKoXk3VycSzFKZFDsCDxBSF+pfAv5bJKIdq9/pZIzE7lCK+mCYl\nDI7580DHIRsYu6Pl266xTaw2e+tfOeMOmi8kMOTCrzS0agyFN0h2RPldyKx7\nDWr8eLHRVR0l3O4xP/nnTbFKP1UTFa1ZD5WgUFyLMQTS3cNAPE5DVxlePQhw\nVs6ZoWjRb6aMBDz+e7FRtXgnXxsOkFpJl2U5ICC6vOkr5wnWpjSMxz3PwvgD\naxA7sAhrQEJeCwZm6urAhLInE3CTjQXo8h5sR/liSJOBosz+KCFFu0JVqcKO\nfoiw\r\n=Opk+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"4f171433da859f637823aa04bc12d72783771f90","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.0c9d6bd2d.0_1593450865491_0.11930900506112407","host":"s3://npm-registry-packages"}},"8.0.0-canary.c1fec4246.0":{"name":"@material/animation","version":"8.0.0-canary.c1fec4246.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.c1fec4246.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"06829cd9e6696bc7e9c4304525cd2791f1101467","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.c1fec4246.0.tgz","fileCount":22,"integrity":"sha512-faaRg0zwTMDPbevQge5AwB/MM60PpZlPbcWPNPW1gc+m6kwSZ8oGkvo+i5PFWtxcVhB/LTBTYu0tUpWEswB9WQ==","signatures":[{"sig":"MEQCICUh487DLD59ADVXUqorvLRjIrInvLts9U+nnEAI7rPPAiA3jaB4FG/y3307/A/isDHV9R0pH3cvR7vSvOB/UecKNQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe+iT7CRA9TVsSAnZWagAAMdwP/AyDSozR8W3VBiIAWJ5g\n4aCDc1gdv1HqOvsxA/+rxMhokwUJd4mY4wji8jnI7kR2kry/dYxhSRfhwMOA\nv02EkO5mT6Nv1B4OCf0t7NHcnAWAWv6YJrGnVVqwKxnX74vdAGeURUUos9Td\ns6atEL3myVnI42BeQTUooa1pr7sxlWNVfTBkwmqZBpzHBXVz1COkJZFBWetI\nkJkm5CwmH1B4W6dXlRqAo+U9Cz/00+qEGqBLErFc8FS9l7Y6oTo0goAShFxX\nNCMSV3sUAaSuo5O4owoDJ4fZ6tBwDimO5Dc3KsPkmhMaIxl1Zg1xQ/k5l1xo\nfEEK/3O56BUzwObvPPYSZnZK6TZ3yDuU+VLpyMVr04mJrDc9339UUvN0VF5d\nOyutDJpS9OA47eeGaDskVrHhxASGbFzn9ymcfNrcOeCgjoPZ4HNhLh04cVpI\n/sXGvAHtl3qVwAiBan2kVWZx6RDiI2urEtiDrIRuGm8RPwYubjg3+XqHB+1P\nFItlqbwYc6h6Klfrrxz5jne3vl3exGAxYh3eElvMhRh46fTHxdYTwVXtPF8F\nEqWGxW0sA0+GH+ENDcSfUj8PBddQcf4F+7dSbc3WrroGODnhv5HJj3B2PHRZ\noE0Di0oh48/dPoGAUCwyWLJD5yIgUaj5Ey2KhwA2bNx1ejJEjXK7K/0T4Wey\nWjcq\r\n=1NG/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"0a588e37208b314f42e946ab4add50d0ad1ebf7c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.c1fec4246.0_1593451771159_0.702100209340661","host":"s3://npm-registry-packages"}},"8.0.0-canary.c678a9d34.0":{"name":"@material/animation","version":"8.0.0-canary.c678a9d34.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.c678a9d34.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"94ae6c852e1c7002676ced3ea8970c0cb3c5cefa","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.c678a9d34.0.tgz","fileCount":22,"integrity":"sha512-1fK4hrw5Aumy0KelPjB8HE+/r6Rqxp3Tagmc4gGkb5pVJDgon9TK0EKh+VaKbgGr7E0PDp+Tk2gVf6fV52MW6A==","signatures":[{"sig":"MEQCIFciya2aAxdQ4HCrR45jD/W6OYcbTlYTwngI7dkrZcXbAiAtSCk0XfP0U/RdjJ92dpqM+2xT+3qbS5+iexQkOLnPlw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe+in2CRA9TVsSAnZWagAAQgIP/3mgwEeHqb3FqXTBsWYV\n2FFPWoJngu+GEOH1nTSi5rQHTDQLL2N4ocuun9uf4Ssv+qc0hyoJvrNANsgM\nPAHUa9/6dbPL+93i8NSGML5KFT5QgBC8maEt4tH0H9bD4yWU2YIdbeHGzjNh\nE5uIIdtoYzaZsdSEWjjgetGn6V2zGi1fkDQF6p/TT2I6rk/DKJ+Uv3xOjxuR\nylkkR5v8RWWbshIPMjeSJVAaVt3TpLxXtQZ49lu8+mE4HTWk718GlVTm6CXv\npB2lqD0vItmosNDRNRZT+KMQvbF4DMTB4F38OKdbazfrqRE652RVP9EnCEUm\nFlytf52G4fISRj4GhQwYyf0PBw/fPHxgbxVtGqAg2T3muNWiW6N23GkpJu2B\nEx8L/IWvjLzsoBnGwMYPbnmcr7QawqNCdv5S4zf6rTDfyW7P04t+4/di9ivs\nwMFlywtBtVL+BTxt9zcuzv/IebMQrq852PB6vPro0sZTf21JUYjzPP+yga2B\noFd8SsGsEJ0eoxFjvOCWb4glhgwn5UBWcjRHt8HiftDClcTk9fnZrLop5wZG\n58nuxQmHtWJkyZrogzGDMrsgjgwczXFPbQy5/+ZyR2lDEqQidBvT/6zmdLsU\nOC6/8gk0YC+otEm7oGG3HFFmiZwQHhtGSAdpUI/6UPfCNmn8PvKZvwQ5XC12\nR/ik\r\n=k1vH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"bc361f7c6bcb498f3a6dbbe6255c06a66b7dea5a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.c678a9d34.0_1593453045911_0.30060142711807725","host":"s3://npm-registry-packages"}},"8.0.0-canary.521afaf6e.0":{"name":"@material/animation","version":"8.0.0-canary.521afaf6e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.521afaf6e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c0a5e9e407cc3cf770cb65c157a4c44156a561c1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.521afaf6e.0.tgz","fileCount":22,"integrity":"sha512-+PS2is8pUbNdSgF/p0YFJS+lDpRKx5HBncf9RKuZ4uOx9KUy1vV9ZcfeuX6jd6PLnWwrv5hS7U6p9H2NiONlsA==","signatures":[{"sig":"MEYCIQCEbaiUQmCxpyWKkgtRKxnfXN8jx4seUG0ve+KOahOWoAIhAIuNk23MV/dj88fIQBJ0hyl1oXCyGkkMxXKEKmF+IO7y","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe+1R6CRA9TVsSAnZWagAAvGUP/29ZanUmSH/U/uQaBHo2\n6jxbiYqjx5PzzXOdyvc/leAt/WTJ4dYgpkfEfyk7PA8ENE6+nGxh0P/9ko3R\n+eHbwtFWaaYAseW7/uwZw2mklTdihUKXLoPRCETE6ea7IiG/apbldJA+VJgj\nIkydl3mSQ/47mlbvPNQpBYb9TWmmbKn3fifY0a3Lx0ft5nSsxiTncsmUw/La\nw6BjSDR5n83Kq05DQ4k0GllkALr5sJhS22S4LPanwm6uPH/f20o+oJ3NeqQz\nPE/8cBE5Y2jlEtSvSSMAFPWxZJf7If/h2nHtP1naXVQr7D1cpFbQCpU4VcXV\nremjrxmv09Xl1t1gRiMaahWv5T93pVNXQtgAil/eyXj4Z9hEx04JokJCNFcy\nJioOkNwhkX0FQ5dKdECmrUbQmJNWf7dQyKeky+m6nRnSgfIVAxhOvnrGXOyz\nDWy3dkUW2skOCH6HhdnbsDnOezcusuJnWRZfcBfsypzpdgLQRWXeY6+0oJ5e\nPPxI8sgX/cgelU/qVOaeGdakiOu/POg/Sp6oxJV2o2j3mYuzd60k8a95W0ui\nfLeFsZ5S9nB07Ovltztus1c5Qn3keWcyyIcYNJ93HhCCiOSQitVsxPbHqdD1\n5htqZkmKJARRnE1DEzU9s6+x5CsZ+Bj9Ke0qGt8qwO3OgjHv9xGppUIyTFLf\n90HR\r\n=X4HD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7ef14e207a6031cf299541a4dd72c2eafba3ef91","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.521afaf6e.0_1593529465995_0.680161332884474","host":"s3://npm-registry-packages"}},"8.0.0-canary.a2ad48839.0":{"name":"@material/animation","version":"8.0.0-canary.a2ad48839.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.a2ad48839.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bc2e3f233239226d61debef43418f16a7d11b251","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.a2ad48839.0.tgz","fileCount":22,"integrity":"sha512-fiTtIOZgMjfeBleLOYUHAAKgYKyk+LHC5YA/fkwAouhxDkH31ajOlQbWhHFAUqdYeBr9ytn/wGMUmreI2ogs4w==","signatures":[{"sig":"MEUCIQC8MoaDoTU7zsZpc3ZMdO7v0Qtx0d6qBkqfxczVb7S6RAIgL20OhCeLOwTLI8jZaFC4h76leFpq7cfdqjECVcSxxNk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe+47VCRA9TVsSAnZWagAA5BsP/3p7rcZYe65ucKiyiq+G\nRQQGj4Pum3Ocu1oslI5PxUGGxvuSizKtJsxww80swaDRAN7C3l7kN6L8aefa\nTTVwES2N4XJBIjzAt4biuK1KcZXi2ik1ZJXdbVMrkpabb5S1Q/xhgBgDQNnq\nKW+ml3rMFHsf7EnNx343jLiYMdtaxihONZ1FZgFDKNZnGnYeloZMp+RWkdS8\ntf8O9xOGdjIK/4FZ7VUQcxibaAjs7OAHd3l0k5hxBvpQL4XH+dRu6X2flp4O\nSytko92t93+/4xQPcBvTtSnLVXlZqQaUyUQ9+/WA4ypWsP73b8YSfgquKM3Q\nCSfwyX2R7KGbb9Ia+RFIMktUwQIneYRuSligXognubSXNbF67dx1iJWQoLL4\necR5f8QsYiawlyubdvgg0hPgERcZ1dXT8Zl1OnCD94r6IGhHZ+6CtPcqRPBw\nA0vxR730V2kwTEnjqE4k9SlVRaRxA/3rT7Yh+1fDLpk1nQHeGA19bCJG7Il0\nqIxTTks/Y2xLs1dYa9IZTKP/T4TuzW7P/kaQ1fZp5jptbyfjN/aqql81NOWs\nrt8wDm3ojMTwukODNPWZSlH0pUXcWDDm58Lur/dKQR7nz1klF7p/Hap0wYtn\nxFiGUDF9kB8/ID2+tfs0gINS0YQUJlQRNcPXl6yTapIC2ik/G1fESWRu2D0n\nh6Jb\r\n=kBB3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f7f949a98e604fd4cce2507e8d63c145d2f34e55","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.a2ad48839.0_1593544404740_0.05007021071062567","host":"s3://npm-registry-packages"}},"8.0.0-canary.ec2385881.0":{"name":"@material/animation","version":"8.0.0-canary.ec2385881.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.ec2385881.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b6837421f5b8b78efe4567dd40da6f955f0af486","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.ec2385881.0.tgz","fileCount":22,"integrity":"sha512-u+uGjj6mkecqhYjaJHynK8IPfVpddQ9MvmOhoXfq8Yuj/ytytsP8KhTn6lVmiKHV6IZEBgQQjhZSiz5C3oVO8w==","signatures":[{"sig":"MEUCIE5Iq5EluvZFBLOPDnODXnHjK1But3w0iOmv8gnBFuBuAiEA+U0EhJIwI0tEje6tFQ03QwLpp2O2WSK8tmTSG2zAkCs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe+7KXCRA9TVsSAnZWagAAVZMP/2m4qgkq7JlhAmDD4ly2\nfI6J5NnvKOBxPkwbHQvOU2FD5dmhMEyOKueqgPd1FfTLNnzmEZeKYFih2732\nM95ly/3bMZamTVeBkpAKBU/iw72JFPibaX5s7QMCvVNDKVQ9TYLpvt5qmXCm\nAICV5c/wXey2ogDpTulTEQFklDWL4mtMEFlwdwqLhwAziIpo/E59hopGDIrB\nSgEszNAJ8GoKNJHV+Wsm6NQRvbRdg6BYCc0N2lNydFzuayHmHhhFLRn7xT3d\nAFcvSqFTJEixuFImeIszJLv9f2qMpnd0q4Streu9mSNZIxEHZRKtsI0Y+ZI8\nFKFidLfJpXbnpCjkd/omqMyEofFGcDrIK3W0HjZvoH9NKu3E0Yj+NeyMzv6J\nDPscIOIJMM44NfrWNr7IVEc0+lxlwXnGdjBJGw28m5T3ooTZKZifxu7Jq2zA\nXT42e70LY6oHSGQZoHnCs6S6xb+l7CRJityrQnMDVMbgsmcSuaf+omIuEAdD\nRSvfH6kacKc/qFiNn78xSvUn+qcqdS/iUnmBMbKVcrFRpUJGuk4zC/J9eb8B\nlxhc0bEk1dHAQxt4GNvdhapgDJz4i7XQ7RPlxCWVxweY0maH6z3nxtXTqCoF\n2yaB+EZRT/NR8cdIzWjpjtsEoRx+vGcBDxZN6TMerED/CEInPJ3ikT3TOqeL\nh3iI\r\n=7CDb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"0039d314b5ff29856a2f17a5ede426f3f01c80bc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.ec2385881.0_1593553558501_0.07026730330870379","host":"s3://npm-registry-packages"}},"8.0.0-canary.610c26c4a.0":{"name":"@material/animation","version":"8.0.0-canary.610c26c4a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.610c26c4a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4dfd11ff2632eff5b28036cc1f55a59d08b13a1e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.610c26c4a.0.tgz","fileCount":22,"integrity":"sha512-01AEHAw0FPP/+2CbQ692czHvblwrx3drxtyObVZ/ee4lcDQMvOT6pd5P3lOFOTWA/Iht9+VQXA+DJtlDocKJjg==","signatures":[{"sig":"MEYCIQDqdx4zgbA1gZy/WMj+ZRVasO0bbG/TBRALh4Q+YyenjgIhAMP+o21ahy/jb6B6+4XIY1EwZYZ82zsKbwUT/au7M3Dz","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe/KPFCRA9TVsSAnZWagAAY50P/1Yiq8C8Ea2hkgqTIoES\nQq8cl362QH+7UqnhDpeYlec1oAP1lKuagpSZ3lQ9u/aVub5vQRLVEid2G7c1\nYkQbuX/1hS9aEoU0QWNgz/qvmXC5sqWByj3k9f2Ranfqu4JVDOvhXrRC2aEE\nj5RkFaWaRIJ/XtIPQ1hhO5ZQ/EKlRAqgGhXygk55RYXJcGkmxQj1bxun1Qy9\nz7rOJC+9a/gmGYYSl8OMFngP3O97a2AGpybpiiIK2GP/CT7SH7HRKaJ2KP5H\n1HoPDpL+Z1CT6jf2pR3VOTAWB9KMbAabUtpVIAcnR9jcxbk4ZOTEHY+HsTtj\nA1z0T1ES/K2QbWmGqBT+U3Oy7QOwzEqGo3/IEoiE5xsjv9n7dYhknJSqtykL\nbHCcv2baOa9O5zxonEbtoVTLeCg2yKMMVCeIbA5u1KN8cxgmVQtkpi084AHq\n58QF0NCQxnF1mWNIeq3eHdu4eqc1M6fX8I+OszVSbS48GDfQL9ys8LKWGdP2\npSvU1Jq4VZgcd00DTrkKeZXgn5LGxxPPDCNmS0YzuHq9vU1nIC7cZN8o52oD\nZcGQky4GqqEVhhsUJpZYhDX2wzfZlgVgczhuHXJP3yZHJCmdFmGj4HlzC34+\nbVO4h3iUPqcqVArKd91WGyHpqteTz94bS5e9NEKGg1vT/hTDLLvvdWKnFQeX\n27ZT\r\n=ty1E\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"84352d6873c8f275f890267635fa416189f57a3a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.610c26c4a.0_1593615301169_0.5731356586454635","host":"s3://npm-registry-packages"}},"8.0.0-canary.e2ea4a99e.0":{"name":"@material/animation","version":"8.0.0-canary.e2ea4a99e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.e2ea4a99e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7df9a0de452e46600795e6b88c4fca942ca9b896","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.e2ea4a99e.0.tgz","fileCount":22,"integrity":"sha512-eIqoduQLMTRnyKu7EhP/D6yBXKu8lyaBpSV8TzpeUSHUTYsiQ6lIiPavb9rBn7cUqjbmgDxDBZWdHJdgzPzpHw==","signatures":[{"sig":"MEUCIQCBjg5e6K4+8328irzXU5tvx2eRLR/XPdJ1ymF5x3S9qAIgPk+RdlQWkDWNsn5RpA9flAsyJeoViCvH62nSol1d62Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe/ONQCRA9TVsSAnZWagAAkpoQAIcYBmiuzT9s4AY5bUhS\nd3uUU726PHkWyhlI/aAWc1kpA3WwiO6QM+7dr66zMT+OStd97K3iH20YJreN\neuxVWI/zrtLF7f7iYtQ+pupE5ykzXx8+AC3AVkdvvG9it92FNKEv2Kwdo30a\n7z9AxX1l+F+BheV6Ua9Ebtq+V3nHTnCoUzSYelNfYqqdzs29BGMPEGn1wq+2\ng/Jw5mJYFHO10RTtA5myucCAzRY+hPx94AixRphuqFn8CbCUPnxC8yzwmiyh\nCjmVXa02nuM1Bg5wgQcBWbFyiOIQRMF5gMmZl/Q9u9mZbZH4UAbH4CHgmMG4\neNlFv6W4EKjfmLvxpt73e43RnjwmCJqcWxQj9M6PWOd+CWGzVx+k0Qe/3YjP\nZ/DI0EknMGr/uva77fTRh8nLqwcpZHSgb3cRM56KvAzbC6ZaTdx+cRw3TUHm\niqgTw+NKcTKQLyXzf9ZcuntEwTc0qTa/LZlh9LYH6GJHQFLTw+VCw/mVQs8A\nJdHgHL/gIqYm4yG2wr3nCjnpvX9NiI9a+ONFCaiFPP4bb2/O3veQgbx/Vai8\n6tzlYU/e7PLVr8moMaNuM4gFl148EEGER7uoCF+lmvtpcLwVIIPESIYvh9qi\nw94Y7D3hEsDtxVehPmHMLsmxq1gVqUAGJfu4x5s2P+sBlP27RA7yCnKwBFD1\n144L\r\n=L928\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"42e9f40d91c643a9770e5a563a204c7f36196a3b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.e2ea4a99e.0_1593631567561_0.4842237733621386","host":"s3://npm-registry-packages"}},"8.0.0-canary.a78ceb112.0":{"name":"@material/animation","version":"8.0.0-canary.a78ceb112.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.a78ceb112.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b7bd0c91f6431f3294224936b7e37827ca2f77ee","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.a78ceb112.0.tgz","fileCount":22,"integrity":"sha512-avnYo5iXt64I5nJfNbiYebtZ8sYcgxbje1JpU0mr58VpgDpSRbQCDoJi+/LPDQiNDr/lU3vUM9MEQaECY8KVzw==","signatures":[{"sig":"MEQCIGzBvND6N+5OH0tVsEyR/a7nDaglzKDrudSVNKMP80JTAiAR7k1JSZm6lIPn2SXZ/+ShCYIbHUVQc1l4NUNnWNZR0g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe/OYWCRA9TVsSAnZWagAAGygQAItJn3i+sPeQbT7HsiZl\nWDnC0zhg21MSEdzqzkMB/btFB/pWS+7YGK502swAVisYIh0MKv4hWRSHC9WM\nQJnEoGuuqO5ofuKnQpRak4opkOCSb97lyF7bF9TL0udd80otUYpzFQ7QYQPn\nzqLdtcpOVbO6bAcLndq11DnAhCr7xawuIwcVUM7GwgaNX0Q7yQybFF1uhJj9\nftMAZbF/bKJGNY0L6d04PcWTErHqKu9Lq51vj2y7rZXVbqHRZXxLQxKXDjAj\nf5gBkELFDG6gPd5qIw14bglASQSxBFWo9TtChMzjxzFj4HJWTuQd9VxffxBN\n9DcZRHKFOHtSh1YmLCu//v3jwFCaheR3sxuMywQI6lS0W9udctijnowxELQo\nVxCQ54eHEHEDqym3vS9z7K3RgXBQ6/+dhDzJapBz+zO0Ge6WnuQbETs+wBX+\nOjx2oiShtxlJ1y/Ai3IVnZETJxNF47oddkmNnJiuuF0tc7OkKMeRTblFNZf5\nPVUuYAGxgDnrFA+87jtXD3N7B/bO2npJvxMAgkQMvhb+/atfaf8XVDyujfPA\nda7sJ0iTF0C1+eia4UlT11nifAwGhh64Ru3gIhgBR8NXgH7iu7NRFsW+pO1N\nQM4WGKRIoMDB9lGv75xCCS4n+PMzYBVza9Xs5b4Sb+W8VicOZHutJZOIILVe\nunOA\r\n=QdRi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"3a38e39f3d172dfa99254185d8b0d4c03dcc61e3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.a78ceb112.0_1593632278281_0.04514288119477605","host":"s3://npm-registry-packages"}},"8.0.0-canary.b0c456d33.0":{"name":"@material/animation","version":"8.0.0-canary.b0c456d33.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.b0c456d33.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"59d44a44278adff69f7b5470d9d08e06cb33a2ae","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.b0c456d33.0.tgz","fileCount":22,"integrity":"sha512-vZc3wARbNpkAj41Q7YvFTOQOlGKwwBJ02U2Nm15U8KNXe8I9dis7vTna1Rtoc2TqitcmMjjQt7l+T70GkwF86A==","signatures":[{"sig":"MEUCIDGaZQR7+qMDCxioJluDiypXMb2WX20Rwyucj/HrCouKAiEAh6PJfEE2SIHYYlzrPQ+VqONUil40y+eQYv+HnwHy1mY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfA6hLCRA9TVsSAnZWagAANGkQAJD8bSUrppBVvhtNqjh7\nihZOZOWKUlt9liBrwQgHC65y3shfYGWSNoRp7Z11+j6EO2F2ZUASdgdvvLFD\nZxS2iK17Z9VycanIldiRmNHPqyoYXIRGr3RP1nzFGbVylEkPS035Lu1yJNz9\nAl/G0PvqRcZ/h1fm6kE9OnLS8yPkReQUZ0N7+wbKeJZSQOWyIrpsUJq6lU3D\n3IW0vkvhV2vcjNZ+SwtZdatVUOLCrxU2XjCxjgXRVSY/nJo+G0wiRITtsN0R\nn9jlFCUHaV5kvs4KCiXSUQ9yYs/0XS9lJbBzhvHv1y1xARGRzRZ1Kl6C44zb\nKu6TUlONWRZC7NqlKY0BUBwq14tO5QA+Nof9/QClsUhBquzP+u9vfCVwMZcG\nS5RJbIwgsvelNB8ysHLQ0dV6kDguzpsMkVwZ43ILlf329wxZEtr4eATaR9k0\nuqfRNeJdIkgNamFSJme/qhrhKCzCK0x66aZYNHhWU0fe4EhvdZI5hrb10ugI\n7W4tYkVcg+m3IXTr9WGVqhKL2HTyED+9j8655GhcCmgeiYV0WP5ONqSBVDWo\no9yo2J082A96zDGEqJ9qKGAMSa2v1fh4Ks1961A259o83JjRsd6cMJVECJ0w\n85twdhbSYNnnW0Vd7nALQbgq1/Wen6PodPMH8bhgghpTF3a+cowYyDzzWYbD\n2mYf\r\n=nYfj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c9a540f1489e069a2e5cd262f5daabc034039d2a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.b0c456d33.0_1594075210668_0.8315942011890209","host":"s3://npm-registry-packages"}},"8.0.0-canary.2e5711e04.0":{"name":"@material/animation","version":"8.0.0-canary.2e5711e04.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.2e5711e04.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"62276ade2d808bb676be6a160f0701b96dfa3118","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.2e5711e04.0.tgz","fileCount":22,"integrity":"sha512-qvehfi8jPnWx6DOy0ff6Vn1LwfYkgerpESN5rYUkImfRu8TF0BdvyqyRyxC0nA/cqC8G3Ig/nFBi8UWA+dMXQw==","signatures":[{"sig":"MEQCIBMKqTBFzoW+64tKoDD4hlW47ziYipP93BWMofRUcICnAiBLB7rSxru05gNhGIjHDFgoA5iiCUkhEYBESCOse7tCgA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfBfiFCRA9TVsSAnZWagAAKc8P/13XkJORhl0EWIC1a8vu\nwF4hOfFgotmtRUIDdxtBfheL8/DdeQvthk8BUf4piP9V7DsCOICPMCNOKiOk\nyt4qmZOkvJ1Uka57hP0uBuC7PsEnkq7rp88laTAkaSl0GVMWO0RtcafHUsAP\nGNp/pP5KOBLExAenOpt+ZMcL3I9yxEuoPk6gNZ99WxbJCK51Bpl0uulcgfaO\nhxu19m46cALnG84h7RshiWGc9MBRh3g+1jjTF32iGtltVnDDZgaiyPbpF/H4\nFI0RBvo/glYzkXG4UPJQQE89TsrrMfykiJsDBpqPoG+Z/Vp7dbyy8SdpoqHS\ngJpdm3TOcMHK+UWsPBLHAh5UZXiIOsOm23wR9Mw9kqNHTuICVAQxcmSbbbkM\nDt9qWpBOYYvdN9wF82tRBxgnMs5VkBKIbfJH5X34rTDoNZ3OSZoTZiLtQdpV\nqvZd1pPyWbfPcSXg1uZt6NhHa3kEFibYOpMym1GiXDwkGu6sFsdYygUT1T7c\nz5Msfk60t7LH0SWbfq+ZjucQ731Gm2UAX4JE2qmoXhJMyERL9spMiQNFLMVq\ndCf19JaG2DIUrMPjz6R6ox8diG9YKU3y+NqOC1wnRSK/98s6PKkxKiBHBhBP\nHR05vCfzJdABmFZLIL+JsnQF8Zh1fJxzAwoXlWrLYghdssHgNJg5K4r0plHo\nNmsq\r\n=ogRM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"4786b99e99bbd4c7b7f10a9111b884c165f1bc7d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.2e5711e04.0_1594226820468_0.7890424274268892","host":"s3://npm-registry-packages"}},"8.0.0-canary.811fc5d24.0":{"name":"@material/animation","version":"8.0.0-canary.811fc5d24.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.811fc5d24.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e04b8735561fbdeb1f9f4461ee1e8f56b91b4d16","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.811fc5d24.0.tgz","fileCount":22,"integrity":"sha512-eEIedEO8RiaU2TNH+YVvQUQbaFhpPja77jutQxCa/RGEIrh1Bqz1lRk4QBt/aYow1j6NW/2sY3TDLYNCGJyq4w==","signatures":[{"sig":"MEUCIDaJqshzjPtUEbS5+Ryx5IKGw6bLKcMMAtbmPxS6hlmDAiEA/Lj6q/ZVavI8L8QRSUdOuD10ZZ4QwclgCzeh7SuXHQ4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfBf8MCRA9TVsSAnZWagAAqSYP/jGPm3VRexRD1cS1yzxw\nXPYu9hOAay+3vNQXJrlZ3Tr3gUNgtr3owNdHeqgnGuQQuWeWLgbN2kR/woL2\nnx7omi5ZA75z1ExCMSp/GesSsW8pbrhZZY+Kg+f/JEvXr1dQrh5o3Hsvd25E\npdEXRDeRx1qMzKp/HYJqV4X841ngh7zgMUui1jFDKZHbNivzEKZrEAV0GVzs\nvb6tD210UTGkauVRdtIZ7rpjHpJyNlwduGtqLW00ihHv7lUUE9izcJCj/gMo\nuJFf6995JXVgtGkkRp5qc9BfhXVh72WgpedyjI1JBENIB5QyfY1QjPHgE/Hj\nBF6Yq396j3JgmcVigDkS0Pd4LMG31356V7caC6CCNLmFU31sUJwCk9QwpaRk\n5DrPS84ejRpA+Wbz1bwK4D7Q9P8aG9dYkc9+Ax6QEBfvlsy3zTLphxmFVqNg\ne6dsDjkjma6euGUCv3J7Ib3Nq1lb71I9ihMpBtCz6X9lfZwN+K9p7CbY2aDB\nMlsP8iDV4irnGT+lUDgmqXaK/1gP+4ge0z+pZL/Po0gEkjTOB/12Lw9b3QMJ\n6iRun91MljY6NujELUSiQefDBXrl+wm2Rl1YZCA3EQ64GatYpNL5UtMXl+tu\nV04RpAdxN7HHi844cF7lCJGsHXwIMHuUgrQSqTiWkUJkYDv9nE0SSDbgZMvS\n0A9K\r\n=Ss9D\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d1a1abefb8800a6dcc0cb20f74923403ee1ca66d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.811fc5d24.0_1594228491835_0.788402560903025","host":"s3://npm-registry-packages"}},"8.0.0-canary.6ed717ddd.0":{"name":"@material/animation","version":"8.0.0-canary.6ed717ddd.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.6ed717ddd.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0abc7a5f05effe8c5d03b9c80904214c8b0abfd4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.6ed717ddd.0.tgz","fileCount":22,"integrity":"sha512-7lD/buzLoAeXerA1sjBrQxLt/xsu0QDjR74PD0V+8j1+D9ydvbPhiBUFxSgk6mH1lzbG7w2hpiRYDZ1G/9QH7w==","signatures":[{"sig":"MEUCIQDeYEORHQIQ+4aIrAlUCTUmohzj9y+s/Dlp5xQ9EbEtRwIgEbuP5V+K0c34cEaqdmTylkjsVatxxqWl7adtBl7W5Qw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfBiHKCRA9TVsSAnZWagAAedEP/jyoJOsJ+4jeJAJ1okFa\nQABEyluUf8QpCiOi4eNsEXCq3mA378F62z/jg0v7v/GXI1u/YGZYq9qVY4A6\nwL2WEDcLFxX87T359SypXwWU40aYEHPyULJ62iDDgatA7nwaqflGIKEzt+72\nkn+sGtkD+Mikik6lwsTiacA2rrDDvur41cNd8xNgowoD7XWXhpA4+x3Srzgk\n3A3gv8iu4Yd92Del17xeFFbkR93VJvLyWAb6zD2S/AXYOP9jk+O6mEEKszkq\nSfjSa0qQMGI3hiyqnwcNB20/rwOn4F4/xYtIt/0nJxoMSW/+J2jSTKd5V0tD\nPDaU7JOEi/mBI/ZONTjcRY1dMQUSXXJZOaFt5l77NWOzpqPfyfO3nAkrIqmN\nYrKLYpbqMwpNdD1Lz+ykO8DbUm2ytBxDOJeIADhY+ripDKfRm1GU8dCizRGH\ni7olxYSVNQ6SRfyXH0EeDItjHMC5lSMYVt4REPcBEUNUlcGXV4nAqHR2AlhD\nu8MB5dX9K19w8SosSs/r+Jav0xskhFSX3UK+kh52kds/6B7lB37qVPv8t8XX\nyFbu071/GzBxm+c02X6dGePfFzAthxmy419VSQAcTUVVmx58HQbaJ4SLNvMA\nIL1Ef+WqVZDUGLhT0pxE4JBYPOItddbVjuG+FRDpRTOiPtM9otsDoxsFK1+4\n6xM5\r\n=lHgT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7c9c6df731e0edf42938b11082973eba27e870e6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.6ed717ddd.0_1594237386419_0.6673268882541585","host":"s3://npm-registry-packages"}},"8.0.0-canary.d850de590.0":{"name":"@material/animation","version":"8.0.0-canary.d850de590.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.d850de590.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"dfe6b53a4e1cc1c96b1fbd2b5dcb1c52d30fcd2c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.d850de590.0.tgz","fileCount":22,"integrity":"sha512-YQ83wVr+XZpO9XwCFK28iLX1uhFIwTehWhrhwUuzWfJuDXeq9wtl1KUTYyOW6ySjCMo7dltgY65z0aQ0Dx9Uiw==","signatures":[{"sig":"MEUCIQDv9BAsILZIGyDNwZRzXYfTk5qEQOVSiTprKy1w1cLV7QIgOB9p7fTwhXzA//XRChv39uTEJb7O+32SYQZx4kI+4C0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfB1wuCRA9TVsSAnZWagAAxzkP/AmAzxQHMknTrfS6hccl\nzxM4OYl1dOC826FlKR6ztv/LQVkK69jx1UWBCjgBxkhExicYT4dpNSKXzxyb\nOSy42BphEP35xZBN0Pj5qipZL9mdzjegBv0jQJiI2DhWINkpnVz7HVN0SMss\n+NLZI33yF78EbMpAL+h3oJqZNPgOjktxhi0GVlutEOuvMn2sTiQerFD3RFi3\nm8u+PUv/lDX/tMk+bRGL4QZFqxel0YUzSuEgWI1JO1M4t7AfzNxUqbE2luzV\npzofI4n807GjWEaVaD9fDHnKktTP9BUoWEmnkJ1AltXx5Xxlrs1nwcH9K0Lx\nck/L32D5k8P7TxuppA8BPuO5MoZLVThSxgZEuw7n83qv2ynecLyzvuCfpwrT\nG9LTNdI9mb+g6Fa8bX/TDzwpJtah4Ad3dXLrtlw28L7xA1YZDGp6AW/fFwcX\nYCvdlzubuqQ5nyueakPLYsxT4iB0cjE50gXXjSRFdq0OL93suxiSd+w0kAJD\np/ovojnrkOcJzBtspFaLf9iBe0PULmm1PZTy3lk1CbY8GZOZeCLKNOZdlhNn\nR928AoCyhQoZ/EXG9pkjlCOmjHO/fqgw/y4XVftuPv8MEXa5Ua0Fmp40IAt/\nJJFy5GNCJXwkIK1ciOmoF5x1vnmS5PD+6cSktIfZsleauJbKeAPWBUsG8Y/c\nDl3A\r\n=OxNQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"85039ad97bde95db4d57918266320d54c581a680","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.d850de590.0_1594317870242_0.5593474435319719","host":"s3://npm-registry-packages"}},"8.0.0-canary.e07a70841.0":{"name":"@material/animation","version":"8.0.0-canary.e07a70841.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.e07a70841.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b0737e56276d023846a0c31400bb9507fa7940ec","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.e07a70841.0.tgz","fileCount":22,"integrity":"sha512-FgiCjaSWmvloyzsaYbdH7EnAEULI5udYtnmWnX2Se0RsYiMDYTYBCbkulBsw41pGgvUVsgm+RjTXe8XK4Xe3mQ==","signatures":[{"sig":"MEUCIQDoLlrb5hwYKpKh1NrLAF/ByqYqmYyN3wSX5ukOGt3a7QIgJWckIIzQuIPuJZSHxCHR/tzyJFVF5ftkOOp9jnsodPc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfB2MuCRA9TVsSAnZWagAA4ckP/1FDyoBzwAq+hKg5XlR2\nl3fbniZB2DNryp/akof/CchhunAczjtJ1LIEnpMilpNgWIHVkJ4QVHfO5b9o\n/jHasRZrRA1feU3UD02q7NbdXMxLS6AuJsf2agamdo+RC5WO/7FjIyPohfmj\nqIH8XVReGQPwpteasltYnJ1N9cAh/kX9yCH7DVLGbncZmq9gi59FSwUu5M4r\nT6uS0+m9zgX4GsCgBvBqO1oPea8KmeK+n8ILqwCtadR2/hcg14tI2oOWymJU\nDTvHyQxexd86mIYyY8h15/DwmDstLX1SAzXJ8DgtrAJSzFkuBJzlGq1yuBvM\ndnYWs0KjndyrkwodvRbXuoehtJiwLrTsLrX+99xh92Ns7TMYxT+dIj5V+RRd\nAcm7NBq2BAXHuV05oj+u/sVQBZDOfKcyunHG+wvZSW5HXxTuy//coHeWzCaW\nOR/Dahob192PEKAIh6HU3gmKz1oJmiLpHVUCJ5TWYwqWkYVqMsX2qzEH5CHj\nkpAtQ+RPTzqCX4v3EUb0bjl7zGqligx5Bcp+Lk2O7LLCjAQi0u1VYGzIvd6W\n3+y57fhONcCkmw/UfzV2ZGCKbt5LOtAhQMtk5i0+0jZW5xNez1XKgLUF4402\nMvAEspjlMyJJFAKr1moCfk74Gemmq+MAqjA6W72Ax2rU1KSR4buEmIjtr8HB\nDnTj\r\n=M9dH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"105e9fd32899b2c9a4309baf6e879287104cc0e9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.e07a70841.0_1594319662043_0.965304751890186","host":"s3://npm-registry-packages"}},"8.0.0-canary.37947ed6c.0":{"name":"@material/animation","version":"8.0.0-canary.37947ed6c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.37947ed6c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d5306a6f18d4ae89ad277897811e37fa9efa6229","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.37947ed6c.0.tgz","fileCount":22,"integrity":"sha512-+B9YjreboB2FKib2QUfTWAQ/Sj654diS961ySZzJ7viJXQQUcepKdxWfbbXUUkUX/158UWAPjowUO65V+jUapw==","signatures":[{"sig":"MEUCID8oZPIGFg6JulcOkdD+Z7O+DN2z/5X1ThSgmHU3KJssAiEA0ozaF74Ml5Nmm3HOYVnz74Q0XpheeB7iiOrkPeZzOEM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfB39vCRA9TVsSAnZWagAAKwMP+wXakmvMU8NKj7PifD7c\nwRTyzEyYb67G5xTHmiUMCL/1p56f4DGWjKjcr6qKSo93GpZb3uPp4VNIuEVG\ncFZqvRX+MDLqqGZEaVIBkxvmXBJ5IhWSIEFMPa8Wc+W02/ulbl/Fh/XDssc1\ng9CRoMzUAPp37ME87ntgej9dfd/lGIEcNGFw6I38yV/7LbwOw432/8cVxx3n\nNHkAYweiYeWTw75zjp3wxNWFF3dA0xJvrNfd5ewvjFFHhhgMzN60eXa2+QRB\n13ZXgOYeXWQNaIuZEX/yCfa4Ja/xCqb7ur7S3nTOZhgZwaHMqHvDpH4R9IXF\nc7D5gVqtj1/4dLPktnCw9sPLtFJZuxfdcmXbIWi7fkjK1xFkBeLCa9up3cAz\njpItO1FAiorl6rKsr747UDFyRSY60I70tkAEJ7tOtcAWyeoML66IWJ/93iG4\n1i8SfT2RWUS8suvmBVP1wMf/zqfssxGYIEkXfJEVL3U+VODmQ2OZB7cuU3Fl\nO4/TqSfs98KYpVXmMtLSHibeQWdPyc7TEarow0vTDodhLXlGDQqEBGTM2rkj\nkq82W/1FhrurEG6iHU7gfuNCrj2Y5a+Kg3RsNFcQl2V2Pn6zs7/L5Ir5tMXS\nbFBNAKqF2JzjFkCIkvyZQZz9pN+dFjR/y8N0XP0wGIrFsLF+Rmp4wcsj7Ar/\nkotB\r\n=NMf/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"80c4a00e688d5a2b1a35ee55744d879b782effed","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.37947ed6c.0_1594326894406_0.17112635104934437","host":"s3://npm-registry-packages"}},"8.0.0-canary.5d443afec.0":{"name":"@material/animation","version":"8.0.0-canary.5d443afec.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.5d443afec.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4dcb84cd8f2cc8e207db4de104368a8855edfc71","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.5d443afec.0.tgz","fileCount":22,"integrity":"sha512-dbb4pJ1i8of1lThHWMbENdlvRMxFPdF4EEb8E5bMQCdovvQZXeHI2DSSEzkSEZtJXH4Zjx5qlDVRyU2dCHOiGw==","signatures":[{"sig":"MEYCIQCQUloVVweZTpUEmgPGbLBYH3V7EYec/7IMxkvH8Ic5xwIhAPMlAWPqnEx5/7/ioD4Br0uynGWXPmVZsBrI2NMJYPVk","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfB4MsCRA9TVsSAnZWagAANTYP/jsEf0YGNRfTU8x86m1p\no6839tRCkXGma+17gDe/6IJAiX1ywx+0vEgDBIcXt8Q7POfqeMOyS7jzDzAT\n+TCt77GkgsJa/BWf1P0a9Xj80c0x5t2vPHTc/8LEsG1ZquPUoFnEB11ERevg\nuL+8r60zndaceyoBv9pCbDdSUmqVQitTRRQYbAUdTGkaKTRmEgrsdFgfTTah\nQ3j56y818ywsejmbWl6V5tWYjXH8jt2G7v9Gq7deYb4xGuHk84TY8cuw8j0U\npPWQDz/iDqOHOkf2VVPVOFf3QhrWmJQwlfiYgA3cbsHwCNSvfOzbXP4mWkTL\nOf9OuEUE65d94uHkfltQGj8j1FyeHO9r+37Kquns7UAIRvJnqM4qDQ6CBs9I\nvdqISGQ23uKJm4CClxRcV8vGD56UZ4zDD+ab2HK9VoIgc/8bNcCOXGBOovon\nFWjM0C3s1P+hH08lyZf+yDRJuf5kPVmQiMeUCZpHbr7KeBzsGcpzozj+A5zu\nUvzD4btuIC5cM5ecvMexK2jRvKQSijbyE/yVfl0Qp+K3rVniY9yTPOjW0tyE\nRoXbEOtJ7/OW5dKLMH4yNQZmbCNBcs5QQflkdYyzqXGRHkrt/3LC2zynDwOE\nsOczRzKxo5mlPcyP24r06c581bx3SLzh1Gyx5yMinGzowj/RDWWQrAz8yrP5\nm17r\r\n=Mra5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"5c493d15f89898617c3127c53145bc51e8e60930","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.5d443afec.0_1594327851812_0.731406038159953","host":"s3://npm-registry-packages"}},"8.0.0-canary.9ac1ed914.0":{"name":"@material/animation","version":"8.0.0-canary.9ac1ed914.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.9ac1ed914.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ac61a1368abd9939d6d5156fb39cf20924e208e5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.9ac1ed914.0.tgz","fileCount":22,"integrity":"sha512-tk34TCKXdd5qfO8TATHDq0k+kKbOPTy6XMPfGeWrLruDxcitlMdXz7PDdEveGzclcHNFy/jluLFUYBJsPOBXyg==","signatures":[{"sig":"MEUCIDBp4W+goRWPPMsHahEWy8o7l6EFZTozMm2vWHAfvC/1AiEA1xYsSdJ0esM78+Czxb359v45rMjauX9u9qB3cV1y2c4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfB4nxCRA9TVsSAnZWagAADBYQAJMIAw2OMmJ9u/g1rfV3\nWOsfhDYfScDB/vAV0XBXJlewf6rMfvhD71fa52bWT6nL4fwqdz+jv+RNlMHU\nrW8TDChLphfJ3gl9MUlxn4ve86R6LhR2CjnaxpNgR9y2IX/uPr1Td49PZLUv\nrR+KABXUdXtw8i3CsUOFewkUsCb/90Wl1D4MKfi7WCVCLbw4G300AHQazYW2\nOwfvcPReGqr8zZcdniAt9BOtc+G+NAWFUaSfVgkd1lOhBaaNwER3AQAIJ437\nevTrauhw1RwI+MIIaVCYRkceb9eJE8hc78fcRELG+71qYFZuW5t4CfQBt6IO\nDCRIRgsQIlV/QievWYf/ZzE4+hynYr6cpe1glazqPHxKzzIm3sh2rRpWk9Cp\nLf99tmIl0TPu3RfU5fJlOxYAo2Je3KkygHnf/LZPPzj9Q0b983oNcx6Ekkf0\n80dSoEgkO9TcBiFiwsfg6WYyv54N6P46QnPhyFad6/Y/ISyMwy70G7DH1U07\n/qlat6QsvCX2IBurUlb1V5d68xzui7LQFCEnT0PX1ZS3KU2nZT4WJnvBGBGk\ng+c5xYv5j2d1isvDZeI8DKdxR987Ok5rNpDj0UT5BKQgGvOKIK/bJskvzAX4\nFgo8DASeswYB/XElc6zXh6fEigqcTOv3MsqDJpr1/lTcokGjeMMpqTp+0WDe\nkN5P\r\n=77PM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c08d3c600bb022db1bcb4efe520bed724e653a77","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.9ac1ed914.0_1594329585069_0.8196989990530579","host":"s3://npm-registry-packages"}},"8.0.0-canary.1e7cb6198.0":{"name":"@material/animation","version":"8.0.0-canary.1e7cb6198.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.1e7cb6198.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3f86a061004e3a043226c628a5c090aeefc1df6e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.1e7cb6198.0.tgz","fileCount":22,"integrity":"sha512-B40j8RsdWpCAAy94OxwJ/WDTrM3s3Xz6Zwa7UO/TIPTa6Co1Ctv4qAqg0yecS09QTal+FRrCD/NwWlOdJXBZcQ==","signatures":[{"sig":"MEUCIDQIJt19hxFfJqWRbK4FCrsnUTkd8Vt5pgWHHotr6M3wAiEA+/16pHWRz94uu+mo+wW/ACW1q5WsCr/gQmfsiKU2Vzg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfB5YFCRA9TVsSAnZWagAAzZYQAJpTTT4j7UnMIoWO56On\negWrjo3DDLWIKVvaA2hTDCaAK/phXytgzeZEsQBjYsWsYL1i7MJ+Okavjg8/\neCJayEMdlcvoPQiynOHNZA0aEftR9cL49hF4ciMT4j2gdQv78QS7sAYVBh8U\nRUOkU+luGWPwpJu3fUrehV1gzw5AtTrgDXKLPIpeymQsdDclJ7uBG+Z8xo7C\nr1dLSrxxuSOWlRxchFVDyshGGT9WhgGNgpBoG57eSwWmD6eiOB6m9fVI1Ku0\nYbmCzeJBN5Ixjb6qRkBQRCqHI4OVQbqz/+VzNjMGzmNVj6UGIxt1jVD35cy3\nahvgIQJOLP7bzuwtT+gXmpdjH7hY+yv9KJpBdoYOlboFnqvbUlnsfEp15va2\naiUdJ/Kg2OdEopBsDjDEjbF9xipIHMO33OjMXDMHL2EvtWAqIcPGuBJ4NIOG\nWILjrZc3F6atCGh0h2B8LD8SNQcKvv/oP/ZapAf2yXH0hLEeVWlo8P6Nuw18\njjIj6pChUaEMi7GBQ3xijXnOmasJMRULSzfyWAY+iRcLrDA5ylQyjrYZyqal\nIj06HfcK/Pgcq7qr2px/J+KbYpfPmh60UBmiEs+kPkk78pN0qaFT+qXFSnGD\n8HKgn56+/pGK5Jl8y3PdFJ66uyxDHrQ0vTI4YFJvX+L/gmGVGSGwfJqrH7xW\nebWR\r\n=mXOM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"cbdbb55d01ed2f63aeafe8d77fffd1da5fcfc011","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.1e7cb6198.0_1594332677328_0.6138560334021432","host":"s3://npm-registry-packages"}},"8.0.0-canary.843f636c0.0":{"name":"@material/animation","version":"8.0.0-canary.843f636c0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.843f636c0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"033208fa9be03019a9a46263988c424617150194","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.843f636c0.0.tgz","fileCount":22,"integrity":"sha512-kovwPbvPrQY6AfTd94PFuxRz/fXRR8vh6tYVkoy+F859+q6Wak0k1hfoo043iYmghqhDiBZupV1r51lH8TCvDw==","signatures":[{"sig":"MEQCIGxyGG07AAYJe4mAEAqjrRDL5r2iR7BgicM67xWgJ5cxAiAxoUEaVu6euuQQsc03H8JgIEYktoQvGgrDwLDHFwc5RQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfCKhVCRA9TVsSAnZWagAAQ0MP+wd2Qtyd7RO2Mo9EuYjD\nQa76OZlaHusNw3++UuyGfXhsS2tJVKs2vOkyQ3f/l55SGVWv34Xfoe93aF0X\n0ERwO8TrmSTOmEltuwGsu5S9ihq/OgK9F5S3DEhWeBEW88UY0Ydel/v61QqA\n1m97/x/59uvypg6p83ws66AMnkE8FIYwl8euY4JoHPrg7ikvd6/sNX5x2a3B\nReBJJGsY07qmCchBlBvotyLebVFy5x27hQzuZhz15Ol2TvpCod7b5u2CEn2t\ng45wMeF71JLn4PapiF/OFRSWOeArlzEgRSik8WT87DrOSVdJquZFTrZesqoo\nxPkXMksBDzNSGpaYIl3y47Y6RAuUZu6jTZ9iloz4ENF9dCUNG8I0YA5vUNOK\nVirLADpxKKEUI4uHGPiC2ty8m+AHxwBBHCDMfk50aXYmua7swAirnHcOTNAJ\nuHN8WvwJqK5vSpIsPmExMpdo3uu69vFoAhob/67+4FqPWccw7gpZEFaScGss\nEPkdBO5DBIyqlV/gUG1T8OG2N5SNrmYyt7RiOHj6NkXT+9ey2AFwuSKQX9Qk\naYZ+k/CmHUeSH42WIpdGDA0DF4DeOTCWoJbi5IEOX8L1Sjfv0PgCxUk8VTyx\nZmBQHUPOfnk7R7P71gS7HRZg5lqN2xbgamseww4IkR5shQgZSXiWux9crSDk\n8wZv\r\n=firf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"641b40da40cd73b439cefa7fa18c86bfdf31e497","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.843f636c0.0_1594402901221_0.8544605219931802","host":"s3://npm-registry-packages"}},"8.0.0-canary.b2edaeead.0":{"name":"@material/animation","version":"8.0.0-canary.b2edaeead.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.b2edaeead.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"60a3d87b92950699118fa6d5d77fdea6ff10eeea","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.b2edaeead.0.tgz","fileCount":22,"integrity":"sha512-IkU3bWWSgoQV7zi6zLThqg9gIvrV0UC6dvfeUJip7r0vX/iIkOkczI/XDZy1QWDpmVhI+BffU2JJjXKcZZ2LOg==","signatures":[{"sig":"MEQCIDmLUL608/bpJPT6ivCpbMj8IrzMtqRnM1P9CeoakSYpAiAmQ06fhFEJjadoYCdmeZ13awJqUmk4gEvgmsWz2QGJhg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfCK4VCRA9TVsSAnZWagAAY0MQAKNSZOyWYqwB6bV+V8t1\n6MeYjdEih8AME/4gKjRoox8GboJYU6gDgJ2seWq0uktxZ9eanXpmahQdHmmg\nFu6l3RZ9GriA9HubiaWuOud/2F/y1uuSEQyW1iXSaSKcYumPmbahBkSN7DHE\nItVQPK93kJMuz20aqQbn+euKhjgiwqr/ZYq/BUnynyffTntGaqso1B0zh5M1\nI5LXav1Ltch8SEkVxYnDCG2Rg8GdSC1Y5391lrQuCX6mGLsfFyf1pQtKiuJt\neqE7Zg2yeGRQ5yAPrgbgDPQw+80SND2vzo66TNtHoNHaqP4H2W6q0TBnlTYD\nq19PXepIS6kz8jUKyOpDtdViYs/EZ/WXTnjqbd1I8EnnYUeVciAhi9qx0wnk\n/mAsPT2vR8OBWpQYkOFuWbOlD4XgnY4fK7lBgKxwxBQ8Y4U8YroFoA+iNlY5\n2QJtyflUeG9jKM0T78bd3aqEuQUxBcH4tyZHd+rF2VIORVmnYNsQ5pyjzlRr\n6cb/L8qpWE6uVMX35axhIQsIenA4yq967H/1rT40jkHpyPmchfjC8klSWTjT\n35aieg4QbHvxSq6psWPtqU0mTgZ9HxyQMPJ1kByMfRfhyV2sAfeHexMIZrOJ\n4XVfyrHtdQrwNKJSpmYv14UrKcHizqJzZh7zqiOOQ1G40L+GU/2alx8H+g/w\noFtQ\r\n=hm49\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"874d83aed6fef221001b68d44bfceb30072cc18c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.b2edaeead.0_1594404373384_0.5649004025955866","host":"s3://npm-registry-packages"}},"8.0.0-canary.5dac1f624.0":{"name":"@material/animation","version":"8.0.0-canary.5dac1f624.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.5dac1f624.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6e93d9fac2bb830b951b3f2f073cfa9d2e1c1f0c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.5dac1f624.0.tgz","fileCount":22,"integrity":"sha512-/jYvXfxKoK0BReQw0v7aMPXDkSp8+xlDGM1Ip2+gCENMfna3xkJqe2EInNrhMPuu/Q90AHtO/HPgcGFVTqdnzw==","signatures":[{"sig":"MEUCIQDWc1c3pQL37ythkwdrQAhoxpHbtIrguuMeMTZpnTdZlAIgPllFVtwdlhHwF+XdZ2p0AJNbs84m2any5jDF4d6NpTQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDIzTCRA9TVsSAnZWagAA6x8P/17uUErFLt6ACmdpeJ3t\ndPbua89dppin9L6qWNYB1rr7qhJmRX4epW1n1DSYrgYVJkwVUOIFIzyTmjXK\nDS4SpPuaCJhOWNT3F9oUD3Fce/Ye7vgrr1Qa/N15YBY14fPUjabIPlBsoH6w\nJHJxL2HCzbmys5jeJBCTt5YcSPK69UTIIXzeWjzcgWcvlavljSPnLaiFSj6k\niUolkUykS0nKo3hC1mlOBCD3mONjcH4IR0Eb4hf79Kr/RpM+bFhffYGulHLn\neAF6oob5wDjfz8lwh+CuiMlwvhPolZhUy3J+tw6FA9NDMae7AiX2PYDFsu4k\n7ywU1QVMsefLecNd3JIK5W4tfIoSxFI2+Zlly5FfZr76IUT8IkSkQFiHwI4T\nDd8x711FlgZq1X6a5UAGu4uCTANKGQpq4usvw6s60W9HutkQbOoe9nQNH5sp\njznp0nd6cGk2WI3N8ZbOH/DNtfMHvyOTFfow5b/kC0Vbmxcit/lRYBG97dqH\noNK518qnnbxQZ5dNcZgs4WP9uVeomlZm3+iFowWaYynbO32J89GH/fR3t3YX\nCmu0gWGKjy0VJhnobsF3wE/bu3OszXXDOujTlUObegXKrFQlCOkScNKJRknI\n5eHa4whgNecLE4wAUFG/Ja97TWgQtdo+qwhe11d92CKRpbdcV+/R2eVqf85C\nrbjU\r\n=DvgF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"3acf16b30fe876c0d319f5d1681d177bd0089cbd","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.5dac1f624.0_1594658003058_0.1384914817219811","host":"s3://npm-registry-packages"}},"8.0.0-canary.4497acef8.0":{"name":"@material/animation","version":"8.0.0-canary.4497acef8.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.4497acef8.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"87470ce37c53c8a699eb9c1aa33e271e1b992958","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.4497acef8.0.tgz","fileCount":22,"integrity":"sha512-qAEUT/u8ZcuKvUL7b8oDbav5oSHRqg0WCiOwuQxu0LCtnLALdyzaDVqcsLvKhbRRzCwc5RV0+vfagbV1LhpG0A==","signatures":[{"sig":"MEYCIQDmxo85SA8kWfzk0nFSJybjb9q2hY6B9lyM4qiwErR36wIhANz085oHr6p6PFWRFhZ+Mx7FwHHbJiCWRuzqA967oUy3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDb7SCRA9TVsSAnZWagAAz54P/36FwMn67+g77FAWDutr\ntjuGm5jZpHvC+8mRnz8AcX8zu2pBJedCMfP4kQc4ih7eksJWtrlXdZYjmGCx\nsYPjuiq/bpLr1JHF7Z8pfjSTzuaj751Dl/kogNixtyLcuATs12sW+FtMM6wR\npOVozyOYZbL4b5p3n9WgRoJhTxHGEH0uSf1mavVbZC3taPujfrV13pXujVP4\nhPLHAXPlPdUSrIgLRHHJjOpjfB1aXO8gRL+NY3Hptnewgpn3//uefMa5lnvl\naQr3Vh2lIioHN0qAHerXZz49e/deRmh6CY6HqAexXRSqLvgo2KbF67j2s/EL\nM/Tbl108qF0Gwc58s0DPL+Gr9gAQo15u1JzhzyDkytb4LTMCSXzAcGC3v9Xd\nyxphfKf/lLD4c4oPDrK7AmWTWsh6LeSNrWPKuqeTjqYT0LQTIFfU1AtZXa5F\nJYNWIF3Xvhs6ATJk6ArRBLbGztxz4BWQ+JyZn2mXEIuWXfm1OUgdNwy7a88P\nsP/iZmY1cWRdA08PCkEHKhsp/bc9VAkg8DSuCvCd0+XWUx+ACb46ut0zm8+I\nHa1F3F/3GBSqpOj0joTfdXxmjfDV14VwbR7Znhaeqy0BAPJ75UcmJpi5MWUt\ny16CAqqSoKIvpZhYnSkuTlosz+ZCQt6690Ap7UF0zxJYBRENUJQpfw8fy2cI\nAXOn\r\n=6JOW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"dc90b63c1737c63427815af4f6de59841a57a1bb","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.4497acef8.0_1594736338360_0.5117348005024158","host":"s3://npm-registry-packages"}},"8.0.0-canary.e6e23019d.0":{"name":"@material/animation","version":"8.0.0-canary.e6e23019d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.e6e23019d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2bdc8c5aae7a316eb89110cc4a8f1f5130c47061","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.e6e23019d.0.tgz","fileCount":22,"integrity":"sha512-6KYCI2McVMMiGeTJEaejEXOhFK+KiWaQYDDPmM4yb/I4r60vmetJL7nDtB6zEJA9ucVRDtyUihll9PZF38yIGA==","signatures":[{"sig":"MEUCIQCCB+S0N+JTEdN2CYcm/56QtSjiVQRt4Isg1eInONHdCQIgWZsTaxbqnWKjMQN/cyylUyLmdlSg0hGOwxcAOVJhgf0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDhD7CRA9TVsSAnZWagAAwVwP/3z8C9DzsmDWs2hFWjIc\n9c1h3x3ZJ+sk5SAyzzaB3yZVZhgSVG5NSLiIVcUA5NwdQQqhsDrj1OOyBopp\nNJXheO2be9KxpaaPYJ18iz4wBrFJsqvFjtdFXa8v2g3TP0LuwcBrHIE/pQXp\nQhsBDX7+H1Qn4yi8x/G54uTnzgFuXrm/wTuhjw4o5GyOlfhxK2+/XlhGp1AG\ntWHfWm1QPdJfUOdumbMvCOFWdvkTCbnOl7bKLlKhE294CyuQ++Vyjr/c7J6K\nA/Mj8KNZiUXCzbl8AsPFWL8bHMfU6npKOnhp7DxzMx6RnAbbfp9dQVnnt7cW\n5BY5oheN5ypHyb6LmQuQWKDjjZWUqELIivD6nFrmpaJ0CT3+R43F/YCe+vwB\n2+kZYUORBUccWbnSr4LRsRJwLabeAnX2cA8WYTA+WbG5MJYnT4IBN3ww3jPu\n4stY02Zcm/UUXD4hcjmqoJ93UFLbiZd4dKpgLkJMBxOBbQn1fzlMjurI99+d\nnVYrSPe1hMeb96Gwaq4ipXVyvuIEO1smhpZyOZD+3D3xzfngPZ7q5TQpacdx\nzZBLM89l2sqkGXMwnP9KhgLmNkFZ2Y0cVW4lihDVyMxOJmgN24ICwzAAVsxa\nFY7v1vGzN7x7AVOnqIqcTE7CjGLJBGCZE+gmFzMhecYJoOGzvEW434YMTufr\nEPei\r\n=zzFd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"db31520d2bb46404d9d5c364a2db4e2bc564e4f4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.e6e23019d.0_1594757371137_0.11545287753028233","host":"s3://npm-registry-packages"}},"8.0.0-canary.d548d7a92.0":{"name":"@material/animation","version":"8.0.0-canary.d548d7a92.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.d548d7a92.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"071310c088d95442b5be1cf3987b1451fb6729d4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.d548d7a92.0.tgz","fileCount":22,"integrity":"sha512-oJLkOy2BQBmrh71hBScpTx90wf8h3S5kYhfELm0dGygF0yQnZg/evEcMMqGBAG7KIUJHZs7zbEXzABOIBeqkwA==","signatures":[{"sig":"MEQCIDUEfru4bB6J11mBVkKGdb0/yTMmQCcnsWYUhFj/mVyQAiA4LOZOQXrJid6OoPb36oWCD1RqQVa7CUmV8WnDwjYPnA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDh+qCRA9TVsSAnZWagAA8ukQAIQWU/Tyl/ppm4Q8jTqI\nKmQx+Rk8jEXaLj8KnmW/A8+dwUH48G3vPUeCZ2mqzu+oCO60PtOcty0pwSY8\nD0K4zGHSh0/Z62xoSOYxoHrWE+xYL84QSKnUDR6rltvTfpTS6WToVXnwc5R4\nxsrDv+eu5ZSD/crHfy0Tdr1Fdt2c+/DIwerR5D10UdmPuaYRCAWJx1HY3JQ4\ndxG5yuowX+awnspG/X4IBjvW34joivS9EEa2tQEIn7DCrfxiQnL9RaS0HPn8\nWNOzBYp2Fevw/cPPmalOtHFD6HZ35/0yT80QdtBZ132y4bEM1S6bf/4D3Lme\ndfI+oDqnMkQGJN2G3MGq5JFNq4WzhIAE1IOrxZUb1yxLtEjcxV2vh2pFDp86\n+C+P4QQSnWBdKoTLku3gWpyJc5v8N6kpK+9CMJ+N8XkGU0UQxDSJSjJXjwFX\nN0tDdjaM1uPWuXqB8of7dshVbmGypW72FluRVhLHxvXyYm6OaKzilht/Fbep\n0dTl8w7eE3hMZnB8qr95wfhoDdLFIZdi+O6d+BCB5Lmq0+Uq2DefCIRMP8uK\nzK6E+gDPQ/+g2++wn4NZEIspsNMihNArppypmUwLX4wdHrbMB8MAqmpHEfJH\nN3p3JE28no73CrXIfVrcwrDxPUPFLpOrPpzZt/vuek6mTu91+FLKzmtt0G7x\nWsQ5\r\n=xY7f\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"9ac3956fa3f0b35d113404de60048e8aa1c1a0a9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.d548d7a92.0_1594761129538_0.5288839538351988","host":"s3://npm-registry-packages"}},"8.0.0-canary.58ce529cc.0":{"name":"@material/animation","version":"8.0.0-canary.58ce529cc.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.58ce529cc.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9ea9611a607ffe954349180648ff5af7a98fc931","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.58ce529cc.0.tgz","fileCount":22,"integrity":"sha512-frzkynf8De1Yk6qhunFk6y+n+5SwrSktG6i1ToXT4TBUu8iL327OXhnes51Ok6Q3p/fK39XwXOItOGj7LrFD9g==","signatures":[{"sig":"MEUCIQDYsSEv2aBlM1y0QKI5tYYAZkAQZPYok329YwVAVGnkswIgWKJ6HXQwZYlXrWuJPYxBQ1Thb4O3K6XQ7lVCfCycYz8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDiAbCRA9TVsSAnZWagAAYicP/jPsUyrVTnKohGltZh51\n9oNkka9ZgAMr0+uuiEFUTNjlWRvJkZp0GDkLBcjoYKAAgu4cVNIM53Gt6KVE\noHh+LQgTINgf0J2qhuYjZBk5sJD1UMpPkWV1I7RfLPd2to2aBVEPGbhzeuWz\nZ7t2jRCo0xrji2ia6c6vYTxLWdB4YJNO7H4wWyuZoQaZ7KbmYIZkv6vGvm4T\ng2q4JDcGepSo06SjUunDZlez6Ynlyw/hrgNkixH3TYGwIKQLMIgZANAAj8QI\nktRZu/7lMDeRnSrmYpaJhuJjyQfVmz5bq/SlusyKWhP/pgepujw0aQczsNpf\nwmMLwf++5XHk3Jpwin1ykFejcUR6y0IB8hrfIVNPRqZys8Gh5phmVrD1QfYQ\ne0AoiTUEsVUSaQOyYpCHC9BXyQm8yJa82UGmdbzDyRNW5gLlmovCRflt+9sK\nYOiWSzIJ2x54dw6zIm/3PtXW94Bs3H0eo3ak51+6da+Qj1nQ/jtVctIQgbJC\nu2bsPK8UgY44mKYhe0QlNCjMudA+7QGef72B5hpu+Sf7LO9CeZdJzyCVzoVp\nkDyD/hvNzwBN6uBq7/31lYsrwst1cREWBj3vqxOqDXxIGD4aRDUzJbEsFNyW\nc6c6CUr2Mi0RdiH7iF3RR/qJFykqxmuVh+PB2LpJVarIPPRR5dhwi4JHomMV\n+q/+\r\n=54w3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c45eee764d94f6c07b8a5b3770c89c8bb4ccfeaf","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.58ce529cc.0_1594761242366_0.2915288959626443","host":"s3://npm-registry-packages"}},"8.0.0-canary.a0f1202dc.0":{"name":"@material/animation","version":"8.0.0-canary.a0f1202dc.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.a0f1202dc.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3e7ac4eb730309b41d64e7cc1275453e0a06e746","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.a0f1202dc.0.tgz","fileCount":22,"integrity":"sha512-wlG30Gia6NQB4PaS2tGSnyA7V0VY5QXewi5CUSX2hLYFTa/U0Wyt3g5BoVFBL5IWTK6z3H4YBgb3CzkXAsWcGw==","signatures":[{"sig":"MEYCIQDFkHiPzFWDjvpubnw9RkPlzgv5sb0HzmOpILHyrcnmCQIhANz/yKRqOl4P2SQngj6Tcpsj94e9Jn+Cw+WcP2hyCvYl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDiSXCRA9TVsSAnZWagAA8U4P/1hhbIRlYiktDv+JgTdU\nWrMfWhoqzxkP6aqx93vk6AxEMCDrWCASYv0Hc6OgJIj+g4DpoNJaQTqiXem3\nl3vn/liFdARJpe7j2gHjO/wONpUV0esF6anMX3rJg2S2Avdiq50wh29smAZc\nvTL6pkuVYf870xxqmVRQ9eqJEseOLt/FOJ+XcWQYRDMHYx3gCMvbyZo+KvoJ\n5btMqvCbhMMVs957EZgejH0Z2vFPxA4UUxDcYVt6i4pvNdP8eKVjpT8PcLp1\nh9pO4X4BL2XG70OUKkSO/HQ2X9OBVu7e4XIv4ramO38mfDpj/YI8Z7pKSPlj\n1B6KmAbI0NHlMUCytdquiO26/6onU9OWEz0BE71sTYXkYBTttfibGu32unbK\n1GqPzeLkWmh3+RbduE9ZAF+Ru2En2RAU0T9mjatsEs0xCxGITlTS2VQ4xv8y\nj7/gjFLS/x+77kBCd+BsGJ/LFdHut5FNv6cBcBHGLqV/7wZtQuqwU7gfRO7w\nkuYj9B6o0M+KdEJnq7WEMurCA3uFvV0KwMdNv5LCdBa/WrQMaSCTA9oZa1oi\nfE4og8jMHPUmPVDpkuS5FV2dI1tyfgQoJ9iU1QsCkh4ACBmKDr107CHy2ENf\ncolwiyi4eO5FDXt8lE371UZxgrxID2JnTP4zqh/Wn3E+hNPglIWdmz+aoyMg\nU1iq\r\n=VlRT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"93fc447a8bb5a55abbcf4b72084f1c65147f3cc3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.a0f1202dc.0_1594762391045_0.41958859372833124","host":"s3://npm-registry-packages"}},"8.0.0-canary.ad4df58c1.0":{"name":"@material/animation","version":"8.0.0-canary.ad4df58c1.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.ad4df58c1.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"05471f1eaec0ceae74c89b6e1b08370240b2e3c2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.ad4df58c1.0.tgz","fileCount":22,"integrity":"sha512-x7Xc6TzpyOvqWZrd4U1G1vmQoHm221noV2rks4/8bsJ2iQoq7Mrrot+L9Hub6cfj15EzWYYEX4g+lIFk+aN9FA==","signatures":[{"sig":"MEUCIQCRly1V9f/wfWTpF6whWhAcmdH6cUqEM/dPferkdvYp0gIgQ72mWGt4sTL2WwilIwPqnZCH3+nEPZmwO7Nh5hg/zjM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDkj6CRA9TVsSAnZWagAAHCoQAJ8YsBrqeHjOhjAr3NwL\nTq0S0fN8aac4+48jJehp4TVQfHlEpjb4nPJN56gKU42a/mhLJMmWSDUIVdQw\nL22tuWVovwh45eOV0Fhcku68FoJnDz2Ha6j2OeJyYreH/IdPFhYZ8kKmdoOb\n5OaeRfww8fmt2MTG6W5gNMyb5m0IJMDvxKLjx0Ek8M5x8/QheHw/akECkH9z\n7Ew4IHiaeoqCLtMhzArCmTnuLAgMW/s11z/zOdwECW5JSy3U6qST4DCjazfm\nN/I5y1C2BNgUDNPukocBq6pR/Na8yFzeYvMHSib1oBqz13MnKJZFr6nIXcgV\n3Tkq+leKPFX9eOEChR8vPHEgvxBsKwg5HqXWF6MBWhSy/GN++BwmDhozSs56\nl2osPIHiy6KTUNHoLw5Y9fAO4e1ccbEVIjXl00g/uzHUiIZOBPnLuC7RMEl+\nPhHoe6fTbFBPpN2aAL1lh1slPmV2HpQkmQDudzv5KrJx9WVF9Q3Q2OWmOvZU\n8LxcmOS2JupWrAQ6k2pYL2nyEWdtRgJN4S3qjsLz9h13CIvwZw6sKwVEG/ta\nEw271SjuXMwEOqknLIcjdtb/83Ozdihm2WZKR2saBgKU7cKzNnHKu9NTUV8x\nofvMUQgQKdLC7kyvotjeLy4juA4TIbfXkKQMrjjq3hBukqddtQYWwCbwpFh9\nWXmi\r\n=+jPJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f3541b13d081357419478232ca7ae0021f2a6b43","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.ad4df58c1.0_1594771705601_0.765768162452861","host":"s3://npm-registry-packages"}},"8.0.0-canary.01db89053.0":{"name":"@material/animation","version":"8.0.0-canary.01db89053.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.01db89053.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cc841b3778a027a4882ed2198e92a2c22f79bc9b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.01db89053.0.tgz","fileCount":22,"integrity":"sha512-PWYCJ7cD2OLO/vRDT1RqXK5cfBTEdCv9sg1c50fPxLptz9jvYc49nP2nnfMefpVkcZoC4lbEOBTDojwffArBdQ==","signatures":[{"sig":"MEUCIDZTDath9u46QDrqs0uwoO3/yrk+qOBLlfQ99ymi3N96AiEA1JbET2Yj6o4G6ED4ESr8BUou4pM6/cs0vksCPFRbMRg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfEIJuCRA9TVsSAnZWagAAzN8P/j2M07oiuEBsjKMqfvBv\ncpLmn1SHNcVb1Dmz2lZ4JX2G91pYs2qxcMWisutjUn12gJai6wZEBe6xEmGb\n9p3BiB1Vud3ZhRYVkRnPGBe46JXarruiGdooLxLWtfKFXfVFJIoIpXsFJqis\nepXQ/9POa0+ly+suSssj6nNwlezuXjikbZRkg70LszLhYti/RJKMYx7O8w+A\nazK9lG/H3UQQZwSyGMc5J7Wb2M59PYzB2O+qVnn3iBFy/pXnGdz6fnbp7oE3\ntW2ivBIQ7Uya879cxbeoGtobUl8wubnEkkNIefG+hSH7TjZ5bXJcAeGZkFWm\nKohUC1VEwCR+U+mVyzd//v1ecLhfLDEfgEUdQ2yD3zzG6FCepXcUYfDMn71D\nZivQkJorztBG2yRySLvm99Fd0aaXj7kqstCrQ9cE/GjqGMxDPCbQQnSNJIpb\nX1yd6987ULK/Ygz1OxvWDViQ9u+a3XaGY16rAo58Qm0HkzzW7c5iDR24MADV\ngia9dfy/6w8Bn93wyT0R18JzlyHDUOsAm7W7HTCGBHylbgkefVAvdFE6siho\nwjfam1Q+ETzWOiJb4ZRYBNTQbMUVFRGu8vq/P/3txcuHZMPz2WiFBBjYuZAc\nQUqQ0M59DIOyKVgP/poq1aN2K4SIgtPX8s3NmHzhvCbuQA+NxGLzZ5D5ifQ8\nfR31\r\n=1NZP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"8780c29a82c64caee37ec22f279b264af42412b6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.01db89053.0_1594917485851_0.9011687070460803","host":"s3://npm-registry-packages"}},"8.0.0-canary.fb5a4cdeb.0":{"name":"@material/animation","version":"8.0.0-canary.fb5a4cdeb.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.fb5a4cdeb.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3d1b4194be8ad77f65c544338033c912fa11d9a7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.fb5a4cdeb.0.tgz","fileCount":22,"integrity":"sha512-SSjM4MWjLeYx/0jT84gJO/5EWv3tmCJuxe7xH5ldrzS2k4Sowct0zx0RBTcwjOv/7qXdWtzLLvTsfpqF7aX3rQ==","signatures":[{"sig":"MEUCIBFUjie397jOfc1HuO2OYmm2/OIc8EheFIczRv+9HX+IAiEA4ZNtcMMhCbnZEhua67F0Zb6ngnVB0FxA1LEcQF/JTvg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfFe4lCRA9TVsSAnZWagAAjVMP/RNg5fddrsV9opgMnAO3\nB4hgXHT3pmqC00Exbyt78ujKtLRyNfBodGGXDySCOaO+Q0B5YXXRVcl9Mnws\nUw1tYV4tb3O944v5U0mLIA1VmRp1SbdVLoUYUw1Jy2IESTyh40/6YdqlVgh/\nog/EmAkVU5pTOftJjD3sYqgE6uKIXjQ1/sdcfs4iDwGfVkUB7w6gbSvCQvKd\nqzaontn5djgYgkTynsOmwnYIjVYJq23wApq4QfKYOS5UzVZsWdS/j6+pomgB\nmSnaJp5l+9Clo2Rst/zsRpV8XdZEAxWSnvrRwK4vvUFEPXMzbpact0QFOn5i\nk+PbBBAQx2BjYazsIcqoPWhLglhNCPv4AFqHCLlzKZe8mPx1dlLi+w0ViZF4\nHge+ZZ1P8vsBGWuYfkYuQyIYQCgjwErK1bkFvCNajO6g9EhlmV+EkIAdxyN7\nwSqnL47QaaDTQHc9Qd5EgU78F+KKU46m4bfahQV479mvmY7vvEXyLXt9C+Wr\n1gzwYSO45INkaCUX1rd9nyDqxwlCFwU1OleIPvwdPrZp9xVj0uXUs0vCvOx+\nuCL5F/YLT0gu8e5ekF5vwwa73I5R61z6u0ikNH351xwVKnKMHsmqTpbCpv67\n3wZQwq33/QKqEfPSl7p/9hc/45cVOrmPYdTjYcbuCgnLp/fQgwWtzkJ2XPjw\n896W\r\n=V40/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"8e80295b6b3e0ec36934f8d691b193c740458d1f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.fb5a4cdeb.0_1595272740696_0.1973466497343539","host":"s3://npm-registry-packages"}},"8.0.0-canary.8df0f517c.0":{"name":"@material/animation","version":"8.0.0-canary.8df0f517c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.8df0f517c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"87d59b2d0b287a08d67512ee0aa27e6a49f8dee3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.8df0f517c.0.tgz","fileCount":22,"integrity":"sha512-l0+djCIynfRLXvRpUY7VrJP4NknZnx21lJLN+7OWv+Jj3GT90zKMsRdVJyXOXoP+qzbW6Lh2P/pRTNYAEKrCIg==","signatures":[{"sig":"MEUCIGz/B3zEmGbT8dlaCbUEWFHKHHWk9VsUANlQday9As7vAiEAh6UpGCmMkPrq2jOKecP/uC/rMfQtixPYLtXgPpqOuJo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfFi7BCRA9TVsSAnZWagAAwVAQAI9IGI+BXGNG57WO6AUi\n9SKCEqGRcpoB0Qwdk5RfpJCphhlCupwyJ/p06bvyh28iAAyY4tFuricQlIpv\nOB0MaliLbYMKgCaqySOp8FFTXl26Cyc+vG7+ebBiFUAO2YWpVKxp6r+SIg0k\ntilQpGvm2NAYPbPDPs68s8M0TJq4gzVgb2XY5B4lPLKMAqFjnFYWzPhKtEhA\nlBsJk95ErQkd9Be0e54PRWGbPLFK4xY5dYJhQ45uhPmgshLZRGerTdUUWz1E\nb6TRw2MZePDczPwkeYXOgEwrfdA5B3KVeYPhBPJrfskaDkt/4cDFsT+DkweQ\nH5FryQVsy+njMXDmisAYUFzzKZTmwEioZuC8srpxrTQ2C/mMzqjpRsS333wG\nzMWCQA5/i8L+J64YJ9uH+DGomPanUIGzPPOyb8POSzFdfVjNPMpNjwHRP2Wj\nTDFjSYJZ5L0CBbaLW/O/FxMiHkZgPX/HegStSQyCErGaC7rjxfBZMrJIuRrO\nWgWKcdOOBN9zy5xr6fCuPVo8p4Em4RC0CmKjBOD9kOpG0q+ZNPFbQG1uq7CF\nPmiB58WUa5mbabWZwEj0oEG+1uy8scz92Ia5OdvFSox9toOrLn0QUtelvwFt\nyJq7Kne0saTo/eX112dqMit3mnSsC6qis+E+Y7HpFm9N8oFBLqSgIFZN720O\nx5+F\r\n=xC7O\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"5fca8679b0dad51628e898ac223795eea8e54d56","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.8df0f517c.0_1595289281412_0.3588163690891151","host":"s3://npm-registry-packages"}},"8.0.0-canary.abcdbcfeb.0":{"name":"@material/animation","version":"8.0.0-canary.abcdbcfeb.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.abcdbcfeb.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"839f94ae47080512ec6f71da571f27d01666dc42","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.abcdbcfeb.0.tgz","fileCount":22,"integrity":"sha512-MrUfIocObr7/S/6eWNxu3nep7Y4ydw1q8fTiFXHmtQzMrP9PVKLEoWWgXMx41ugBWgmqUNYMNNGCKII7vbD/1Q==","signatures":[{"sig":"MEUCIDVuFsm51RZ0vBOVOECldEUS2Fmdrbj7HZ201Qj5nkJQAiEA28UebwaRzPIlvqD4jinaOJgfOhCmJDhNaNHQCmk9P3c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfFjuLCRA9TVsSAnZWagAAKlwP/1SK0+yhE0nIsz0Dn0Qz\ntnBkIeQ7n1xOgT8cGuu3Hv3QYc4f++HmLfVf/HNNEgT4qce2374mHfoYX6RH\nInG508a1zhm2SRaJ2uZycI42cqwgYwlSazfKkULsugMCfIevNbqk2uBt3l4W\nvOzUw8p51CklJYAv8P5x8USP9JcBVrk1VIm+/70M9jdO38C52Ancu2fBFqk8\nhBIgCYnl+iPUU9rq3Z8+XWrOYSwr5JM+0DxxCi/F9yy28qRlnfDZqUXBh6dS\nwd17CT2c4vtyEd3LF00Ga+shBrg+Eb79m5P7mlvu4L7YZdZ8R/Cl4rSzyVcp\nsThNK3ft+HHNVazbINGQJOnWYbBSyet7ROtkZ3+aExx2KGDrgaE+BpkW9Bbx\nzLIn67EI2C4tiUtl37mEh56IMdLi6MqqJx0qANVFm2ZkE7rFQ1RK8SPvP8jD\nGLcvuHcJ8JWMAQ9SUgQu12wvawK7HkTpKNKFvA1KkK5iUGRXoLA1xYRjPMht\nxMAnnyhJuKelMItK9CK3JybVThMye3jkb3ksCeZnqPHUO0MZf2euvO0byKEz\nNk67bTZDONO45z7PF9/tcx9PZFRwJTdQTKZmO+TBVMQY3uBXRTSFHahXAj8W\nH2qX6MV2QUltS6jVafA37NK/V/ZQPDGoAaJ3oRPjZWGU+zrDaa5OGnHOXF07\n8l+Q\r\n=rA7u\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"946720776dd73c7539bfa072ea415124b3e08a55","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.abcdbcfeb.0_1595292554864_0.08526437625285754","host":"s3://npm-registry-packages"}},"8.0.0-canary.7bd5075de.0":{"name":"@material/animation","version":"8.0.0-canary.7bd5075de.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.7bd5075de.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4ddaef43e8f53b41ecae8471ea7cc040d12cbec7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.7bd5075de.0.tgz","fileCount":22,"integrity":"sha512-OU6zbySEDyVAvP7xKKYZVk6s9ZeuNSpOnEhjeSFF5J2q3QigZEuLdyUdRtc7cELqpKUcN+33Zk8DBPQkD12SGA==","signatures":[{"sig":"MEUCIQDZuDt80AUE4/BKuzsE7KwexcibuCh+smsYlU1nW/RxAwIgF/4w9t2gFZRkbVsk9ETk2FdwxLXIVbNOARmY6NT+fzc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfFzfvCRA9TVsSAnZWagAACbwP/A+KtDFRuJHVsvdYjPJo\n05vFxAgiHX7nT0TU2w4jL4DXrZLJECY2kkUFJcs+8NdoHiKwyLzZeT1UbJjE\nIHqAK+8Yzm2ROoQzzl0yBf2JZOkyiv4JLJek9DNxFb2ag6tO456fItpP1TGB\ny3BPf2fn53Z8j1mvxsWQiDRd8CBKBbYQJd0K88sv3Akb4zqAWnSrQOvaZ7CB\nz3rNejXjOquLutSxb7ePs/XjBH3rO0kqvAZv4RwO5zF0laOD2MEP9oRRBHDr\naQBKysDAYAOO+J2N9VkdTWDD8cn391fhSPumCRdBY5e1hMtyU+HgzvufKEMY\nPYl8XjKo816kQu7PBRMGfl9L6u7MQXD0ICL3IRPld9EB6e+kBQmU67jkRzRJ\nB8XUUjWcmTHtQZtv5u7MZ+ZkBMUQiQhpBKM38rEBV1LNLygp7BZDbQf4cmM/\nKTb5TKPybGEDhu6H7u3RIVYOcK0kbLhjlYjkCogGtg/qQ4J4Pu+jVYvdJqRn\nDyEVmhvsJkoHfI20VpWIuiTvRjaBYdLIEIg7yo0mEBmvO3jaafRe9J9RLUG5\nGlsG6ANxsvTkTMhPSYEHbJEzkgbjxFcxxRY8trw2W2ioWYPJzs1M6LWijj1A\n64zgXj6mT5hcXGO7VWBpDSZIUMauI859Z/v+Edu8/ffW0LXE4IJbjNt+WXh4\n1ai2\r\n=g/Q1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"5ae456e961b208e98164fa21047b3ff2e3f3d8e2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.7bd5075de.0_1595357166747_0.6230427992580532","host":"s3://npm-registry-packages"}},"8.0.0-canary.405a29a20.0":{"name":"@material/animation","version":"8.0.0-canary.405a29a20.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.405a29a20.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"598e2e783e6caa05ecc49cb32af2ef1dd60caaaa","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.405a29a20.0.tgz","fileCount":22,"integrity":"sha512-lJCp6LI2FixK7COqps84CsfapU9fmuNQkU+Ux0buyvKr1CCM0yi4Mzb3D0IIiHOaPC2u2/HjzQflZl1RFniJ0Q==","signatures":[{"sig":"MEUCIQDBQ69oVX86dpRwHwlbFTDQ1GtDjSohEo4EuuobmWMiEQIgTyD3PAgP+XaTgd/EAcICqiSwEJSkt0fK+EDAcGICDE4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGLwbCRA9TVsSAnZWagAABFoQAIh8uSRFpnlosKBDqcnr\nyLNh02uwKIay7fADEJVl4xWuVUY1bS+kwbfwYL8V4EsLgwkW9zraeGNPqfhd\n6p8aKx0H5z/BiMh/tElxB5U/oo/DxYzB4q8KlJJz3vb0OxAbybQ1WS7LEyly\n3q+yx7+wFTz48B/Ay9dBZ0WQpOeCun6bk4YcN4v70LwMRM1OCelwOFzVYOo9\nI38stDZiKcmxxu30LVlY445AkPLAnt74R6CzkMzV8scjp6yzRBQ7WXgpzXw6\nANhN1lPl1A8K15myci/zrxp9YA0yX1nEWFUkTvtJYU3FpDlxVnrtmedAzrce\nfLaorbW6ecElGTSOAfOA3gx5891TKsgzqb3L7KPnYZqV49iFCc5a89j7sX10\nEI8Wlw/hV6LJg6JTB1/UxVwaEiwwtOvUp+7CaqTEPu415zufrqxPO8xS7rKh\nw6xwjBdAGwb0PrpivvC2QJWLYM06Ka7O/RlvXWqRFh/WiJDrfBSN9KAqGqOh\nDRxCuUoNf7WJwFOghbvbW4OJPnPQLIJYIArl25b/Zdsx/Hx/hlF9T5vm1g7C\nYFPYuhravSYg2du7qR4XnW2dS3D+J58kx74GzC/lq4ZHqHRJvOCq3+0o6KY6\no8wmhkA949BFE6g0v77x83P8KKuIIpkSrLkTg2YyR5sRVZSIpPkCUY6p4weK\nGF8f\r\n=3fUu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"02c4f49285e8229cf49d9e4a0df213ff914b949f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.405a29a20.0_1595456538718_0.27852307535696097","host":"s3://npm-registry-packages"}},"8.0.0-canary.f3693ac4c.0":{"name":"@material/animation","version":"8.0.0-canary.f3693ac4c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.f3693ac4c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"255ae941dd207d1e8e6fcc9cdd516472484ed251","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.f3693ac4c.0.tgz","fileCount":22,"integrity":"sha512-ncT7UucZqu1cUBlcQjQ863UX4geNDW5oiO/02Poo2WSVp2YslZtmT2JJ+KaD7ZCqbQMjqW1oP2pVkfOlchx/Qg==","signatures":[{"sig":"MEYCIQC8693lSvB9Qj08+PWHdjmf8/aabNzUH6jZdiNMZNrNPAIhAPGVor2DPm3FEKXFI9/F/c3fpK0twHaWjN2uyRDYP2pq","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGL6HCRA9TVsSAnZWagAAkNwP/j0FntXRCRSZXo9OpnFQ\nZ8WuObZ1AmUNM5bJEUylsaSYslLjRLG0hrI8pVfZo7OTKhtRjV5OIsRkzOh3\nFiQkJWoFmPsiYmTBuz4/vxFYzJzteHOHZeK7hDoJBDtGs+go0m1OR/eVJGAn\nmSxKCq3LLcu/7OImZiCJ+wxOtFEPJnoNsyTOrmjqQiGmL88vLd/vaNBnS2N/\nIRBmeXQKyssTC7w4mlRJU9OY623HN69dpJofDhMQo8ShrK/4JsxGSewkDC/x\nFjRXtzaxbmQJnno95PCXFShVx3EqfcLlg4nL6MhduB6sFRZfuaMZlHpE0DsU\nkZ1CgxXAX6LJDLjTztBepPqx5P9bVVjQOdvIoVsGhqoxUoHjze0cTdsHsVCX\nwr1W56AgauBdrf4Y6jpp4YE1PJiSVmykFgxRdnVb+0emFUtE2bi/aaKPByg/\naSJJTSEGVDYL0ZWvW+ZBFNWc30Hui3Fkcj+Er91z2/MbYp7BeSSMoJP4oBgq\n6fiEMvZPv46wtLh8znDCdo1lKiDInvSGMS9VMdH5UXYike4OXWwbYwLVz/TY\n0t/M9bbYEx1o4qEjraaTMjDbL7FEvYyELikEv8+x+1jwmHU1ZuQPd3LsSHeK\nq0mk1mCJ0SjaCNIZKFaO4aOjrMTJngki/EAR8XKTp06I5RK5pDNH0di99EGt\nfq/I\r\n=R+pW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d3170e3936d96d26a6ca17df46c1febcfc33078f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.f3693ac4c.0_1595457159444_0.8067946482407078","host":"s3://npm-registry-packages"}},"8.0.0-canary.12a109680.0":{"name":"@material/animation","version":"8.0.0-canary.12a109680.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.12a109680.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"17c0144922b632037abfa075ef76265f0eee5b4f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.12a109680.0.tgz","fileCount":22,"integrity":"sha512-B4hS3FPTYEBIwdmfnS1yzmFGO/xLUEN0U9FKzDWTMj0hNH89ArBPuePoOncSHnlAkZMSwx0iBR8OAYMx+qbqmw==","signatures":[{"sig":"MEQCID+V/wWtkHE5p8fvdmSmsVwV4vU8Xvi0fvwycRVCs20pAiAlq78qMgEZxfoh7+vlQZdbroH/dyk5ABFEhRkmtr7Blw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGMWJCRA9TVsSAnZWagAAAPAP+gPr/vyt5SHeFUv1HXh5\nV8U6BydM/NTHUrYOs4LCM37t02fhZR3vYdHlzTI/ywmkdADPDYD97LALTV2/\nDrowDOiZ5ILX0W+40bUkwHNrMM/whhkzbJTcFlVSgafTXkJaUWYjLc41lOkE\nwIjXGRcW+qDXUQFq+wEk0nm3nOuZ4CjSo4TiQ8rYAxt4Xizeg11s6EqNMyjD\nA+XgZR3txAPiyaMomT6DuoTMtXs/RZbAQnfNxiDwKC5wWGG2fXxRG+9uUFdV\nUIXQrXdtI/pFZZY70XRq+OFrceVJrdr62KcLT41esJnczVmF0yJ+4PtSYaW6\nL3RsQypHQ5wXLZKJ33s6ShvW+xCMJS7jEeerBHRzQpaRrXAABSl35IV+s3OZ\nF2BHdPQG4jkdzhFeO13LEw+YR0h5Dzeq1/8iIZXI9xk8I7UZRCyqP47FsFPi\n94tqTUp0JhEtiReCspDgMwb8Feo4Ymt1Yu+7f415DRi7bzTl+1NtTbV5QKbH\n//MS5rm5v1i/umEJo4kKGlYUfXCeuaR89opyTbojR6wyj3Hg9h8McV4Bw+gz\nEYcH2ROsYkSlpIBWSnL8J0sx4JKfjK2g6ngcSpCoW6aJgQHIV9/dBH7jS8Ju\n4Cp7Ucu2AZZqza39t+GRoHgYqvw2V5xH0DGZZMK9F7VFUdVqqOlrbDr+7TTu\n/SuC\r\n=5wZq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a403e743d7da095028c3ba6d0a66ef2f7812aa8e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.12a109680.0_1595458953282_0.7540410136287619","host":"s3://npm-registry-packages"}},"8.0.0-canary.bbd06696e.0":{"name":"@material/animation","version":"8.0.0-canary.bbd06696e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.bbd06696e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ec8f6c26fab3868b0a3270242e40257c1d8b9f1a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.bbd06696e.0.tgz","fileCount":22,"integrity":"sha512-gmv2SgR/sgiianT45r1mE6Mis5oQIEXsz3UPEYOh4v84pkbVJrU7P8evKHYY4eB1CEXnJioYRZeq9mG5ofqoxg==","signatures":[{"sig":"MEUCIQDOartxbp1oMBgl8C+CwP97domedJA+x02tWCUGKIhpOQIgXve0zm3Od9gzC5SwD/HbEsME2fP9Be4zfQGtCLRvetc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGNEcCRA9TVsSAnZWagAAVRMP/j0ARYivmAcoWyxSZpcg\naPPc1EZNyMGubZ5NjwRpw6let4d/XKIsI5+Ack6HxBiPbuB+kyuDPCG882D9\nqFoFhXJCyWHAS/bHbqWrYzaLGBA/5EEsljnmsGebGVA5DcAT5ByG0RJpmjm7\nJb+p5qR5uRHTAHAXAtQD82shjl2A1nkdBk8k79e+bSfLYgtIihC/CHQtAx5G\nhQVkrcg1SVg6ODW/0ZYD3SkgKXLh1FJdbKdCaR85JrIoX7TvBPAxQCYjedtP\nmrehQxO/Vgy2AyIVG3hNcmNfcAxtFveKxlWqJFWNHWlZ38IStdjq70AuJaAL\ntbzr40XPT+iJ+jB9N5QqmB7MngorGsU9JnI8of8cKK0HXDBi6bEKmGxCQZAI\nXrNT9coacSxODeZfc0+plsbvjsz0l62BHYi9x3HSlNTWX/eoUSBfSzWbpXxs\nbBFKfqazfUfdxA234kLmnrQH9dUcE184z4Ue5mup05/d8UVgYxWc3Bk+X0Y/\nujsBy9DoPX2vEj1MqA6PiZFQc3DLgCrtyo7xF6EK7lO2+4f/3HTKo1qaC3KQ\nMNb6ggfEFxPhf8Y5jxoWB8Q4Bvx6IvvSXhRJbCcmf2Lhh3cInRpCV0YxGehQ\nVj0EjssZiitx6d4D2Qv4iYvnLmBOBCTzA0pShs/YYZzhiae8PGfq9/yVHEnj\nUeKV\r\n=1tZa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"1d34a386a37996e326b9ca18440ff1cda261f3aa","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.bbd06696e.0_1595461915947_0.4981874511384574","host":"s3://npm-registry-packages"}},"8.0.0-canary.4951e7651.0":{"name":"@material/animation","version":"8.0.0-canary.4951e7651.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.4951e7651.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"73946caed60d7ca6f07550f7db3c049e2006741b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.4951e7651.0.tgz","fileCount":22,"integrity":"sha512-TBYfinSATj6TJnQkuwlmRsR2J8Emf2eHc13Pfxw0Z49Zidn94m7O+ORaOFGXJ2kHB3a+CEYqwFa6o4srIOSGpg==","signatures":[{"sig":"MEYCIQDgiKJU5jm1O1b+MzknvyDrktXy/HlpSwdACgY4gJn+RwIhANLnMdeWvzJa4l9nCyh1/T6bXILjniFL870DxUvFYWbd","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGOxwCRA9TVsSAnZWagAASA0QAJGtkDjIJPXPGx8ICZhU\nBftwGYH7Xyg+9pj/G9Hvp370zJO7r3y8F4suvkV+rcxgPplywAEVmSkXwWZg\nGTTEpjCZvEZ+qhDykybhtIrWdH/ZE6BAYoM3fnhx7nAhUR/+oarT27Td3Cl/\nCHbmPZwulUnsNZhNbA19QyTFPeH9GTDjhCD/906CY8viM6i0iokUZta+6JXq\ngkZxdVCvu10wYj7xvVJ4T15vV4H+EtCs3ySlhCT4svGeAbHoa1wBUYd86U5m\niGOh6nuw46iKUlVPz1okvXBHlNnLvmFg529tC7TMnm7xD0VkZMHUya0hmLFa\njIq5tLKKdPhw8K26kYWxLoIGV53m7+UBROrP5P2BVI0FXFKAiNoLQYYZUIku\njY9yuKpT85DC3/L+vjOh6/4uqM5qlEC9X5L2L9ulLb+kZkkAA4cjNM67icCd\ngIHb08UGRAfU2LU3do2qoxjD/x1ztr68UQoxDjqjsv5TsO+5dnjsZ/94kgyk\nLTfu04O9OF3PKhYQbauYaqt77iezP275I7sMJwUzHBkPj1xhui/4gpYR7CLA\n+flOgU+UwD89skdbYDFxMFSXRleyVYm+PTGAIVCmv9zX6xyummY3kXi/YZBs\nHYQgQy0LQPY7P1c+23odMNkmzjBN3qhLWWJ70PcPo4iEq5Sr9cG/xJB5yp89\nTRg3\r\n=dKK8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"32ca9cc0ab948e59f91965e96adf325a142b8336","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.4951e7651.0_1595468912240_0.38723460476064253","host":"s3://npm-registry-packages"}},"8.0.0-canary.75deebbef.0":{"name":"@material/animation","version":"8.0.0-canary.75deebbef.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.75deebbef.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cbb065b036d5099dd2469f3a8521dcec7fd52935","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.75deebbef.0.tgz","fileCount":22,"integrity":"sha512-Lv88HYppoGW2hehAQPoHGREw5rPbvA2JzNQIfOvGT33XL0mFj1n04cWJlVeq476qm9gp2luhhEl+a3RCJqA3ng==","signatures":[{"sig":"MEQCICWbjw69cLBDSaQ/KYve7T3IoxPMXhct6mWwpA6usT7vAiAyxkq6+bNcmipUQhQlijhcccPmDSY5u7gkq8T3p2JPFQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGcyVCRA9TVsSAnZWagAARfcQAInkdbnL5Yg+Opkomv9w\neAhP6zAPDIRtZzTvlNMSRO/AlMKVKzpUa9kR40Qj16Eb3Z6Mhcfd+m20zw98\naoxbJ4lL5Tuo4OHodxwPfaA/aQtNrhKrzHzWDdQqhIGgyVVtqy8Tx8kgUweb\ntMQs5vTstXSgkZo0eFC0YWQtWPb5KclDMvLzYgN/+s2knVzjl0dventoSFls\nBdWTxxbreAESXv7GE1+XuaMF9xspBFgeW1m7IEGC46l1bmxTPmCZ6DVnpeKF\nmtYGuVJhNGdbcRHctVImXCvPIbqxxqoRIYOOoZHbf/ZXTTd37rf5YHfVyY8M\nJdYW0veR/Rgb5l9InR7iXRSH8uL/Espp8tE4XAgwlWjmMNiN/zfV/VHK/c4e\nHmMY1V8gpsRp4LoMdqWWbutmC+HwpmX3ZjVoag5IRmA9DSrgm+FZaVuasH6u\n9lvVroNYBsY6Ujl+TXKEkSJJ/uL8jNZZuQ/Xl//J1piW091degQvhPh0dQc+\nL3mdLxcrIfh23yY5Yvl1EXBlu2CaI4UJGo5eUvG1HQdVeh9lfZalYWDahCR0\nanpJyqH6WeYvuu3ty2YanwK/1i0NJoBNGiqCuLs7a5rXfuCFdK3yhKqrKuCq\nQGD71TC1zSX8RcPDivJZJCnRmu4Y+8WkHG/2NeUNjqcpkCqdwGnHLnhp9bzP\nlNmC\r\n=Bndd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"3df5ec3c8a254202fe3ba9017528cce3d5d906ed","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.75deebbef.0_1595526292600_0.485141507095568","host":"s3://npm-registry-packages"}},"8.0.0-canary.95aff33ee.0":{"name":"@material/animation","version":"8.0.0-canary.95aff33ee.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.95aff33ee.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"70606ab156d402ce7211a48068aae298d410d988","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.95aff33ee.0.tgz","fileCount":22,"integrity":"sha512-x6AiuQ8e3aNuG5fPN50bP4VtA6S1qPvL1mREBJXBZPcfKkEiKFXnSM6gHSpVqrMBsPqPGfx7s3l42rf93wijrg==","signatures":[{"sig":"MEQCIGT1SCJeIjk8DLhvAuoNMo7IL4fVsPMaZvoIX59WRshcAiBo2GNaG4BtHctUE/9EQqnRIED/vukiYlmZUxuvNmJcOQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGdsECRA9TVsSAnZWagAA5DUP/R2/DSdM899bDQAZKh1T\nqk7kO8ZstpBXfdjbRMb9lohYV32d2c8rD53vvoC2VMP5RVfIdrucfaTz+vnd\nVGLGYl07BFMDtVq+AXBw5NJC/0ajKNymbSSGADV9lJ98Obr95ASH0duJ26jo\nH11cXcE56+BejE2WiHHw5/yzg30zCobtsOYwproNDExwk4lutNV6tfxSRxMo\n1dj0E1QhbtcLatjL1lyhGcHvyBaweZoLXIfv4stYYAzDombMEgoip3VbUvBs\nThWQVpAy/J5SdWXgaV8jF08F7pbm5uX+kD1AvwMOCUkgv5G70q6ya6gAluPY\nFZQuUFB3hlWJA7pONYt6K/5oIAKTzQWieVFVc2QusdRWP49j4rYN4mcD4TZL\nLPIRBYzXrTSAo1B2V5nOT5HHmk77ZkU4raquJI2BW0cmkrpJUBi72GF8+9+F\nlvoCChHr3XFcIiDZuFB5oGCEfqwiPHhui7SaiubxfKwhpMW0cWm89tyiuJYK\nSHxBj5FXcH7hcn0QAiRHR7uZ6wLMqh3fpXU+cY7JpkYNcpoYIt5EUym8tQlh\n/xRSVaa5OmqC+BV7jrrKamCU4pf/U6uNILZAHzmzoUQPfic4XtY0w6Ec5SVD\nzuirbiU29D5R4xMzzitA20UV2ee/40v2A94KC4VXSxzF+0rckrW+VODK+ANY\n/g8T\r\n=9z+/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"0343ebd62969f5d4315e249ad81f2837fdbaa096","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.95aff33ee.0_1595529987602_0.9653804577187757","host":"s3://npm-registry-packages"}},"8.0.0-canary.9d9f47473.0":{"name":"@material/animation","version":"8.0.0-canary.9d9f47473.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.9d9f47473.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d932f281b8328845e089d3cab91f70698772fdbe","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.9d9f47473.0.tgz","fileCount":22,"integrity":"sha512-VNNajCnd6n3DnSupXOM+8Fiy3Tj5k9t83Pl1JDk0+WM+5QJVUuhmicnsz1fAjAkACNMETh7sGxhoEWBOCbxYmQ==","signatures":[{"sig":"MEYCIQDZrfkY3ZJcRgMWex8Sn3YD8vWeKJa9XjYyHdCCGYVEhwIhAMZaRZksBHD3k4FYPeqo75OMU3ZkL+7O8dAoHMcjU9k1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGeu1CRA9TVsSAnZWagAAv58P/1HvWXZ61QwSO455XABA\nDx7ZNfq0ltpXj+FloyZBhUl22KVdrzlt0rBfeHpZjFbExgUpZg+vAYbWmAC5\n5j53qezBdkgiljMeaRrQzwpBvsQXX0jTeRqDXIoGtuXjD4lCvf2YOyjgUagL\nn/nm2bXHnRM2MuR+7sWejhlhgXCqH9Chyl5B1x0nq64hJezan4c4AQyEp58e\nMMxetgVlWRKSXziddDlUJJvM96tJXNRdZczkbKMi2SjBISpOWADiVsoYmNtt\njp4Zrax8g+0Ck++I8ON5RpES7SAqWgUZjIAZNgFyIOFT6j1fyQxXe09FZtER\n4KRQ13QHBWkprPDs8KO9Z2AFBw2SH2OwGFYjcBwEuvEJK3NXKAf2EAytVwoc\n80KAOnEw9kGWUXUX+UBgFT+M0jIkHWtJFp2gQ+7gvHcJ3031JQjUPNRwTY92\nYO3Y5LTsVstgnv2nIQ8WjxFkor2WgYKPNSHEJw4kAXbraFq6Z5PSXE1amhWa\nj9ep8Jjy8du8YPM8J0IO5wv8Xvh6LJhIWGZUk4wzl0GPK3xiVMHZcf4ZgzTV\nKxZQXXqy54lUYc13AdkKOIsKHen1ffxp1aTshoONN4Ju/PvoTvYowH+D8xov\nPMtY5JUIKAHn0REi9uC0xZIEBPVMfhq3F+6FZtfJl4Oes0V1VSBvmR0qsuDW\nq1CD\r\n=+Yjs\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b21be0611a45dd7df8e3b48a3fd0aab09d6cb236","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.9d9f47473.0_1595534260868_0.8838604543757074","host":"s3://npm-registry-packages"}},"8.0.0-canary.00dfbf6be.0":{"name":"@material/animation","version":"8.0.0-canary.00dfbf6be.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.00dfbf6be.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"74c5ef993a013ac600d5de737a7bb77b1209acf6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.00dfbf6be.0.tgz","fileCount":22,"integrity":"sha512-7Zibp4UyqS7nmFqOiW2jN0dp26wrNEzdtL3h1xftPNFq4VBmxE8i0JiFVzm8dLq9LLADyuxU4gH5ZNeubcGY/w==","signatures":[{"sig":"MEYCIQCvqBQ9re5BSR9KovwJoQ86AND1w3uGmvOqtXtUjOiA6QIhAP/wST7eExFDNgVKe0x2R/GhOkLW6npZsTgqpRajwPoa","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGfn6CRA9TVsSAnZWagAAKHkP/3dbXFA8mJXPrEQeJyNG\nP1Ut9o2HIPMPl7Dtc379dI+QR0SAboVI5Zd9mmc0KSPMTr3ORD1S8R5e+zmZ\n/jR52PVu2zLrk1JyE8E92x47qh/SJ/TohckiB1bPzRcfTHOEeCDKZfevyaVE\nfZtBvFVQ7+eoBTNCqcjcM8iiALVy0C6ulZXy3XJm/quPy/lS5SWF+xW929qT\nE3tO20MhQF6QaddP88NsTe9C3EjlHaHsIdUWk9IIuqvMNgtb0hag+sixbeYf\nJLPgtKMLdJloR+7wty1oTc9PZWRj1ozxtKYY4Ydm/jTMB5+bpP7+QkOJFWZB\nWr1UnHtvbfd3du95tLRC7yvbkbsTTUGyinueZJionLD5F7YNFx8wO6QB6c1l\nb/h5sD9AFFcjWMSCLE4UGln/LiPNP8Y3RTzgQp6FN8Qq/sUDz5drokXfMQrm\nA7W+5lsPHoIkcooCqXLI+U4q2WCRBaSdIkmSlrCrYc0c3l1L6bL0edXbDP0b\nXiJS5oEye7dCSEqnYro0jJxgeEKBMaRnCLmDAKZ29tWdo2sAeWLYijoGVdaa\nLvZxbNqDEZMtYlH0YFynmcTli8QifN9DVbUkK9hruuR9hlCSjdfg7kTK5Zff\nEk+TQ84vWKCog4KUI8ZF6HIUq0OvIGAfw8zSQWCoPEywpB3CsM5kXqwukaRd\nhMUv\r\n=J8Qq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e4a97455c736fab77028e52beabb53323eb60ed3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.00dfbf6be.0_1595537913581_0.9823706451268215","host":"s3://npm-registry-packages"}},"8.0.0-canary.b87e522d2.0":{"name":"@material/animation","version":"8.0.0-canary.b87e522d2.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.b87e522d2.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4f0b75d575b930f8a77b23c6d1ee570909891342","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.b87e522d2.0.tgz","fileCount":22,"integrity":"sha512-CohGu6o/ZXGQGc+1ahbk6xIRx5v0t6gi/IQ0Jbw00ZkK7lalLUdfC1nHKvvB8ejXTNloAkKqlG1SLRrr0stHRA==","signatures":[{"sig":"MEYCIQC3rmBKVr32LyvNFaXzzcmO6utGDuWfTw71Ge4eOzoayQIhAKVZ+8pM5C/t/LS4/Hk+YNURlsJjsePa+r5yVcEdE4oH","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGf+mCRA9TVsSAnZWagAAkawQAIgm47kHzjvwR+tjO19Z\nKEa46BmPSRnv3oqPBFz5trOhSBFodfUYUD7/CBJI8iTiVmPBM7l8HMSzQjfO\no69rKekup0uZcC7Y2NmNWRfBIZoo2GAZMUsn4kd2jttuZfJGvddGnFUQtFe8\nW8D/QG6qSXpl4qSEDx1FXx1MgKtvFZ13jFK5bUtmZMYAyeS1vZH12jcyTtvj\nZZw/ItfKQWXhQp8mwRNmvP3fHU4Fvf1whafFxZ9UjMc53Y5IsmNFga1zYGKY\n7GCgU40qg4z4W1/6OAtyGHMUuQPg1+lD1s7Rg+alxNuNe5q76kBp4zM3IJwS\nOdk/nBzcKZoZ1EKURXOBk7KAhBegD2M0nW5iCx/3wmkO3qVwoXASKiPBnn35\n3yQhqz8WoS1dY7nCojPK6WM71ZCYWfqEoS1dBtwpySBvGkjpL4pna+QwgsNB\nATMnoSZgkjCCE75NZVCfHpoJYz65XNHhnL0aovj7eCceLBOB1vdRyhGhJLj4\nNSvTbn1xuSqH4y74gUDNN7lLygelDZA8tbG4eBu8l3hgZgKk7xEgCE6Uu1zE\nA1VPDOG75brQdOHUBJH7UF763DtLEqWamckR1ZsYX6MEpUcQzsA/ooUiTrGI\n0JJailPxXWDLStXwMkawyCn+R2G7WjJZxDWr8uDUh+zQifY9cZmqdNGA0uX/\nlifa\r\n=Omqd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c6b4bba75848a4cc1d6ee29d1b67848ff11a8ba6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.b87e522d2.0_1595539365806_0.8343770996839299","host":"s3://npm-registry-packages"}},"8.0.0-canary.5b3e150e5.0":{"name":"@material/animation","version":"8.0.0-canary.5b3e150e5.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.5b3e150e5.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4931db15d6c0ee2fa6098c168d1d0e4a9afa839a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.5b3e150e5.0.tgz","fileCount":22,"integrity":"sha512-y1TZMieODxuZQCkF02gaRxyAjdAZsPl9/Hw+DkhgaEML2bWhRkNWxyIg34Qxh3FzLSBc+Wie9Qe2znMWFXVnBA==","signatures":[{"sig":"MEQCIE1YIqVCbt0M/mDMeEc6ysK23dmpteP6Xhc648XU/3vLAiBpEkmj6E9eG9GHzIP0QrI8MKu/8ja5+by9Z3UjFaPLQw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGjfyCRA9TVsSAnZWagAAcZ8P/0f0g78qaKnfye8OJv/i\n+7Sn7yrE1DMhbwTP4HrhdFXOZQ9OvSQn37GwTTuxVOa1PuycH2HdPdhblNeG\nJk+Kytr1paLQGvgg7BjauhjhyIVDq/77fnwc7Vmos4yIihOH0tS3b5bP9gXP\nMA7CeUoSqIsSErgr5rYtwwWMpgKw8MIVHhex/7BCyOsVm2ZoTA8qxYaaBj0O\nbKrcT6d6JWXEmv+0xdZurGvosoVig9DeUIxB2ACKGxSznIA6P6wkbP3nFCFE\n5MvJY7NcfdXIzwQmUU34S5IAPIzXZG6Fv6aSMiB9h/gyLyEyzvFFm9G86r4t\n1vt9a+Z+BLWk/l8ddNszxsv7BGYPSZUhXuGc7h90dNHDsixxcuKJaQ2mliIP\nR5hyaallPePRjf8/7MElTaziw+PiqNeqBqjb3PE4mfi0tTAk70i8wFEm5eli\nlYINvdhv484LWDDT7xDK6EYWTtZpcQeIkYVo6SGp5Bi4jU0J62E94Dg3nMKY\nS+vWEmAl3V5LWetcAVBifu4eZPo/DVw9UDmXN5JxuPzv1yTGB3beFEUQ+92N\nz4EUfvk2QaeJsp81hkfXH9kEr4cpU+cn3eVoy3LzQ+H62e8QqAPJa8ttwAVS\nd66mi2Y8relDzKhxqknQk1Pq5hyUYhoqPkcPTOJ5ZAiMm3iPRNV4ArdYGJvD\n+VCp\r\n=Ev2O\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"bdcd04000450742ddf94918c2953ff0bbfdfe9cc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.5b3e150e5.0_1595553778114_0.026726363078896975","host":"s3://npm-registry-packages"}},"8.0.0-canary.f0ae11786.0":{"name":"@material/animation","version":"8.0.0-canary.f0ae11786.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.f0ae11786.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5d3f0e382960d23dbdc77dca773ab4deac928489","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.f0ae11786.0.tgz","fileCount":22,"integrity":"sha512-mqBANf+Ei/OrODH0P+O9l+x0eySY2vnhh11EFHExgM2qM8ql9KL3IyT/+P8a9JbAfsoCv6fnBQ24MVUI2liS9g==","signatures":[{"sig":"MEQCIHq1Hn09ql1flhwgBw4ijyXrTo3Mrt/QRDASeFkGWV4bAiADYHH9L32yln7zDYRfOJV6AmtOWOajLaAzy865eYf1lQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGjyWCRA9TVsSAnZWagAAbPIP/ReB54VsrREkniMeyL9Y\ndlRiPnbPwobEYcuzFcxY9g+yqA9fcegExQCbkZxc2sBVJ9ns5rqqX6sd/hLa\nfip93S3byJFe/VkHO7KIQpLmmMzDFYFkL/r6Y+CNBF+lN9UQO7AUeMVe6wtx\nUtezEJWK4iweI4DRFL18fLs7le3B+LP+sxyClAWfdDd9IlgIv0vtmUFrHg5X\nj7FJUbhUxr5UA0darF4QWJRt6ITFP/W03nBU2DNTsDCGzYtYYL9G5IGdp9Ty\npdbtPAvoTUkmgFJFn6wTI46+32lMF00Qruo9Y2JEuvFQEFKbSJLHHQG1IyQ3\n+fl8HdoEhUFbD5HW3fM5oNLPmfPVxNUcILvn452VyNhPyQKgckROrUvjnNrV\nHkOajxHj3bD2efe+IYZh0pOyCCyI39k8nGbjojgm556DvAPTKTBG0yK2UVbI\no0FWJVqHU14D+1Kevi25XmqX9B84gOUjozVtG9gEBiSXt5snweF1SadPL+lg\n+SnLc8hMGfv789yRsC8ztWExY17SH0jPDosZtMSMvX8WkY4wMaEg8xkV/UW6\nb/39aPG2EAmnu13QerznaIqIEtYrQAO8HEuOSHcmav5IECJtCPnPvrrvUxfs\nWnQFQnWxpbmU5TRSQvWgOVyodwh5jgpgCh9v0epiaarRUSKcFokew8Yr1uB8\nCW8F\r\n=RREw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2f6df990a3e45b1985740da9e55bce17882e69d6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.f0ae11786.0_1595554965949_0.8218611212651281","host":"s3://npm-registry-packages"}},"8.0.0-canary.fb4ee66c0.0":{"name":"@material/animation","version":"8.0.0-canary.fb4ee66c0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.fb4ee66c0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"56c1240b4ec44f23032518e4e90311150649c669","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.fb4ee66c0.0.tgz","fileCount":22,"integrity":"sha512-peKzxOEaeXq+LkleMPlFvKYR83/w68LXkuKOsddWEj/WeWe7t9AUpzJvpls7cuwt/1OdBXH89Fu/EnZaqV6lUg==","signatures":[{"sig":"MEUCIQDxEVJgBc7AjfRn+ZLMgs9EIN+rSeOePXNWhFCxFKzxOgIgYz7D0wRqJvWszDSJeJ12OfmtXzV0ynZqPBaG/vgr3u8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGkLvCRA9TVsSAnZWagAAJasP/A5W+lYTdZ4WSdGIkB/h\nkObnwgNOGHQfNd1oksJdsIpZM4zwac0GIdOjpvNaLmG3D0tfuNShtjPfsQSp\n22UFJ5+suh3yIBT3rZxzVEesWSNhRffFziQsiXLr8d8W6/6IQzrhkqAvgZ3k\ncwy/3zQRmo8aepDibzXOiCe9xgPhTO886FU7tSalfWPoBkTGqrASpR62oCgN\nnEceSM+yKh0l5U7h2Pu+DDuCcAgWo/sYX5kqpQFP9n0JoTVPBXaM3n6IslbB\n/go4cdr0/4XEKPHDNsoUz6iz67W7gBW2xP3PG83fbF4i1W7i9dL+y09yukDJ\n9SwFXuFQ5jiLpvy5qwR6Z1gXG/zIw+e8mCr5nJWCz8Be2YJorWRid3wBBGu3\nLLlLGGGKHy+CR7BMN5V1Sh42RqJcRgZcXmabf6JxJz+Rpsz2P5wNBvkRl+st\nA4//3yQTW7FdTlnMCZLgy1EruhT6tFhzj8HPlcTIiZqFkHUajMCZBKSYCkmX\nnDzYE1h9DO9nGmsDdAyi34uzIcEiZIhC57K8jXnrxTHTFXkwJt9haMd3/k3y\ndKdTKIi90Dpi6w561/iNW7FHZ1ctrgyQ/aKHY2SK1SQCfMmaLlSutMpX0vbl\n1b80RJEiAL4nMy36LQWStJ9+AnIOUmCUjFEYRyNnZXLmhH0zVkt+2w6Vn5R4\nEVxv\r\n=TXhz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"38a9d8f8bf46aca600cb4ba84272480ece6c67bb","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.fb4ee66c0.0_1595556589402_0.5212898402476802","host":"s3://npm-registry-packages"}},"8.0.0-canary.5511e0aeb.0":{"name":"@material/animation","version":"8.0.0-canary.5511e0aeb.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.5511e0aeb.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a98cf61be5ef165d4a4e5982e5b39be53c233d93","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.5511e0aeb.0.tgz","fileCount":22,"integrity":"sha512-nTCDOqOMna3VjWT1AXrg7s1whii4gYiUiDGRmsjnw+WxOAbvDWSA+DJWmwlaYp6C1NQPAVU/bHDcxE/POFU6eg==","signatures":[{"sig":"MEQCIANM9wcXrshzkYHcT6gu4nDNmofGPcKd+MfXSV/uymdHAiB4Jgzsl84yYhCeJq4G2uA//NpKUQUbtg6Bo51hjXdZWQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGxKgCRA9TVsSAnZWagAAbBgP/RUTIogP5S7GbgXl2c8e\nOYG5uaFjl+4i/eekflyxBRpd4DH9mU26AvIT7VFc1/itJx6MU6OcVedrVHlq\n1XzgJ+t6bsMoEZaipDydM2994/h3FgT7777DjOoK5bwugRp+1f+Saja/wtnC\nyZWsEosGVOS0nVfS68FOWX+phhucc6abPosqKI3sYgbAZzybPc6JbHQ/iYpJ\nJ9fdBB9oLgNSl+XMzPvTa4Uc2xiPerPdsAe9b6cQJpPWkLb244HQteWqH67x\niTja2JDuA+PuCbkPR9vxmyK9dFitfGGJgAgXnMWbcUm3n/snRIoVl/wEaPgb\ngbQcjd6LUbNTA/0hquENwdr6m7skvdZ1myxloBrkKSTx/ijmci9fhBfCcgD9\nhZvjugMUNcGRjm6blWQvg5JBBMWvTFeyNFrrlxidxX9DfAufbC6RNKw1s3be\nByjxZb20g/TIGf6BoCRrz3X1DIkc8s+hVLruxSat+azBdyehJkGo6dOvJobJ\nWnWKLUROR7MbW/o1IFMI3kgMYnrr0bOx3+/7GiBKBbP+L0B/22tW/zzovG+b\n3+nH3FUMXIuiONn/GpKz9b3eKgQvWbD9nxcKDYF+qi1U92S5DzbzvndnvO7Q\na0qewNUXWHO2eVQFzahByN/GFMyoVYFYz3q2GMzX0z+53k2ncRWbCsE87PBQ\nZre+\r\n=8pbz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"dc830dbf81ef9cb796c66b2d35b70355ca46a37e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.5511e0aeb.0_1595609759435_0.16019015738637177","host":"s3://npm-registry-packages"}},"8.0.0-canary.8388a9bf6.0":{"name":"@material/animation","version":"8.0.0-canary.8388a9bf6.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.8388a9bf6.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fd79ef12eff77b3eb8bd1ca52658e6aab3fe79a4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.8388a9bf6.0.tgz","fileCount":22,"integrity":"sha512-RH78dWsnpvvXE0Z5x2psZNnmzrK+DqC2RT14iwzg5aag/mr1kPCcfwXETLznd1LGHboQfdHF8j+KxQ+HV9T5tw==","signatures":[{"sig":"MEUCIBOlM8nIweo66nmoBX01m40xmjBEmE/eVw3l3MMCCrDvAiEAmZB1Wi4EqKI5QdV26kz9jq+QBmLEM/c593GuuueMtEA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfG0CTCRA9TVsSAnZWagAA+ggQAKDqMdrQTTPX8mR9HJ/+\nGgdj9A8Ny9QKhtP54LPx7m9hZkOpgYyhNYUGKkFv+OKDXSX/wJPiqBaMYelj\nXH4gujRWFPX1LZSRA8Oe4lxbWQylswWpVTog+3nvfVd6OGAsDWWzy3rhjD5Q\n22J4kKsPa4oHWehw2a4x4UoeHMzzRj0K5rE6wGKNz8yqomVuH7TOW/bpEEq/\nqLTcgGkpts9frqGXBOuCbLO/1/EfsC0B4EMjlPmSv+u6a/TeISycFVV2pUZ1\n3/EiFyIYEggqfA5CSFQ4c98XRhPPdznRH7yw/BitLlY/IhrqnROpS6kSXYZM\nt66kYC6cJWmHzyOnHwCtO7UOuD8pPnE0pLA/zI5kNCrfHFDh+GgotdYaak66\n39/RyvJIbNv/vqnM0fP08V/VOHQOTIuVbJC6bIjL8FcdwSPNhMuHNTdEXS4F\n1EaCxz4Kwa/f453t14Os4zblzuXdjiTaYJxXsqg2lGHtszSE25creBOtbGWv\nOemO1D2Z9g+k8OJHtcdKCdI67qyeQBoj8gwxagPIuyGfkLEnCU6UKvnUly+r\nhWuekFdG13pF4LCEzvptj7IJ+VPvokjtB6kuELZ30kAS50igSK7WGLYLYZrl\nhbGkQK3JtakHuH593sNG6PJHRL0CNgBetGp2xy2cx+Fov4pw4/fEi6ag3gQI\n23vK\r\n=OQs6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f2188ad8c46b8f947761bceed0fcdfd08019e97f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.8388a9bf6.0_1595621522654_0.8499035824095684","host":"s3://npm-registry-packages"}},"8.0.0-canary.ac405eae1.0":{"name":"@material/animation","version":"8.0.0-canary.ac405eae1.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.ac405eae1.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8f3fdc8a38a81e810b00c70c0d880da21b931547","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.ac405eae1.0.tgz","fileCount":22,"integrity":"sha512-GtbxmF4stkqAQBo0VpQTgad4BFX0lw6IzJ0kTjazXUi93unIEt9VykK4wRuPHA1goZU+eMg6w6g8+oR3RdnJ4w==","signatures":[{"sig":"MEYCIQCQI7l+Jb/Jie53XKuiSk4W812yUMo1ZtfIwf2zVtM1ygIhAOF0vljL6b2R2kJYrf6mzW+mcdmtvYqfqxHMA8bDEHlR","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHu0vCRA9TVsSAnZWagAATEQQAJ4yNu2EEbGGI4gTuYlG\n1KCPuLRJEMDQwfByoCEnpUsSuLspkk7uRGRDhIcRodV5vcaqtkw+5zCwTplz\nw/jiGZ9EmuQvl90vxJtekXJE4eC3nBfq73oxcKuwtl9sZy7j2zDIlmXAg7eF\n0X2ZtTRDGwcnCdoK0joZtkwzdktjK2uW6D/ww2TOp8DSwIgBU6dGtFPPaK+A\ndQl5JyEqih7QyfjWXYzXMCFGiKak6G/2Vibk4a2C6SxfqGcAf/f+1awJOcaB\nJTXQEzW99A3JQ5kzajhW4r9iepePvYq83RsdfZzsWquNuULtqLQwjq5nqfJu\nIoc42Rlj+NlMo9TKaKqN1a3ZiSjLhOTxjN3/5doWOaL1cDdJnx3huHi/i4bK\nAQvQVaJ9bguiBEV8Fm4RF9ar+6oKZs+0oltmJBChgxTG7fRawAm6SwY8B36X\nYtkuOXYcYknWGDbpYGDbXyHz4lZc/S784bdv1g2zZOEJRmIpTBDbbaUrolWw\nw6nbVYzMb8+0RAGFmXGth7rE8wc00aIJE9f8pNYy/ylCt30ZdtmuT1yiao7M\nu9t1TP2LJgphFqJwuA2TapYYS94BK+K1SiJc99yEa1PtK7vOnr89dq1etPHw\n2/o5CV1sYAHJy3XIh5iZ9WI+aDZpvexVgnMyr4x69qgkkaHyUzD4SSJ38sie\nFt/S\r\n=TGpa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c4f229736a36f17b97137adbdd4b59901eeac852","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.ac405eae1.0_1595862318614_0.6989728123879726","host":"s3://npm-registry-packages"}},"8.0.0-canary.75553837c.0":{"name":"@material/animation","version":"8.0.0-canary.75553837c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.75553837c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b37ab2bb5751ae29137c2b4d7d124f62bf800fc1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.75553837c.0.tgz","fileCount":22,"integrity":"sha512-JI2MN6LwllWGX5AJrORd0rgM1zKqqrgifPIz1vuIU96oFJ1y+Y6HQhHjV0Y2SS6anOjaFhFnP48HK4ge3oxpTg==","signatures":[{"sig":"MEUCIDX/S8ohMdG02q6T49yubMMJkTyJ2QZ7tcgNbmv3uBbqAiEA51+wW4uyaksSQZKrHHS6e/xmAyKx0wousO/rhfDONlI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHu6bCRA9TVsSAnZWagAAIBIP/0i1SWIY+yWV8H7y5sFn\ndVrpA1BWE6buTsVBznVX3AooDbw9At/nG6WuIaf2xHAR4DEe0cgUKsByfkv5\nOe1WfL6/aq1NhV67GOGDFuL2GCgi/6eiLWSXb3+2MQQECrVLcJMJ0Us/wvRm\nzYDmPXwujhneB6OAbApTdnPZCC5BObxBh+N1CyUreYbIoyhaF/Uhq98NRU9T\n6mo3e0nZJU6z/Hs2QQ4cejO6dXIe1bhOgkwHGnbA1BAjbczKI1dS2I90yttz\nx+CKYns1kV7QW7b1r9hpW9LdS8dJMX/2dkbYhPjwIHJp6fsFG1PcobSEu8ny\neeUvch8tkFSaWvzVmxnRVVtcvNEgg3Q69dh2K2KKpJwS1vYBWYp2aaw+oLb3\nRlBMbYh5QsUqr8/2wVBp5pGHSTMW5NaHobzAwTazxUpif+KDXygML83WGFk5\ndRM/1DhODhKBMzlHD6PazhImdL5rpgGuHOpWBdiaNCSK2TBJjw/JJkSJsAYb\nIee9dV18NKNy0RSrjh64UA6PPSXQqw7RsHnh5erVHaIptt6JMLlsOEJZHuev\ns/OYghNRrElEWZcN+302b3UAfhOZQQadHs/CmiC85CbdgPB71SO1bJDkjzv9\n6N0wyEEkdkVGH1jxZCmdH9XQ/DK5iQebG/DwjJh1UYTIAzVDUkE1tVJxlXkc\nv0Fu\r\n=nQrd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"18c0e52ebb63979ca614d6df13d96e2c1cc93216","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.75553837c.0_1595862682566_0.7075955268648557","host":"s3://npm-registry-packages"}},"8.0.0-canary.b96fbfc7a.0":{"name":"@material/animation","version":"8.0.0-canary.b96fbfc7a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.b96fbfc7a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1e41f4e7602f961b2afcbb9066c2752431e8e292","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.b96fbfc7a.0.tgz","fileCount":22,"integrity":"sha512-nZ6epN+HlZn6YI9R683m7kVig7d2fuKzg/C84bQw9+v1Sj38Hf0bdXQBMkdXA8RtFHcQTj7/psLI+dzsIPESMA==","signatures":[{"sig":"MEUCIAGAxS66LDsCrH4uY32smN91ysyQy8clmRhDzKpI/GeRAiEA/1TnhnWk3kBSER5nIBVcDGiaDcyPrP7SpFj7yXXwg2I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHvSaCRA9TVsSAnZWagAAxMIQAJRNpc3ISBUj7q9luxji\nj9DBRA8A3WLbFRWomtvRvcuqiMCwZkx4VUfmTeYQaStZY1JM7EzCCUKgHFBz\nETODwiAg55nuUUrYV2L6N2BWxmrFIfp2VRarphfx0VmP7Ri8JMsoe+KBWNac\niF/r1hyUKkmLdr08Iu84WOKaiKr98Dv4sLwYsHC3MrXQupQF+NE6n4fD1w6r\n3N36dneWE7fdKYHiDjqwyZYzxuhgLb8q9CT9nB2k4Q2k1NRcpTAtLeOaRfSg\nlrUpoKNPUzwMbwPL+VOUFrKZHKs6Qw+Z0nSA2OD7SlCMOl8PaGUF7Fr89JQo\nU4fZmDeJmdlaJzewoJF5ShC3F3i9Cc0fEfY3H3j1Iy4Gdxe0AmsuKgekmjjk\nBGDu5MIhZnmXpaEEwDhSbCXeISyAmHDZAwuMgCD9UILnkB+0qW6EE/dd/ViC\nb/cWbIq3r9CiJf/gLe8rN7Ryfw/NhKg9IcB+bOi2/AlkpXkNwFdT4KjYVrYt\n3yUIFQ3BJ/+M7bY3K6V3pE/EyLYYHtDd1lelo+yZ2WPonhUUzctNEn9yUfDQ\nYT8ZXKsyBQI8Q7bnrPyAgtYUFyXwBtBIkXXYm3Nny/cEcDsYPYZsbTprODv2\nlreW+1mjpMsobZbMHOlHu3Nt3VZF+279cDj7m+hxP8S6jDSlG2966NYM/TDe\nwsP6\r\n=hil3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"0e9c13ddacae3f3bc09bd4f168d276110fb5677e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.b96fbfc7a.0_1595864218293_0.5221773036810664","host":"s3://npm-registry-packages"}},"8.0.0-canary.61f1a8d85.0":{"name":"@material/animation","version":"8.0.0-canary.61f1a8d85.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.61f1a8d85.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"53abc89e48e7d778b12a0fca9cfdb8920dd02f2f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.61f1a8d85.0.tgz","fileCount":22,"integrity":"sha512-iqIYGwOvKK0PbyK18B+gG51jxOkxZHXVt/00NFUiU4dsPidepAiNq0/Hjx0lr5iPCtnB0StDVcx7lZFhY6XGlg==","signatures":[{"sig":"MEYCIQCCktu3IjGBJdrimo2T78ZO4ywNRxrw/yZvT/TPWV3kMgIhAKlXybZ62V3QHGrwtOLxwQLq9IVnhLD+rxHtWOPHbTKa","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHva2CRA9TVsSAnZWagAAKvoP/RQ/rwqZX+IsPX1RFrzD\nrNRNXa+VdFhvGBdiyK5PNbBgZG0a0V/EITVj+tHMGQGvf19v7VOedgzzYfIJ\nVnhvbLkl6PGG+w7ucCjsjZBVPy+AN2uJRgEUErAQABQEqjaosm4zsAHsM8d6\nDvJGgfiJGmGgF/DNWb0oX348aLOIgfE6RoAUAhh/BzOqkpivVFXVlIfC9H2I\nMNIJ70SNrAEVgsDhi3xizeBggSYnxrpvR216nR2k+fmYN03V//rp7flk0lKi\nkV6Jy/+MYbPXGwsOZezCmz/cy3jCwN4efZvD3YwcHtdi+ycHvOFeIRVgpVk5\nvHp6O4N/ol9r75op3zAJdgUZ2jUuvIR05/sX7jMoDnUDKPPz+3JaicCaBvqt\npIoO32bq7f7dH9L5LP44d9X2drGjrS42k1zMLgeNc5hXUDcyY6oMWhltuY2w\nCE92zJy8Oe9vJVcjJzAXpJP+U1aCL/+6xP1HVatjn4HpOzjDk1Jg71cSi+Ge\nILBdWTZvOYtUIngiWba7vIc8auCnVUcwt7Tdpeer1ePHYUZ91B6FRsFd3VPf\nx0y17/4tqj98fg4rClHjshlN5yv0vRcWnefCoMcfpVWNlKyd+Ln6T+D8sClm\n/IoD4vIP6GmVdKGgbUhoAie7qyyZucJatbUOfOFQllTik0o6ug6aTU6J4E21\n1aY7\r\n=Fasc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"71b0bdc987ed1b1b5ad827abc78149cd4efadb89","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.61f1a8d85.0_1595864758332_0.05009866944972785","host":"s3://npm-registry-packages"}},"8.0.0-canary.81dc33377.0":{"name":"@material/animation","version":"8.0.0-canary.81dc33377.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.81dc33377.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"92e3c17288f7159f505ee035825ad97d8d403232","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.81dc33377.0.tgz","fileCount":22,"integrity":"sha512-xPUxGlcXCAQwfkxL8ihpF1LXK/TBsakU8A3vdW2LrUPfxncyPixTHpiL79k6DNJdpTdoqTFovUcLB+7f8OZuzA==","signatures":[{"sig":"MEYCIQD6BzD/gUxsayDItIcOyRu7NP5j+19klQX31eHZeCrQ8QIhAPwe14N6s+qgxe5bEIIln2nKtMGOgCbbybQyFJblaK55","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHvmOCRA9TVsSAnZWagAAUqMP/iv9R/pBz/ElqNKRDICE\nM7PWGBGm5fhZMAg/Lob1JWFS1zEO8OeAGD0VI9N7oDsDEfPiCGjbj//12iM0\nhjEvQjPOiNLGLQurtwFkBzNXC+7PrseMv8FR4i+4E42VZqXvjqlF0L8xqQlX\nP+xMUqbGdcojdgru+x1Ssrzp0gujDnjtsUZ9wrYL+uoLt3eOIAjB9p179uyl\nVw8JnZEzr7rMLr+qeSkEi7+p2pwhql3TkglZsoAc+88ealfBQI8x06Rn+ezI\nsnHkLj00Nx/Sy7QJlUmgLIEGvipo3lnVGLN8m7HX/UogKq/s8oDXPacEnisx\nij9PvUWf0lerzH1M5n1LW57ArFo1ei4UyW3bakQ9pGAsgmE7sTaaS9v0hjLi\nON1OuTSsWQk2iv3h7KcoH5H2tq6nfnaI/4fAG/gNfvIYq37TIszHVHWVfMNF\ncHTLEtTSpq1KIeXwtlbYBeuIGFXY35YfTJQd1dMqzmLzpL/ErFqq4nbwoBcm\ncA35P8DDdLM41wtNb4Zl6CT9sJkmlg/q0EWiIg7S+R3OOVpgnGkLIlIvvNiF\n6LUGDEgNP4aYAWLuNYz4VYC93nQ5iLmCWlJaU28/+HLViyKFDpqs2l6tQs47\n6ZqU/AJI5fTCFDHMogbPfI+ReAh0aFjhjNPHaD2T7Xmr85fGmcSJ8vQ9NS/F\nlm0k\r\n=hc9k\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"14e4858d309a20ecb69620f07c8f427bda0821ad","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.81dc33377.0_1595865485286_0.7645482747639727","host":"s3://npm-registry-packages"}},"8.0.0-canary.ffd9ede58.0":{"name":"@material/animation","version":"8.0.0-canary.ffd9ede58.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.ffd9ede58.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"410f723ec92dde105ef1ce4b55ada518f961f7d3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.ffd9ede58.0.tgz","fileCount":22,"integrity":"sha512-HxSqFyldEDCU4GZKrynMlrt6NZCo51yj5FK6pbPYIUd+Fg1p26sPQLevQHivSTtjmDOSqsxUJLIg0mD7awPayg==","signatures":[{"sig":"MEYCIQCBWnGSgPXhj68WzfpYMEwPe0MVQAJ6A+sLEiCMRquOTAIhAIJA0eM2KfHMXlSX9kDk+pSj0XnPoJGvgdaNDtZlc+bw","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHwFXCRA9TVsSAnZWagAAvi0P/RvmIyzUpWa4YRP+Y085\nZKU48wCTucG/624LGMJ6CrkKCnMnDj7MdahjrUBHT+Mb2ZXCGU3xZdY3djkQ\n1KbazvirwzSLYhEyIpEqgWsewNaLEvLrqHbF2ezzU92X2PYme/06EatKZP6n\nn4V7lBRHy+gHAO/WkQIqx3polV/ciwkYpo86TcGL/gjDqsvesPhQ/oNHMJyu\ncW3CSfty3Q6gGgYsR0JV7Ro86PwMiovVnNm7AmbgmBUN9d6E0lgFVbZ1+O7N\nqI6/9lXP2bFXbyspBn5TQzIo8Q9eKA1rpINyyH+7dA+7dxIm60B9d4r80i0T\nNB85hV/o/4YfJ65vr9v9a69pm3kGVf8DDKupWt2umzjNJ2/LVmsOSnW3eJfE\nkGMMDcyuiBjiDI4Yk6cdTtn120HOqWNkeccvIVE5+pzuGyAABwmdcPHDmpwQ\n8N2+nrN8+E4fSwGhXAilM6mSuGwvFbBcXkT2wPnDxUEhTPBVq2Tef0L0zp0o\nveBXgTzo3JlHvoext2lInHtyQfdaQvBayiVD6vroXRAuZloZ9oMMbd7X3rDR\nq86/oIxVDM52///6cGWC6bDJtFmGxrlQ7evCmUQYFGqjBbyoe58oW54QNQlZ\nsU6epCR16kaXeDwqHdq7tbwsI0Oluh6cJczIyY9YNvUyc+CGzYS+HwnRh3G+\nioRs\r\n=kGes\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"8a029ef9963cd4799ffbf7dd03908a696d110f7f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.ffd9ede58.0_1595867478362_0.30201705982248317","host":"s3://npm-registry-packages"}},"8.0.0-canary.52dc55acf.0":{"name":"@material/animation","version":"8.0.0-canary.52dc55acf.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.52dc55acf.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f777e067b66d11972015c26683d632ac9e3cf0b8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.52dc55acf.0.tgz","fileCount":22,"integrity":"sha512-gwczeXT5xdVjS6fu4xUj68lc5PRHtPTckFDRU0iJ8QNZ+t9GO5qPWYy0aNi0Q36Yt6q16FoR2K4R+wdyBGdwyA==","signatures":[{"sig":"MEQCICDRg2RkgLd6v6TBlVQo4MUUKg7lFoX+IwBntQlGw0XXAiBkAMw4dCJbXze5VdJFCmnKFMvjS30LkeGfY9BRe0mmpA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHwnTCRA9TVsSAnZWagAASAEP/j3kDZ/usDtO3lpkPF+6\nHenXl2LYp8Ck/ze3CxTTzKUUv/0i0ltw1xokmUAaOuOijRt1ls5cSE5K4/DD\n4DngWE6uXxMUc4lilZ9rrOST8LeaVJjvs0PIjzmiPyS5essKmnj0+Ht11qKC\nHgPuZYtrpLH5dzVlnAq/LsAO3mAoBIE6YPlFbpzl43dNiiZ8yD+46hiT0k3f\nuCeujyTzpvxdFkljQ7PmO63Ap6SW3dqCAxioIzb13k5BwouC/8Ok4lgDKinI\nV2tuqnEUpNQ4ylhDDzu2J0vf+oWRl2docX2d15/zfyEQtaOSBm+aRu0lpYi1\n1RpwiZflZyAfyp7NTR1cEBBVsuK0tWOwqgLLpcCmkbdSAN3EGAhPMAVIFMdY\nIB/SXdLNj52c7ttnQZ4lTRb6N5JHaUEZaT2ojkLRSt4ZR0opmqv5lkvie+u4\nUsy1bcK/+SD/mMKthVbKFlf32magaPgrJeXz4eFLsNNv9mEIwWZKAC42k5ZG\nznHVTuAwLC5YjnApUEyrNuVL1ascJxdAeIWUJDaN2KV1tRtO7LWJ+O15MdvI\nHoXNDg8RzK7LS/LHV2CmtEpfXDea4VpZVWG92rRnPKZQ84piH+cHneZUU4hi\nmMlAvqN7LWhmUEOtRdZo7+GkGB73UubTagU873KHU1ZtTxzz5xC1n+XyOku6\nyE1I\r\n=dRgo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b5253c9af3b0721aeb0cd096ac48b4c113801757","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.52dc55acf.0_1595869650788_0.28598553525498094","host":"s3://npm-registry-packages"}},"8.0.0-canary.d4274ff05.0":{"name":"@material/animation","version":"8.0.0-canary.d4274ff05.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.d4274ff05.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d461366e3ae157304336f67a556dc05f26f73517","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.d4274ff05.0.tgz","fileCount":22,"integrity":"sha512-dmPUwTE+gFQi1/Qy0nBcRiKb4rxHBi7CA9WfvlpYoHAlx7NL35CQ+2PGe/K61r/AhrAy91UexTpa1p7WBaXmUg==","signatures":[{"sig":"MEUCIQD/RU8JcVvvT8dTBnXQHFIGQSC1WKFaQtMFNH4b0sqZMwIgU4V9sB1aho86kaQmUaLpjeK37+CfYzCkKCra3ZoCCDQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHy/WCRA9TVsSAnZWagAACzQP/19bryqPRkvrMeFWL5p5\nrIXNF9MRBCRdC6YGMNv1k0ZF6MVLUSPAnYmdbu0Fxd1H2PRwc46LKBb2Tprf\nG/JOXW4QRTyMuIF0whF+BDgTvNxVF464BYcC6dGNTLseZ2hIR7oNNaaW6eTh\n+jlPQr73GiBq984afzo/NBa0Npdq4i96nG9XZG8gZH8Ryqs2MDhv4oUoaeRZ\nEGjeLSLuafSe/eln1Y9WSbFzh0cJT+IPaEuCY5WY+VM5wcwqkzFY3MPjR+A3\npcFUBgnENSCSNQulhhQVPLKaPJay2eWucoQ88RgFug44bOLvdUTwsgVLZtj0\nXtHVerY+yD3OZh0cDOGN75LWg5nn4TVu9uZ5j0uWF8YWDIjD3FtkDXPhPGCd\naC/W8a5lu0XvGIhfR8LRdQsWc/ixDuh0dOv9HI4rGvmOx5GVmCtIYyRjIAXE\ntD126Hz4Ucre3cXN3L6P2TngkBQA32shfNfoK2QmRogvRBNe/Kilhx1/aXl4\nj9Zn1vYqBoxTePHAO2kIvTv6zUdPJA9SfCWnPJON0Lgs9DAT2BTR084j6aby\np2mO86FwkClcboBqH4+Fh6iLyFuO7rxTHAReymAgxlboEJpretFsvWDb9DMJ\n6l/iY1nQZMYQNuaN1JamH4rK5Yktzujisia1q0EyqUvOYiFu6b/2FPMS5ajJ\n4MnP\r\n=B8N3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b4607e708cfd7069d540b1fd6042775c4599855e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.d4274ff05.0_1595879382243_0.5756338847073947","host":"s3://npm-registry-packages"}},"8.0.0-canary.b82d0696d.0":{"name":"@material/animation","version":"8.0.0-canary.b82d0696d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.b82d0696d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9ab4d691a73df22d37943a47a35106ae1e5dddc2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.b82d0696d.0.tgz","fileCount":22,"integrity":"sha512-vc3Oy47HUTs5iBXJAVbrUlyabFJFEr00nONZ+06W9LCRoD4NIz/e4SGRCVUDn3qqKPG4szeqZbK7Blsgbwninw==","signatures":[{"sig":"MEQCIBYSm588EwAvSw6XwCLvShBZHUJATArA0m2w+qx69XBeAiBqm361J/SO9gf4YxD7Yl863qButOk5SzxpJiR/slCcQQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHzGPCRA9TVsSAnZWagAA3G8P/i+DlP1bFYlYv7c+7/j2\n/DTlsLS2jaZ3eY6gb9xIMq05KnIlE2vgniIhWRFQxQGmqHmO7XBuKtkBTHIP\ngieHmbbpCg8Viv+m8FihdV60rEloFC8oR0eH9tBCNodt/aaCWRwR1wrn4bj6\nT/meR8FBGbcOne1EFp7l6GadiTbUBKP/x4wouELZft9BbmIK0EU3CEbc81Ln\ncn7hITZv6SZ+ZbEHvqJ8q8eub5bhVYLu5Pkc7xsT1oTXsU2DvLxUEDj7MOW0\nHXOyjiJztQ+iY52tWg5BhJx+KUJzOihTxrzuiaYiWWeTbLtPMyUFeVCE3taK\n5LwLlWY12LyDfCa6DaG0CiK3T77E654ekHB2OCTrPYCJhprLC9IVMOWMl+vu\nIPXy5UVmGn8bSvZIdwpG/BinG9ATmfXtbr9+wUiRpASdi3t/MkR4uuvqmrE8\nMy1aLlupsq+xARyj0Thdol3YvyBNNwiBFQ3NAUKwIi/gdJxAXHEXAhNo674B\nSUw7jvm9Pd/G6+2YtSyzJg/F5JfDh4xtUMrDAR3etIu8DzJsrd46J17kdvLU\nI0Gnw1URxhLtJ5jVlL9ToJcbZoRDu2uQqR1yhwLqMUnBH4saqnk2lfA6gWtn\nM+iCmoFmJ9IXHF2jfVaiDXXjRvjMC3Rdn7D0TGSXEkjFNjXl+J66XmFdTf8i\n6uv2\r\n=1y2x\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"914e71226c9aee0625b5bd1fff56b887e3c924d7","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.b82d0696d.0_1595879823102_0.6125370917351509","host":"s3://npm-registry-packages"}},"8.0.0-canary.c2852000d.0":{"name":"@material/animation","version":"8.0.0-canary.c2852000d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.c2852000d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9ac1702d2ab46d51d948e6fa6db3a56f0b860fd7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.c2852000d.0.tgz","fileCount":22,"integrity":"sha512-nbhTSut93K95xpazSpwJMNIMDIt63IbkgIDu2Qy9WezY8d+5WzL83eW/eQl1JQUqFzQ55JCZvyumTFZex6nphg==","signatures":[{"sig":"MEUCIH+QuEqB7FkdHf8e1OdTgfRyFr0eE/ZcycoD0giRTG/pAiEA58Mr3QGqklTnCHynKqxwljYe6YkfQSrRBnsurZp0ap8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHz+rCRA9TVsSAnZWagAAAgQP/1irF67huwNiixlp4vnI\neDHLWBOqDLkogT7BWxZkY8Z1NcXz3h6WfsvvGphHAtNO7coabaIqKbMIjFmd\n6kGO+dV86blYNtA02y61WEfczBWBDH9FUrTbGSxorHeaoRrJFdchJdfhESNB\n4PEAW4CMGgL4SmsSViO1b1LQFTyoMAF4jmpApAwSCdxsbXnE3He+eOrY3H+j\nnMM5Y519E0l+6qeskv3jHnzAfFiqH3HiImjdxjuCBcyjCd7u+5aGnzNBNyPw\nw0IpcQmXGG5HZvE3R8JKnyRr0AzcBf2zfUkJVo4M4eYw/qIiaMQRutZXkkhQ\nwMKH+P01qtueuWVyBb7ySze5E9qIdWAt7PE4aE6AYmb9NtEI8nEWFiMAwr9n\nAAgGIbsYtohnkVZnu/2EJScT4q+kD/4OJYs30xPDIhzZcuzN2aVNe2hrcEVx\noVAnc8MW3FnZ8EpX9Obw4OS4/D2e7wej1GdsDoGulLgujh8o96X2WdbGm+w/\nc9OaXkK9YwN8FbT63YSXLY+0qd+fbATeqMl7N4i8RDZJ8PCWxeUVbIyPuqm8\n++x3MIe6lafncyXwrt5i+BWSotvbaEw71Xf8NYOoGCpFSpGL8f4Ps+OzF9Kl\nC2KUap69Zqq+HcWFs6fP79qPZlzo/xvoBYVu+/lckOMxUZxUGTFsLOZZM5qO\nGoM2\r\n=fzMr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"53080ff99f83ab326fefffad16cd09e449e79f27","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.c2852000d.0_1595883434518_0.17225601869578422","host":"s3://npm-registry-packages"}},"8.0.0-canary.f86f83f54.0":{"name":"@material/animation","version":"8.0.0-canary.f86f83f54.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.f86f83f54.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8c5900684f6df0cbd363dadf8784a70377695617","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.f86f83f54.0.tgz","fileCount":22,"integrity":"sha512-dYXnTSeSQOemQ2DmQbk8K3EaK37prHHw798kiHXGu9gX/1mosyn2i3JM379jBcyoF8dZR82Kq7GQknar1g8xmQ==","signatures":[{"sig":"MEQCIEqMkBpo0O420BL/32NE32gWlCbxcNE0mjUbtKS9u8xpAiAMAL/IQouruGcd1pGn76rCD5t48Aw6giQs1eIhcTyNLg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfH0zECRA9TVsSAnZWagAAPz0P/RzdowNe9Sk/wYNLZ6jx\nH9MTVQEz6ufGdTQ9vuPpg8ttklnsj/dLy2Twaj91bcIP5cf1sJowliNeu/NS\nvTLlNm/4lyEY9F7ZCbe5eSNeMLfhJElsV/tYFzu3uwN7zqUmLpBTVMSFyQ53\n3zmRtqLNBDHHjQMI66MGGRwCP+ByLS6pIk+xorpmizsIF5EtO8lEbod+pM2G\n/trPso5eUtWemOQG6+yjzZ/jAiCmlvzQwo/6mrRG8NO6NUeWS0szMe7hJ6uo\nD4fBTcnSJhqIrXMHTfa2FSJNOFUzbxYhfFFoQiIwpCRid+Z/XQjhY5PFNp5b\nsNa/UJCNOGUYq39urPSipNnCVLGCfZTbp2C0pUoATCxIJEF3r2xr887CWfSK\nhmT8SGPF7Dj2o8zG3iUTEVZyOQ/Cw4OxE5uwQRLEvA86awmjKlu9WNZJdTa9\n+qpgp8YOVJ4ztmmBWOaUBEFGDu/V2uuWYn/NvU5QJrqFGrtJ+swZs2Vwu8as\nMizts6AwLXxTjITJpoDAG3wo7+j0LddzXFwM0o9cIOyv3GcN7glYTh2u89u+\ndJEmpJbLlooE1s3HT+07Y92MWKlgAHKcYDqZDhyAZyvstMsEWTL836ZO45rP\nsSxx/HSss2b2kvaUi6iB/lWglGYxsPsYkpAb9yQCzW9G0OGpMk3Xdha++0Wd\n2btc\r\n=jEfy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"3c8abc334934dd33ace7aec681868717a4e26d0b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.f86f83f54.0_1595886787774_0.47656063696386997","host":"s3://npm-registry-packages"}},"8.0.0-canary.41eb1684c.0":{"name":"@material/animation","version":"8.0.0-canary.41eb1684c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.41eb1684c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c37c7823bf80da7bde3f78b487f2882147f68afc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.41eb1684c.0.tgz","fileCount":22,"integrity":"sha512-YECupd4j455vTKNgJS1xkXFh7s23FNEmbBbqnl22VdN89vFkQhw70J1RAhTE2Y1qaRUgOzbivKo4wOXs5b1nhw==","signatures":[{"sig":"MEYCIQDPofeKrpm1/VdSuUgfyEJ4c476ESPR+3B4/qP5H/ld9AIhAJKRU0adklS9bzrsk1znT3CZhdNrPseQzDwvSYeRAnqg","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIGUeCRA9TVsSAnZWagAAXYEP/2jZSbO6YBftLCNmpPe2\nSyVv10yymMQjqHvb8OUr1EeQW/uEyWVvUGZAi3obrkZf8KSW4x6I2Xd+61uC\nLGsuqypLOt2HUwm3UOJ6Gm9irHXv/6aqy4gyTbVpuuG5U+H1S3LkaXYW0M0V\neRWX90RaFftjWwvmjV339jNTdDXJ+gMYi/+MOcRAChI7yM/99Urt8veSmqoA\nRGiNa9gBqIhww49mS4iyWu0bWQ656rUr597HnVaTNwDb8vnyO0bH9q5BR6GJ\nsG5iZS2Aw0m/FRXEu87fZnHJX0khHw9NR3BYhC5AOwNQMmDhnmaZF6pU2Yje\nNha4TXTIxrDtkiiyKxuwF/x3eQXzbTuEuggNexxhmAfACYmOi9ozudQktSQP\nt7fQar1d+lgy594rmdjVnC5Nq+LMsOq/lHN/STiYU8CViWUhhqFCQPT99/ct\niXAYyCLgCcdoFyfTcz/5GcJEzR2m67Y4Vl/nEHthbojLN1CofIbv1oNWp2G+\nmxlLgp4lgNOSnT09eqDqBz/qQ7413gadS2mPqsUMZr08wG7YKzHd1bJUVzVU\nkbw74SrWjoB8x9vy+LVzrCCQnaNgR/1Yl06ngtT2Sz8EBRIn3BpaybXWgTas\nmJdBok4b66rlQxd6CXV0ZQ5+ZlwvI9T1N3YqmzC9pgu2DZe3Nps9s7lVreTl\nWLsj\r\n=i83H\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ca556c545f0bd908ba57eb0e24e99d142cc05b1b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.41eb1684c.0_1595958558199_0.783924057554217","host":"s3://npm-registry-packages"}},"8.0.0-canary.9e2f6c450.0":{"name":"@material/animation","version":"8.0.0-canary.9e2f6c450.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.9e2f6c450.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"18c55a2ff48e08a20b7492dd781ea531f500b21b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.9e2f6c450.0.tgz","fileCount":22,"integrity":"sha512-WUYlQDU9VzKSmBsEl1SnCA6xJgh0YIsULRHw1KLjCPdgRYD2LPwI1MSyKAFVu1rr+Dr+5gSai/AHbHfD3sqPTA==","signatures":[{"sig":"MEUCIAyMJFwS+HM6MQhNDVH8+fgAldI5C9u2iEs1NkFUCcNrAiEA+hLcBSC5bkJY+8mXNBBVkUKZt2byvvRKNqMM06CoJu0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIKjVCRA9TVsSAnZWagAAypsP/2SooFgReDKPQf8j0wrE\nB8yIltDB+4oclWd97mENXqwLBEl8XtMWH9YDgoRkhNXOd+HxNceKwJT4kXi6\npjpyNoTkAHhOt2lnzBYquxW+qOq0rdSl55mY5/bUcwMu1Mb8XJsfpYmRIoKg\n+0S37dn7wyehGOOQMecW069IOTZDnS+E3eJDnWxADTCW3cM37VEqP2fpMlBu\nU/K2d2BL1TSh4iLJULbGOkBTvxz9UQtK6S0mmMOHwKGoC9ukWJ489rL130lj\n4p5zvIKTMcd7cVTNk8p1KitEayAe70SjSXkmcxFC7APY7QAZhYX4jU6GoxU+\nM3IX56xyzm5Ff1adpmgwr66+nJCbKxOLfeNF720Lzks5wmxeW2OifKIhz3sw\npHw85R20JbIDAKa4tOuKmNLRMEC6OoOcHYpxzymRi3sTGC4gVQGi4TSm+MgM\nlGtL+ZjhXCKkA8S4/5V4ud8nqHIgY3CmkqCfIcW7g3cefwLD8rGKEHi3P3Jg\nmIpqd+kOGfLSQd2DOkQJziE6KsSvUlJPfncxHeBQYvtTJnO9h603wsX6egQg\njPM9OjOjiANq/r0kVS5aQpWjj7Vp3P2EZVutKiK4IiJFSbe/WK4fymbmGBJZ\ngPQIhr5Ldzn6SIMouhWL1iFdvumOJb03IblAX2vNOtWUqDJxkdMJ1BZ8ujWk\nuaPc\r\n=70KD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"20a3870f861650ab884eeffe1d7657aa376a8ee0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.9e2f6c450.0_1595975893393_0.4266953097733712","host":"s3://npm-registry-packages"}},"8.0.0-canary.e6950b55a.0":{"name":"@material/animation","version":"8.0.0-canary.e6950b55a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.e6950b55a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6cc86427069c7f75a9d0e50281b250929ab8f49c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.e6950b55a.0.tgz","fileCount":22,"integrity":"sha512-HzQs0KoeX4pKebqKK8wBctK9ci73h1lhTrJLEr9t74UXgJb9zDCPUpjmiU5qbinFVcTCjMvmL/KDEl24LMwXBA==","signatures":[{"sig":"MEYCIQC9xb6VZ13hzFYQJLHGUCnXsbo7Q97YNHAwl9Xo/LsW2wIhAKrIf0d/VxpdEiDNct2UnOg9fBDpJnCcr59OiCaiFFel","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIKvgCRA9TVsSAnZWagAADOcQAIiK+1RjMGxfzbCYwg2g\nzJyHb3LOueJViRMuRFYkDUoiB2G5xMK7qM9ijkBL4YUfyl3cI4pNuOR3y1cF\nKuvrO6inlkRJcabTfYQqw7ouyrr4cxy0xx7hkkLGib99PAgtldBQRE2Oc74d\nVlNblDS4c3mvdSsfw9OLBu3sevHzbff8/vuKsOkgvwpm908xh2z9kFOegKEs\nHlMueSVsv6Y4WUogZTfX/Yw39ni7c8NN7/u1TWg3o4r4yhakNjYUktNLD/Aw\n2v3hzo3PISYCIayeAOsKQU5AqMg02Cg8n0+AwG5qRlUEWAv2Nx8PRAVbbFW5\nkHs75GHmKvXxEE8VxEltMOJTYkfJu0696SwCB3b8G6l66JQTaE0dnD5UDMUG\nScI1p8SQ14UkijcNH5CZyzYYKkVDrtL+p3B3kfg8c+vvK/xX1oKtfIrDvXWn\nXQ9F6QnT35ZtrEfNgF/VgiZ1xS3tmOotZDjGdZCAe8FbQ8X7NXIBuDwQloWG\n0jWYJ8szhOcDxwxiMgPqEaJYU8LjAzrVx2Cgy9iQ1R48Qf4AfbMixayHkQSC\nkfLBk7IaTELayd3GFvLafaiFt1S/IphB98AgnOmeqKB9jn9eJs6RIfKQbJr1\neTsiegw/cWrRs9TpJ5lN8a6MIYkCETf2JuP+V2f90PJQNfzz8KrpsESxpHbO\n2Ri2\r\n=OZlO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c71461d7d95f313de3fe5609fac67c2302432c36","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.e6950b55a.0_1595976671715_0.26279662236826584","host":"s3://npm-registry-packages"}},"8.0.0-canary.5e51ee38e.0":{"name":"@material/animation","version":"8.0.0-canary.5e51ee38e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.5e51ee38e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cfe4b7efbe815d4b883e046e335e2578f93e06f9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.5e51ee38e.0.tgz","fileCount":22,"integrity":"sha512-S4S4DKvrNBQZTbmpWnHVpnkU3NdcxwYvOCtvn0YIV6r49DgGOt0O9EBvm4+Qq+HPOl15rnv41Y03xR8Hl1PYiA==","signatures":[{"sig":"MEQCIGbyjtqqgwEyOOvnrss19JWqa/oz4LM/++WMwmXlaGQjAiAMLTWOPwpuFXZy+BpeyR47gL56mRL4ZUueoqL8fjBmPg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfILFzCRA9TVsSAnZWagAA0TQP/RWhsFgjJszLNCyw5rzt\nV/TSwpP9yV39aHjSFZBFJmw4gzCioVTrPefimBUOpjsMYXNxyJAZrTXNjCsP\n/u4oHx4HlzddmwLI1PWXTTu/9ZofPXUh53vfJiVIw9CBxalOvGgjxA25XhI0\ncFfhWFQ8OwwJxHf/GgCrB87PAamdaRKU3Dg2H/djUO/2Seuz+xpdJ2J1+pWu\n7vJTxw78xvAuwbf/yhuBuC3i7/4igKOd4RLU2QjaDE4g+CvCkk/nXtKjF9zc\nfQ2sEcTcmMn4WhLCtDGYgpxHC1i9ZLxHec4F3+qmPoflS9yLF3WB5DH5xIuc\n/JlX7GBwnBD3WEOkFuUinWx9LfenZII8F5wyorP9BEMEeeJUOZFnW7OpccFZ\nmok8FRyTMnjlWVFrcUc86FyE+jobnL5/gI3uFPFyVPv7+SgxgSP0VukXQs3U\nwxtAoBpv2Q4a4aSudpVg9j9JZnYcFK6Pj4QU2zpaLDSMb485h367J5F19M+i\nplRRXLFePvqrJ4AdutVTli1/7beue0YXeKN0qtf08GV3/PxhXWJWjYrPXqMY\nHxMEeiG38VLSamlZj76YlAbjMc6hrgfMo1jsSbUrUIOCFILLaWAmKK51B52B\nKGhAlADllwa7bcP2UOIYAMTh5vhCsNwzeTTpmJMmVmL/1DWQhRZdNVcjtVgG\niBCE\r\n=dXC0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a7ac25d06cd849dbb8b1620235e913c46f5d7849","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.5e51ee38e.0_1595978098594_0.7281070480962288","host":"s3://npm-registry-packages"}},"8.0.0-canary.a3898ffcf.0":{"name":"@material/animation","version":"8.0.0-canary.a3898ffcf.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.a3898ffcf.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4b0019bda6dd1332339fa3e6e3ca4ccb22e511d1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.a3898ffcf.0.tgz","fileCount":22,"integrity":"sha512-9URT5jSgxFR905bPZ9QUKUR9itkHjY3aP6cbjBYPUFl6giEOpGC2puIcUM1hlJD5/ri4trPG7yHJXA5bukQgPQ==","signatures":[{"sig":"MEYCIQCmbnNRNfGNg+SrWR9Od7JtlKIJdJueoHgkDrtU9YMMAAIhANwPx63OTeKY84cgNULF//FdFqI0IXlKoQaXff+7Dj5N","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIMRICRA9TVsSAnZWagAA2tcP/A+iBWAMUl0CuMcmRXGK\n3OrXKqBUb9ZA23fGgywCGGX8daTtVy2Fgh9D9WhOhbUhJwrGFX+uL+k7bEF4\nCn6mA4dbbIyHkrMQSTlZhEznETjjjHx7vRgD3+93g8zkoHkbuN9tAtEucnd3\nTNBAFtpnZj+8y0MDpVtSOPlX2LE18fQ+NwrAD88vLBp1Z8mtBdc7Af5mXSat\nXv7Yy5+0GbGHX9C+FrTw2v/w1sFr8INXcN5ejaRcN81oQTvkCB+3DbbjNb0t\n6uWlkiKAdcW5ug3wO+Ub5dszn/vj7lmLYH8rgkVV1o+yBMDXjIGWuTWMAVYS\niwPvNlxg4jB7FlG/gpIz0mYY1M25OT4/nrpbgwkGzuZCT542lcxJvU6PY1zp\nKEBIJ/xaQLuj59LhSp8cW7Lvpd5dy9/wW8LNupRuC3d3Tpjja6ALAEAVhRSz\nFTVEJaF6Hmw58WDdcfO6u28i2EhKQOjv/fJgi8+wvYPVdtK+omFSlCH05iLd\niOEPDXYxsGPBPXDt3znmbXXuyP/wGTOhWGfUOJP6wNYQJpMNVPabmrX8ops5\nyWhgV4PetcofyNIzsGBg23PgvF51QtWyvvNmoXnt2Oxa7NdslgNkztLCgxdp\nwpZr8b1hdHv36VKWhKQxkMsuqk5vuzERlOyk8YjVTxDfD2Rw5BLU6zFwN8rs\n78/d\r\n=lASH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"4382580dcbfc3da31d5107a92231aa87122f3f30","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.a3898ffcf.0_1595982920173_0.2827341754883812","host":"s3://npm-registry-packages"}},"8.0.0-canary.bc5cc6c96.0":{"name":"@material/animation","version":"8.0.0-canary.bc5cc6c96.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.bc5cc6c96.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ae4b5f77f4f806259faa5ac385601f13574c2051","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.bc5cc6c96.0.tgz","fileCount":22,"integrity":"sha512-rX8bXqO6ZU2gzWLKpQU7qUiOpkGhcyerzpu2Vg5dzo74vc4jNEgU06n8+yzzAqyc6H7DGeON1KOaXLZvRsnRxg==","signatures":[{"sig":"MEUCIAK3Mtw91rojyt4gLPcvfcfk4rDmzcGVue4ghD5Lfyk6AiEAxc0dG6DOyA1BUFUIiD53JCPKIQqakm4g8lA/XXowMGk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIMdLCRA9TVsSAnZWagAA6NwQAJWPwfBpkmN1dRoz3SxE\nyQ5Xf9vQ/ZPgtN+S6R+OwX1YPy8UfHdPo3lSa7oksg9x457EyfK3aerZ8hbo\nGJ74aNFp3udukt3VOGfaDOpHk8ArJnirjEQ61yCl1yt1mEl9bogitljGUbfD\niSILZgQjS2nKup2MCzwS1coDElPuGnSvr4wrvkgUtJP4rS35lkx/njV5Q9un\ntiR1sHLFaIRkN/gtVu9BS0u1Q3v0gO7nBY3I+ghwRhBoNiJIwlj410J1YOBm\neOPagOSAqhEXjXqoVWOkJFrlJrSE9rUjCGKcfqVrzJNmS7i5k9sorNuPd2fU\nSRjbHpMcCW5M301rUnipiMkKjcGI3ayhTotCoCWEEhVYpaqiDxqk/TDbZmv/\nrsYI6fXpj0mz/7EoWKQJZJo/oOsiSi8woYruj+OwbPyZ+X/LkBLdJVD5FcR6\nDbVF5ZwWsqcq1gdVdzm1yCHChKC2DJKnFfWlyKOsMGixSLHiCSMYbOQ92DCR\nm/AiSjlO88kLxCfPhuPjT5mCtr07z98SReV9cpVgl/q7Jatko1EL9Ul+e2Ym\n4flPM6n5PjTiulF0JfgoiW82u1UG7cBczgTUZqD+2uw5vw8eeRWMJhHwra5H\nZ+kfGe9Gl7LAgE80Bvp425fpTIqQNVRgEflUCsCeND9cDV/0ab3pwKKujytA\nyNb5\r\n=aTUw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ef5b32f85df29f3c19f5f6960f0f2e58025012da","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.bc5cc6c96.0_1595983691386_0.8339317759664977","host":"s3://npm-registry-packages"}},"8.0.0-canary.9bdeaf928.0":{"name":"@material/animation","version":"8.0.0-canary.9bdeaf928.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.9bdeaf928.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7ae9426b14ba497a9858fddfe98c01e0bfb54b2d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.9bdeaf928.0.tgz","fileCount":22,"integrity":"sha512-WVU2xYLRxAeO+1g67S61bjibTsTCa9sz9xyxSEOVP/pQmZOQWny1hatVJIyiikacXyjbjJOggpr0Kr0MnvPmpA==","signatures":[{"sig":"MEQCIAW4/XQJxMHAPlNnOElX0+NMr2vLo8Pmdqzv6J5yL86pAiBB2E8x8Uk5JlwSC9l4FoRIZTwcK5yVd5oObDD8lKosVA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIM6mCRA9TVsSAnZWagAA2esQAKM8zeaso/AcRQeVypQJ\nyuxPq4sc4e9lgtxM4nu7iTL0w2Q3GYpAQJa8zwdKoodIMwU1L5FcMOnTLhen\noAUQaNHTZekamGBUSH6yQCyItD5DtNXQpHLwZBBvc19gJFD6oyLkg9SJEjXI\nMQLfg6c4D7Q1Jp6BcHDhmJX8p7yMxLgKY2PvIJBoRlv04uRldJ6Ak5LbAU44\n/sGR2xBHVF4PySFuQL7LcoKar+jgROh1Jh2FWrvxec3468iiEtlMJMkHlLXH\nJo/SOBWQXu5Ozk+sVQ81XCQOoCy9qi9KtZi4SyYQFv3QhiImwqsNuMEI3BRk\nlrmFyrj5C/XTXihqAkqsbmh6GNEOV7pZSbRLkRUKcPzrWdcgT3k3NwzcvHa/\nzmBdSfXSt4WXwYDJvihdOrcXL8LaEpi2N9ecvnhOfaZJlBExOhiixZFnc+NK\nTOoWaYIKTuriaPiT/bCHuILKYDnPcStWzC3H3IUyPJ1jooRtSIqX23y8j0wc\nbuBVFCURc2IqFmApWpClpSz0ucE4RZyEpL5eQ3ERoB4L9A2Xic3xoP/aI7W4\n4bpSH7rmvhHiEbkXfedXKpdHSkmHYyzmeY9bpP5XE+FtJGcro3l63g8dm8p/\nOltfiWWjo4aq9EbyM1AO4UCkSQQVDE7H/vicvgpyLh9iXztKpBvYNxFAJYjM\n/cMT\r\n=EkO9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"0fd3de7a6a462365d56e724dcf32c2c1890f553c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.9bdeaf928.0_1595985573643_0.5599037961134399","host":"s3://npm-registry-packages"}},"8.0.0-canary.fde2c1f9d.0":{"name":"@material/animation","version":"8.0.0-canary.fde2c1f9d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.fde2c1f9d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b0b4b4a63c2346a446d783ce0e3aa196bd883c53","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.fde2c1f9d.0.tgz","fileCount":22,"integrity":"sha512-P2X1EMUhRt1xVL2rlvYVUk0kUesWXgKbReLocedGNbM+LKAUY4Q6FkSXKHJnMmsPszFyDSDlO7nFEBA1c238rg==","signatures":[{"sig":"MEQCIHyY+RsGGDgdHzVe0OJjoCUCszvwTzjeMcinZ0DFnFF4AiADILm4JnvC+Eh1WljfA+Uk9g7dNpvwltciAaqOxhtPnw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfININCRA9TVsSAnZWagAAQcIQAIgItIitMxABnw/vEGTb\njAOGQyUO5OyJHEQPjMfu6JzkRMP6aK83DJkIVAA+U0pOrAkJMLYYCPydSFDT\nUKOCbUBmaxTyQ5hW0m1J2Ru5c+EK0T1TnRcoh4UwtM3LCPAL+fA6hjTKqLwt\nSkPSiVtC94EiPvQ8j0RffbMcuv61nJBkTQCalZml7hckFfaqr81fYf1n2fXL\nCzGQsyTo30l+p4DqNu87B+WZ5RjEexQOwQ/ThoNMw4k0aL1NM6M3IVaOYya/\n4pkricqunO4uhkDEN6ED/YChDKLaDU5sOZo+yDs9AMo2xEzXfs3Rd+gB0Zhk\n+H/7f+q2AqCfmiipoG6ltcXKZg1u+L6YgMJsFmFYQavulmUWABovVxI9AsU5\ntFve5K2QRe9tJwSYKIERoJuZcKDiEbKlzKUvI0N7mxw2jCcl3xTpKQW/OFZE\npc9OF2vpqq6zPDc4F8W6sxr+I4bLfHhp5Lussyf3zZkNGGAKarfXAZNahYmM\n1PV+070+VYi23/vqUMA18z0XEtL2bnw0r+7s7q9R+bOtK22zHI/du18lgS4S\npAYmMKUSqZc22dj2f1llawI14cMrUo6chljFdwuW6dLPGTltliitbax79iPq\n0YrRL5vyJMFvS1ckIzNWqx4aIN+JVkxdjcKZ1NLlhsuxjAv5mIw3KImVWXHW\nyURw\r\n=Yhsz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f2de51610533bd781edd8339c8555a3c03546e3a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.fde2c1f9d.0_1595986444780_0.9300417613316274","host":"s3://npm-registry-packages"}},"8.0.0-canary.6b3876d5d.0":{"name":"@material/animation","version":"8.0.0-canary.6b3876d5d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.6b3876d5d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3e3123b0f9a0784695783576c0924be9a980339e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.6b3876d5d.0.tgz","fileCount":22,"integrity":"sha512-h2fm63pin3kSUABxNAbfhv259tluBDlnjvKD5P1OqQ80ISdQ8rwJF4ey28rjLss0LMXnq7hgYK08um6Ceg5qAw==","signatures":[{"sig":"MEQCIE+5pP+R1J/QcpSbTCix5VdgPPwHDnmOiwR8SCTP246TAiB/ta8eKqC3USZGXg3Sk9OjJXCbmbQflCyWHh/RRKSjcA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfINLtCRA9TVsSAnZWagAA6P4P/iqolJtSda6ZV0NNO4BC\nItHatzdIqkioqXvKJLJc8JSRey4k2HnMT0vdoakrtoub3NaK5y3dhvb2NRda\nObR/fFEzjuK14gNFJCNgyFqChLKV+7EIOBI2wLeCuDQ3885tlq8HFfiaWCMu\ncQfQtMVxSP6IWGZMIkwIK36RffGrPEgGt95ZLQvAN6D4QMekZshot8IY2OBc\nLXBx6aqC8MJmjrJ8NRpqDIRqMPVhqN2bjwPD2IZJy9aEcWwlAxhp6Cs1AjiZ\nbR2Dwd7kyipLizcTLUyfHJqD8EdbMRJ/aYmNAYf4eYWTGISsJEQEikPgWCb8\n2cozjZnMXB9fSt8DB/lOj7xvPu7XtCR99IeXuoww/4s2LPtAUaAjf0jfewoO\n/U3sBUa9Lvaph55NYtErmFqHDxs+HbeZjaKnbiZtKug74PO4ciat4mqVJjKx\n5W+qXjxLgn/GaduyTKeB5MkXnrvNWivB6tmEXPHKMoUgIoAO6r/+Cc7AR1BT\nQ7NtTpEz6rDWZ9ZzgXkiFqTxRN/x7yDmQYVjJnoV8wIGRIfK9TGuJBs2FF9E\nnVGzrb0QtRO2dz9bAkBHWjnN5kMuveWdH7foDhDGITGvunvFx/pyPArl5OCH\n+TLK30ZfCMnOxksd9/vbPjse08Q6GR3mxYbqtLnS7hstYBg60q2DUZL1q6pU\nVj4H\r\n=vykr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"3559342f661baeb39f2e70f1172040aba07dbc1d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.6b3876d5d.0_1595986669021_0.476639072145874","host":"s3://npm-registry-packages"}},"8.0.0-canary.30ce17873.0":{"name":"@material/animation","version":"8.0.0-canary.30ce17873.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.30ce17873.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b96971fe874d248842c5b8145b492a1bba283459","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.30ce17873.0.tgz","fileCount":22,"integrity":"sha512-DdQiHvYI+/ccVYQVRvw/zh74/VhMB6bxzTpLTxocTa08AGTJO5ws1f0iz6ZktYlTzkRYbQAnbMeBEncfADeuPA==","signatures":[{"sig":"MEQCIDqrRwW0NGTqdsyRLksHroO2KCiba21x6KHpOQ1B6DJJAiBb1E9tkDxzSnJHOaQ7E50FW8r6hsKUEw7jAje06Kwllg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIa5HCRA9TVsSAnZWagAAU30P/1TZpG4gfOWcFWgFA1Tk\nswbe+pdZU7PPqDD/DZK0Eu2zCLmOMRCHLbSY44LRrN/PMZxT/la3R7whKIFy\nOFcvIuRP4l/jg16DgGImKwsUcpQXzcgljECGOAfgPr7zMnoIHVHlbyOgnZAb\nbAgcCuTnXuR/5nEB2aMzyT2x8q8uLpNaH/g96VyelF4qJmoNHTlqDjB1J4R/\nE7gnqGisBFolwqXoB4fy+3lVZnKpIsEiaU8LaXLg5/D6BnCzUbOy/fsp+T82\ntAFcuH2hdxgXL8nGJHVjW481N5eeUowfOdWeU0O8jkciI7bQI/bhWgws4kXq\ntEBQ21/6DtJKw7dZUupVQoWSqqJids975R7scoLHQ0Kbx1QtOMTklNk5/k4Y\ngXVEgeA/PH+6lkWS/eT/OQeO/aGXmEklHQ/tXFyKT/64aFvzrznFN78ZKYx1\ntrABwRZDcS0IY0rH/fCVgjxoGq0aDNUEkkyPAakfVKKvdnWGs3iKzOczwM8p\na1fzUeYxLu+QyljRnR4qNrSSkqk1GlX2OP12DTAqLcVViDoq+3S4otQW2CMe\nbvi7jijeUDYcGG/LVzkMvHcMjEFrTfohyCbUbaoheOr6YS8Gf9J92by3XX+K\nOLJdBLDXCDajwbUnLAhIGGE7Mz32hTWJsKwFSGhkpaIM78OKXjLkbnySkDcO\nvm3w\r\n=XCWa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"88fa0309b6185f09fffdbd61d0c3e16f53c2530d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.30ce17873.0_1596042823010_0.5708707907490065","host":"s3://npm-registry-packages"}},"8.0.0-canary.f6bb43bf0.0":{"name":"@material/animation","version":"8.0.0-canary.f6bb43bf0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.f6bb43bf0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0368b771deeb3ac1e8383e88bda37b0dc8733fdc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.f6bb43bf0.0.tgz","fileCount":22,"integrity":"sha512-h8pYQWtJACuhEi48C+dcuNmQrTXjPD/l5ZyEWQsf/YrlH211wDwoo45yjGvoA9+DQvKSAGywF1uY3L2vA/5E1Q==","signatures":[{"sig":"MEQCIDhKKHHfTTHll5bNipkWLuq7hWf8rmpEb4aAbhOaDS6BAiAXPexb+4ijAlVNwvbV54IPqnNK4Nbhtma8fbMFngIx4g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIb7DCRA9TVsSAnZWagAAokIP/3db2ndQVLYGneVBhifS\naH+ykpBb4fsYvSoFSfXORtTMGBcvZ3uD/MAMYCb79guXcqQMt2nMpvzaYIXv\nt4Y37zWrx1uyFj/5TmZSxqtg6vGvLmBhH6wjJb/EaqwIo3dH3biXtUFfu3X9\nb7t+UHloB9AJokuda0IzgcCukYtsWBtaGRc7hIK+jmXEP4VLdCjWpreh2GHS\nDXc8jwXOENUBJtYQn17AqHcsZSktcyRLh/TNpjzrq43IxZtcCMeSPBAVvAky\ncVSeejTcE2wYPOpxzxfKXmnVYyHuya7/Vo0Ud9ouXiV0NFVRzyG3kCpli1jW\nDnKCLjF3XlED8itZyhjX6atxHZp2nTqpXw3SiIlR+pl/QRJ2+KwkwuqfJocH\nEcXpbxD7Ip0+2E/LnnNtCl9+U2EokguEEOAr1YAeOm4L950Aqcstw+SBtRLA\nmhxmc5QsXKyv5ksCeMIr1X2/zr1juMZF13LSI1MxDqNkhD7pQ1qjZEhJgLuS\nE9Ym0PTZBzu/f9Av8+I+V811gs55xs6Aid1dfQxgtPK4YENNjHpUZn4bbl8u\nb7HJRxrmNU9FzG+dC4B8TN6zx3YmMFSBAhU6f8vJnTzJ5VOJBFU0/VDDcCtY\ngo0Q+DXn0cHhrL86/tTO9/KIzFWifbyqBOlfcazhcPue4r8RuUTxhEidxMJu\noqHs\r\n=Bkd1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d511f86ad9ca4460730b732c04ab497fd558d515","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.f6bb43bf0.0_1596047042835_0.5503322791580345","host":"s3://npm-registry-packages"}},"8.0.0-canary.6af75f6ab.0":{"name":"@material/animation","version":"8.0.0-canary.6af75f6ab.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.6af75f6ab.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bb7491df061780d727a600c80c965b2458505d06","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.6af75f6ab.0.tgz","fileCount":23,"integrity":"sha512-kIp3yzCArck9PFEnvnMK0dmaQJWWf+7DKR6t9twnCPw1DpSZ2CfmJoeq4nLbtnJs+DYGtp3GKY6mydtbPpixgQ==","signatures":[{"sig":"MEUCIDFt1m+DY955BChCCHv52SuDVWvpPPWmeUZ1y0HYpsCZAiEAqZLUGTAFwDc1DbrlIdMcciqNvcVzmsaOVRpIbgotSsw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIg2TCRA9TVsSAnZWagAAOH8P/07sm8LJPnaTZjxdBVZu\nuvHmXm+tjE9ps2DwewZq0Z0lwGoXM7CcZ+6mXA9nOt+2d329QYVJvETS8TYl\n8mUT+Pg3XNTSVnSU1EmlQlfjQ5Lm2ZSdU9a3Wmewj51gNiV03PXa/rypnf9m\n5+qc7RwziYvR8BRhX3dmEbYFI+11VRdABPKEXc29uhukV/P4IWjFgi92euJc\ntR2Pcmm75RXhxfAUWJlZeWUn99b5p+T2q9xF4NHKuUkGsDBT1Bkoi3Xo2PAr\nyiwm579Py+vFo1WwuCZfAd7kRBZusdtkgwq4eWOYQrcLwIc2YaNEwwG+rVcI\n3esoYBEi74pmaGd9wCXmPJHQZA+VCT4kQrGmIOTXvgTtK0Pe1QozTyD9hFE+\nUAyDktLVbrr1rkDEusiq/b8KwAV4Cr08N787BxZQFhsRtlNk0TFLCpS1FXSA\nxc1b+dHYFM6BrjoAotZyVCxelN92pytPVRTTa/JQw/k/KhUWY1kXJOI/2VLv\nvZJdpykU0PWRDgRMa6dcq1mQZt0UjwNRVTLsc0K7cb7aa6DD0LQalMC6HDKZ\nlJSLlytmwcJ6X0FZfBOQhxW8RhyQMlmOqE7qp/moet6cvx4qb1yx62XH1Qzu\n+10AOpmaZIQzWM+7P4pT5YHPNMPbSgXexPQtgN0JCfBzvPU3/mBCzL5gKZHj\nFdic\r\n=RmGa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"44ee60f895715b8f7c0a7da67637babfd33452cf","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.6af75f6ab.0_1596067219042_0.1337103764489549","host":"s3://npm-registry-packages"}},"8.0.0-canary.42d7a65aa.0":{"name":"@material/animation","version":"8.0.0-canary.42d7a65aa.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.42d7a65aa.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4dd0e8dfac556b5aa9a3c6cf238bcafe82a66a94","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.42d7a65aa.0.tgz","fileCount":23,"integrity":"sha512-v8KI85FeLD3MhpSxF4P339tpyKlm5TBSsVUnmuo0ycwWAJYBDKsiJY1Oma8XBWEjjEY363X0G1kgcvjFBF3qdQ==","signatures":[{"sig":"MEQCIDA4bbRuee1G5uqzNgAdpr0EvUGj4Wxeh5J7i6OBpp7kAiAXh1sEFhRgwgD7TO6Nctm7DQ58+AIrJGd3RnfLg5DNlQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIg+vCRA9TVsSAnZWagAAKX8P/1LsEkndyixeB8yyoz6x\n1eRn9YHxC2Qi8Jraf+DY33SXGYJqkGndovHLxDH74AmK2XformJYcue5kGzf\nQstKowX8FU9W8YKr3yHMDpWQrMQDY5vt7RM8OnTEMna+vr/DKwNDaAHYP+I/\n/oPrieEh1sBkc8uEP/kZm+2a3BK2gCGotm4CNXJPOvR36oN8xqO87lQNjFTL\nZpojEkLIxq6Gn39xU2mx7rRBUktM1WbhXi+HIKdhGWChr65Oxyqr7jqKftj3\nsmZgks1usDKWhQ5oAcHWJFEMZUFzUQ1BF2kGur80zErIbW2V5A6HCe8eqN0Y\ndGT3Nlp85K4XAB722H1fEsOW08ulR38hqWnxqPwVAU5SINbNvGsggMZgJzwI\nzplIPUP4UPYecuNDvNKqImsV4vROK9B/SMF/9TUeMArirp5fheRxVJWrvgBt\n7oaqF/hYGwfr1o8icJmrkMmaRTpwJZmZhVgsff/HJKmze3e2mIFXEInQjaNb\nMl2Z8DdHrtFFpbvRC3Kocb0RzyCZzsfu0zWgu4NLmnnLTXY1dYN0QhQovr+t\nu+gnf4UXsJHWaPbbLl3TDxRLV7K3920TNdo3jbXmV9RmU5CNg/oTxkEd0iov\nWZtD1al1fHsnYiuyAe7OxKOlIQ2J6RSjf9y1u5rz4THvVUnsZ9yDDsYwGh1r\nV8d8\r\n=Q52M\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b6645573c0460e7bc8187d1a21ef306b674e1017","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.42d7a65aa.0_1596067758581_0.28223184526035494","host":"s3://npm-registry-packages"}},"8.0.0-canary.85abdabb7.0":{"name":"@material/animation","version":"8.0.0-canary.85abdabb7.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.85abdabb7.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"751daaf5a0b4131830f3b4e5a9202b0ba8150b6e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.85abdabb7.0.tgz","fileCount":23,"integrity":"sha512-lFVPpscYojb+YQsTeQ5nx6NHJUyAsj+3jEUHVgIrctZD1W0rwLT8pfDjmh4otWHF2Ef6YsbA957o9Te4UjgTuQ==","signatures":[{"sig":"MEUCIQC51BaVK4gxGo/0OwZ0uq1zQttUnmFspD2+4Wc4Rsvv4AIgG5N0dycNEI44puW0lfQ9Fq9UzWo0kF0snd6zbs9kNVc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIhDfCRA9TVsSAnZWagAAHBoP/2mIIVRf6N/hEJ0Qqous\nww7AzQJfkpp7VN/QGCmSWkN/97imhBSspdxKQVegASYWa6mn54cAvAqnXGJO\n04+oksWZfrzx1cO/ou4ZY9DdWQTaVJthv1A3luq/wkocW3rRm1RzK4QB6Bjd\nPksoh330bHNxIPvuRhffyFGiPZ8u8EwIfRbqpSSPMhJw3Cmx1yBBmdId9BEy\n1QTD7GG11zdhjZMI1dLKbrI+AeLR2QGXqKdygBaZgnuUb8W2l4TunlerYvc1\npR0NI7Lozq2aXw9fHSRFkh5cKwyNA8mEHeGddbARRo+WcNochcfKPmutRavu\nS4RCRynNtrAyjKJ2CiutjNvsbO9QCuRuIgRuOXyeK9zaWNQ/BwdPx5tKGWy2\nwq1U9DqcpR3iDd4AymvqmTFdl4lQ5ltrErGsjLA5msSvxjE6QdoR2OtWrZje\nJdYYpAtyXAr+5KI0Qtx4K5jimwmesEJD5JfkJSm7rFUVzIzfnHfl2YXIc1Uv\nRySPmr4p9Tv0vCANzan3xkM+xkZyswWCbGdjSVqm6QXV1sY9TOfjWS0IK/Rq\njutMzOvVNqgXw63YAyy2gU8I4q8ifqsnqAyhYuS1DtRyhPD5NIdQc2vVu6hk\nbS7whK+88M+rZnr+kMFjVfDn/NE/HrnBphmbFcZv1f6LOr6NKqUIYVweCutL\ndpUz\r\n=Eik2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"4686052ff6039efa085c0d360393374ff4b2143c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.85abdabb7.0_1596068062900_0.7600400593290508","host":"s3://npm-registry-packages"}},"8.0.0-canary.49fb20ca3.0":{"name":"@material/animation","version":"8.0.0-canary.49fb20ca3.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.49fb20ca3.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e4f474abcbc9da415bca96d1a729737b0de0e9c6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.49fb20ca3.0.tgz","fileCount":23,"integrity":"sha512-0jkOYCminqQkLlHrBhkNxlLqZ4/fraPiVe70+6Vret8Qjys4n3cdq5oKddDDeu0jHqsE/y+eCIolIoBhZEPAMQ==","signatures":[{"sig":"MEQCIBo52NkHQWdpevTVwinspcVs1eNTYebCSpzC04R4Rk5uAiBnrkiLWeGg5ct2cgUwTwsf+LfdtszVRaS6I7so8Mq3pQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIiHOCRA9TVsSAnZWagAAaLgP/3IajchSDjTIn23ehhqG\nQrVTXyfv9iBZqy521Hm9I9wzqpxZcqr35GFVFxW31TgkRCUFo//d9Da0lqa3\nhNTY2aAZ1qCBR4OHXyljIT0MPOfh062wWeh4yBNdQcekSaIKaqJbp/m0i7iv\nsaXhOyivDhxcraDvuSEEb68CrOAAsB8Cf7+Dfva3LVN6ggk2c+ZouMgeGTGu\nRIx/+K/ghPiYgW9AL7UeyURcMD2P46bulrJNEes21TsMZ+BEdUieAs1bXJ38\nSM2007t4KYZ0L5bIN/ucWSil108cmtoJC/+s7CNkS0RglndgBnMIxXCl5qnJ\nT5lRHCjTZECXes4mtkMWpdpx7eq0CGUK85eDWHFQk5QWAhaMaaYisKfHlYZP\nnr5nQiw39b7D2NY7KpT/dxLEgSMNqXwrJXzS9etbDdKSZ+LfDQoivZiNWTKb\nibG/dD2m9hNkRYmT4nQzLl/OHwz3O1WEOtqX8pXyHrI+xIM9Fd67MDOHRVMS\naUBKKulyzHaxWIzxAIORHOysYo1MvcmMS6cIvjBs/KmOKXtFQUfZRcygaQRf\nMQYqI5HpFiVAYyYdtCvhtxPg9ysPYro9uxC7hm5F0pm7+fBpBVjxFoBoJoJx\nW+XfEbSMwyJE/LNSYB5gGhXT4Japcwe+WS3PwQ+542f8/b5tnQpjoTOQ9meX\nZXHe\r\n=kf58\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"9c66ae7fdf6570d9cf334102b5004c5a04b628fa","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.49fb20ca3.0_1596072398070_0.302670238142307","host":"s3://npm-registry-packages"}},"8.0.0-canary.962d4abbb.0":{"name":"@material/animation","version":"8.0.0-canary.962d4abbb.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.962d4abbb.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1c3c2b3b2befe8869018c664e4b376190b7048c1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.962d4abbb.0.tgz","fileCount":23,"integrity":"sha512-wDGlZ0trNumVzFSEIU4D8h0yzs9SYwEtUXzhfAqmxShyz1O9H0xAQueYXno5dzYfjYQ/XIl5l8yTZ3Dyt3AG1Q==","signatures":[{"sig":"MEUCIQCnbkuy/GFefFlNDvAXrUAmnUOLCwFFh+fEDdYlUNrVpQIgTLoWvTCLB6PqFHVzY1erH8qQ8ocURumOSQUYj9chIBA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIvCsCRA9TVsSAnZWagAAdmgQAKMSBdtnqGcKWw4zmEPo\nEVFLCi7yy5aCT6N0Ef5s8PP4LaYgf1j33cEXQiNS7H22E12CyCNQAfh1Zf75\nPbd50nLw+AM2WMCMuZiKEXsa9VrPp+IDWPClJJfdpNfGHX+SSoDjsY0X9pTt\n/RFb26RlisuRTezH4/fCzFw6BJjqMRSji+V4fQ2hbFGZ6t1S1ZY9ru7ZERRF\nHTeyS3P7wP8WAfSyB/WzSNcl7hREUlLx9SURp96/7DPIQshAg5wIkY/T25jn\nXd2Hg6t+yJGLQ40BI8O6YlNFyU19oAWcb/fcemozF8y8JvimwlX2sL3l/St2\nY+y3OGQhGotQ0TqjhajEcgmUVoBm47RnzySaEpI/EXbkfdESWzZPUr2cXu2f\nPb+SBRFwOA+FsLopsqgX6GTjalB3YsiHcjCj3yqHVbcmLfJxEuWVkdYLPbTv\n+dVHoYqHyn89Wh105zp2qSS33KlXpbv2sNf9xjwKXFaZrz8Q5f8Cu/6VK3Pi\nsF/WvIcsDoKvB/MI1H2Je6w4RyRW0oIhk77XQ2oyTJYKb7cyTNLVN9SvlpcH\nW+wTvU3gW0+47stDtxR9Y53XfmW9Hc3POf+jRVnt5EFNlZA+a2b+PuKlb6WJ\ndr6WjwoGxQmWWjrtpffLkw3Zwae0CD5czNp8yatAHXf92fIeXlW9JqLCB45i\nBn80\r\n=dVfp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d373d2867180ff5f61fc4d7afb88a8825cb5cc9b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.962d4abbb.0_1596125355513_0.6823851686324263","host":"s3://npm-registry-packages"}},"8.0.0-canary.2fcee40cb.0":{"name":"@material/animation","version":"8.0.0-canary.2fcee40cb.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.2fcee40cb.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6007c577b66596f97f88f7ca8b280e16480c5499","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.2fcee40cb.0.tgz","fileCount":23,"integrity":"sha512-2jODGrHSjSWm0p2HkYGuJO2YJxFbAro9hLZYMACOQ7+ZCifxEJK7xG3kOQ26Fp8hNwmewA8XUT/11nTt8gkL8w==","signatures":[{"sig":"MEUCIQDdavDaap7cuUn5VqKq4mJDrUgls9UDMYjfLKrIdC1cwQIgMtLFS9jZiQjd6cyQWG2DFWPUFZrfNfl6WEDTIsvBb70=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIwFjCRA9TVsSAnZWagAAA64P/2Uobma3a256B2LmgbBQ\nRh+ziqQiK2+ZwUMhAeqQ8ov4/8ymZXqaqhg8Nl+Z21iehz92rKif+y6KdEXQ\n2kE3bxuXnRciskd9zEX20E9sP/P2WjQEp7YXehTtfHf7MScVf6Db9UZfhgPM\nixABl3jdDxTcjlxAXMT1pmy30PFnAvwtwCCRCbd9UnSYUBpmaVR9WISjtVcE\n5NXdbg8u7HHRcHRZ0ixZpKl97C8c7HmDc/QYdPGDcxt2/3J/vYQfpaJx92C0\nC3qc6V5EEYbt5OjjDAh61FUBEM0/64ZKTdDY9PCJ1l4nil0GMKlNS7ARR+jT\njyGdxLXbkveewdkSERbO/UAtPVemmhfYpKSZS1zKQ7qJoYHIu11aHvobJ4sy\ntxxVg9ryXrZihcdhEaWOyl5PWOXoRadtmVvU+tqT8GzPCyNFoGQMy5mQp9H2\ny6CRX33QxHUqlawZU8fQiucFI2rB3+w7Q79KDef3VLLaH4INZ5l8Z8apJ6Ba\nXWZAb/OPYPVn5Jqlr54KfWpkKDe/4uWxCgeMyvfrhX15KlJVExEXun3tXVQ0\nxYcJQfJLNXBTDUUE3VxyMTbkdr/QRLrjZJcLnmLBSZZm6Zn0JQLz8jfntep7\n+smsklHO5KAAoSIydNGIfkilwmrWn6omqFH38IumDyrn2p9V+gvbbVdBCz71\npFme\r\n=fBBO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f769a8a60e9cefb9e0e6306a96914e8e4b4c0c90","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.2fcee40cb.0_1596129635463_0.13135550569284238","host":"s3://npm-registry-packages"}},"8.0.0-canary.bd5987f5a.0":{"name":"@material/animation","version":"8.0.0-canary.bd5987f5a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.bd5987f5a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3fc89ce96df950f7b8e351681d7b85e25b2557a0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.bd5987f5a.0.tgz","fileCount":23,"integrity":"sha512-o7ErNong/WNQw+e1JUdwsVaAe4woZn4B08sqJ02KEdRXpfJXL2eGP1D8dx/Xf1IkPAGlViBsy+EXOPitSyfwxg==","signatures":[{"sig":"MEUCIQDXX5bc2K45TFDiwSX2uG7P4W703E3JS+xlZDLJEIsqrwIgbWXGxUpG366YYiexrIvBAM/ODV2wcf/zv3WF27itzUU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIwcoCRA9TVsSAnZWagAAyhEP/igdZGDJFG9rz+E+vAy7\nL3pLuG+0iHJmotwmf68CszoThCDe9hu8kjYw9Xtl0YaD32gjkShgknWANEpx\nzJ2Qwj7NuEV9BCSoRjjJ5iZEa4O/7/tyFBzfpQeqahTpQAp+xT7ZcPF45iUu\n4kxDVZ/GfZXMA1o9FWaNsjObWub/PS9SkMUuBnYsy+RvwwBgQb4V2RyfCjnC\niXD+PK1Yz/3KCiYrqY65ZY7+ZIVR8KMb7ozVRxnXxRsMyRiHgDfWiTVShtJD\n0US5Jeb4COxs9AiVUwzKzU4Z7fjX+X0TaE+0JAainTrWf+wA3N0F1cjkLBmx\nLzQO5UFZMlV24l4odQG1Lzu8XG0sre3Q+bvQ2q7f3QefVKF2Yhj3m9q8GdQa\nlazbSNwa2Ok+dlvLOYz0dWXknR4tv3H6fGGkuTnYGF+MwwXyd9S9KIYXrTTP\n5CK1WugcvsYXDfyTE6Dhhp2kT3ZK337K3WdDiKa0GJt+dCC/0MsPncNpU7qd\nWaMdUgm8eeTkAS5k8+K56Dv0EtlqgMpGeWdIGZjqAsW7/n97csgjub49hN+a\ntGw6+gHfEuxGog/dKSMfjGiibNOlRLMGgaT2MMyJljQ1rjt0TehVthFOnnOH\nPt2pFED9P+BpgdvzrnViaZt9aYRzi3eAFE315krdjeV3bQk9UmXZSs+qhTv6\nJyHF\r\n=y087\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7825c698a6686a8ea967272c1f150363b3845900","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.bd5987f5a.0_1596131111495_0.31442917069876297","host":"s3://npm-registry-packages"}},"8.0.0-canary.005e86a9b.0":{"name":"@material/animation","version":"8.0.0-canary.005e86a9b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.005e86a9b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"608980f413f936221501284bf346813e1613955a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.005e86a9b.0.tgz","fileCount":23,"integrity":"sha512-XfYHSX9iw81HkRSOgJtRaXTqi+wUjQoIp2pabT/0XLehU0gn+sfpkGYI84B3XtJNwxVCYsIV2Ny2+QKJeMVSVQ==","signatures":[{"sig":"MEUCIQDahZeLtsUgdF2k5e2eJvlHxNM4WYggp1fchc45cLlfywIgWtO95InCo9jhdSRN5ah/3H/Uxu07ZS79w47yiisBwrM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIwpZCRA9TVsSAnZWagAAZXIP/1X6dOFZ+nvOJxXZ67eg\nN8PNoUz3wKiDMO5C498U2szgLuKJHGgKJTSUhRDrnlgz8WviC5ML39hvTh6V\nC8GWsApfccXqmfPZ6VW+QCtDFOE2SeOtRELOgisruqyWph72MGZ5HzwW8HgG\neK7jOkbd8RD1bpWS+RboGSJgpcoGz8bLcabelIjebLoNk/rrdEEa9xIWhFY3\n686yU5L1pOyhlY2HHSMwDuqFDQipHXQQOihph4LN4cizdL4qwlELpGTOWgI1\n2Vl3Q4l7esMdx1pzD10t3c0pz0r3O/+VJdzV18AM5mqRauCIfTDnTRoHQ5kh\nBOEKCpwKQrdLAt804DDD0VQePbFGrmfpdf8v0N6CGfP7ZHbvFzj+mu34BhwZ\nhCpIT+DJirMZxsbDFvLrwgfgezIoY9XjdTKcwrIUl8D4OuYaJHLxf2Xp68c5\nOClXMO95GrfXVeSNXNFnMJrhpxKx5AUOuePgzDCatNIzqt45OsIxXyuXlQME\nZI3Dov/0nKsIYS86hRQL89W80gQtn8MSBbjOz8Fik4U4j8BdLj0WskABLZZR\nU30MTqQVprw3LNNU9aHrueZsgagJCG1qXNX+AuxAGVomxCEOJV6/WJvCGvZE\nk7LGQZG2n6wJOMCgGJUITXL5V+UaoZuUnuowKczRzfpzTB9EZNc2ZIvXSlFf\npxkE\r\n=fVlV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"1c429f861ddbb35ec8588ea55cb1845296ab0218","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.005e86a9b.0_1596131928800_0.11844673469620526","host":"s3://npm-registry-packages"}},"8.0.0-canary.e309c7c68.0":{"name":"@material/animation","version":"8.0.0-canary.e309c7c68.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.e309c7c68.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9e4b459e3cdd33fb8e1d2599ce9946ac026e4621","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.e309c7c68.0.tgz","fileCount":23,"integrity":"sha512-mLbzmn6s+DFIJE1L7BsURGfV1TOuIH8Z6cFPDTM/rcih9OU1kxfmTJ2Lnh7EFjvu/UoRrtgXF9HtSKIDa+DbMg==","signatures":[{"sig":"MEUCIQDsDhwZ1gKH6Y0EbFQxa07ela7BEYIsuQFCJB+g3Os5hwIgEWVgWWzhbC/xSEqOkYg66DVd5nx9FnNuR0QhY4CyI/4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIwxpCRA9TVsSAnZWagAAg30QAIiIUd5r4RZJrkleqoxa\nXE2LEeH6wFSfbLMNAaW8Y6wpyoEhd1Y5HJsRwhILmiZdhH63ZUznuQlaKJdB\ne7aPQ1lgmoTgiy2Xq8j7j+eSt8QdYpHb5thDFLWzHoYuWBVALicjIExOfGT1\n1WyiJQO5nFYRio+PjJ2wVkkwWeZpaqFff7q0ErY60WVhj2hnlNvPRPCiq+jx\ndNl+TLx7WvSZ/XtDIaBFtYlTWUFxQZZrHcTakAHyr+YBNckNaiuh5DHkRFup\noP6+1NH649IhYjUsG6LXq6OSFKO1e43QNMAOJ8MDR6FP9N4iN6aM5MDWnUOp\n351HNzlnwFviXVtiEhTuTw3QyiUsR00QzP9HrPqT+t9BvO9cK0n850HBlBvE\nWqEypNH4d+nrh3CqbgQ5qcOEfSvCZwgk0IhwkZKtVJkNKpa11KelQNBUr3tR\nIAaQ2/WYeQ2d7/peE0qjATNS9ehWXrgGOwhwn6YGnXhikbHO1yPDV1nVNmtj\nICHbZrMH4puxdjm4R7D90vXVC/5j8pAZtIjEnYB+CsvS1lBtd402bccvcXHH\nkoyU+z/M+8xmHTGGT432l1luEZqEgTTt7/SO+IrmWCp2YEfbdQS9wLZe7e/v\nf3oqa0a1GWzNCB+QdeK219zbtvskQWcW90jAwRwgA1G6yqEMUJQw89kgP29D\nQMSP\r\n=JN3+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"3ea460933f859061781daca3ae127802388c28bb","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.e309c7c68.0_1596132456679_0.29018407255236145","host":"s3://npm-registry-packages"}},"8.0.0-canary.935a51cc0.0":{"name":"@material/animation","version":"8.0.0-canary.935a51cc0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.935a51cc0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"62c729272c6e16f9f608f7ca55ba16231fd984c0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.935a51cc0.0.tgz","fileCount":23,"integrity":"sha512-89n6pGQn8AD0kPLVWX47g8UMtV8B9r6eieYDDpvUyWAY//9fEAMr+JmQt7IbfZbCCCnNoadny+58+bNkcfNkYg==","signatures":[{"sig":"MEUCIFfJ1+y2zx9ShlfVEGP7tHIQzYRpzNKgQ3g6QPdORZOAAiEAu7dJoAmOSR7Tmfy01ijLdAWCis8U/uxQoRuJU58SjsI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIw8sCRA9TVsSAnZWagAArpAQAISkPypNPNwDqVsX4MBK\nc905Tjz6dwjI4KGF7WCwuTLgGkEo0o2p/zLXT0PBnWCOJj1f79vvP4RFXkuV\nQrgNvUjztvbXzyBpI4sxD/pIOoMyTuZMiZXjH7qUjAFF1NzGKI6gJbo93j+o\nSHiN5I34gvB0Q2MGdikT6pIXw8HtZyHMUrY07DTTLkiExk8M6lZ2zOhi87Hb\nUmjbbSFq692OQDANUiAMhbXEZEjg1joWOS6aMxbLlm+ju2H1gh4FJLIEPMTM\nulN5pAIGpLHAKxvAqLzonyj1kPA4zC6XqP5ijTGun0idX7RPy1LDG7tl9DZF\nR3cVp/y9M5B76xqOBMKt/sX588xAhZq7Ni+AKC9NOdYAj/laXaS9TwsJu1KH\npTIZpCuQEA5apbrMy3zIvet926Pi0896uLLbwZc/AI9Q8EMUFQDWezjqZBXy\n/FKFbxN3VObzuG3HFNDc/lwo9le4veZI+eXb53VmstbkbrV0+27CkU2LFFBP\nM3FWogfQVio3WmwNYF9/DCEdt+uJ0arMhiOVWVi60GSe4DW1B+yx7l9+bCil\nLN1gooOw+iUdl4ZjESkGxxjL2wYZGJwep1zt/NhYgOKjbYE7q73t+U0K8XaY\ntPgVbefb/ZZDoQR95hy2Y0FrQysCcNd9pwOmr3zwOEy0jK8YBRLLy/JSzCKo\nH7dV\r\n=D5fg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"79622070723d97d5c4052839435f92189e8fb6e6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.935a51cc0.0_1596133163689_0.16947795122032705","host":"s3://npm-registry-packages"}},"8.0.0-canary.74839da7b.0":{"name":"@material/animation","version":"8.0.0-canary.74839da7b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.74839da7b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b5739aa91d3b775426aa8cd6e3d3778edcafd1b2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.74839da7b.0.tgz","fileCount":23,"integrity":"sha512-0od7kPXKkATZq3kJv28EBRMl6Z4+luXX9/rQxlem95x0Rv08/C9u+GNTLsjT2+qzNJu4Gth15SQIdImdfpEXcQ==","signatures":[{"sig":"MEQCID1+mPcxdHHRmIEX0ryCB5l0gaHxYBW8KaY7li9+5XckAiBrNvkuxd2rjvdd0/tJ2GV5KMHGqeuJfZXBSRKNYjm8pA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIxG9CRA9TVsSAnZWagAAKmgP/2izDD8mi1XeOYojfbQ7\n9lvX2nSyxnCdZ5Jge364JUuj4P8DKimZvb+Tdbj1p80u6C3Y970bDIaxwhet\n+k9m8093lFV3EDvgyeQTAnLuwM1puqZejvfiJyXZZLP+7pq8iYSTqXRVXw76\ntlXbhc9KY1PekBkPUBHW9ZNj7I7vH/x5c1Mkr1YgYXTPAaWMPnkw3JROyNqs\nQPcB3jfHEMgMduGpw0OGFfyCLO/WQKAyZCPAo0mLbaYvhFM5GPEc7lL4HLYB\nwZll2hAJcDNzxB5+uwBLbnLee4HcpIUlybpfccQO0O1B9e2bqjGm4EvqQdMf\nmde+jF+CbAZD8hkUvTHApEtUhSo1MSek5maw5gn0sopJcB66o+IzVpHj01SH\nLm7tU3AR+O5RLB7mL4pXUrBCTBa2bgfxVlh1vdFWf9TFB/aaeelw3THYCExX\n+F2afhu6SMf13a3CeJ94LH5mmID+6eN8wq8D96NlTCYt+e7p+YuBjUwZReKX\nZb0H6INFuTiYc9SgDkl6C1vIK8uiMKFcsXjtxLHSjejAbMQ9fWRpxeiWNj79\nArghDxnz3Jq84eCd+NPuOs6VR/VbKwTo1zbjpzojurP27EIvMkyegRQsZbqu\nlqyKMLoD4Y4CXuHojQoeCEHpSYU+d/rTzs8/JnWaPbFvQPiptTRQZ+038sPL\n6zn5\r\n=o49J\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ad186768bb65467a86f70e827e74fee089e25811","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.74839da7b.0_1596133820602_0.6079530501925452","host":"s3://npm-registry-packages"}},"8.0.0-canary.f041a48c9.0":{"name":"@material/animation","version":"8.0.0-canary.f041a48c9.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.f041a48c9.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"04230aa363eb1dd5bd95ebca4d15eaac5c47ba47","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.f041a48c9.0.tgz","fileCount":23,"integrity":"sha512-SUOSqGd5auFh7/Ee7NBD9uxEjDQl5oo8PVa5QhOOSMpGmjUMBnw97rDWmVtsj9DSvSAVOl3JUf3r5C+3NqtXTA==","signatures":[{"sig":"MEQCIDC5Jg354q8CtAGuAPPpzzr6VgZc6Fd5MBLHsYoE3P5GAiAulinRZBlE8hdGzYJLKG2vfo+WqaIE5o2Gbmkgzi6L3Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfI1CNCRA9TVsSAnZWagAAPNwP/17i16yiM+aJFE2mUbdB\n1wYFcHu01OmyBR87cQ0NWXr/2E6uWY610JV6vOZueORwiYTmvGxI/yCeA1hL\n9P5UStRkhhAfNsRpJ0S/IooFE+7lG8kJs1yysXOfx/aURAEqdEn1txE7bmvy\nfUdjVZHrVimZCjJAMOHbDcGyB+NDfGYKJwv7nIpPYUpE+J8m4Y1fkgNul5Uu\nGB7WQz/XA/fI6Ox0gNbLc8h+azJz0cV7aEG0BtVpeV+BL/ZxxNyQrvgYRlXJ\n8h5RHWx4Y6jD7du13BtbrYmHoqwhZ6pAHMlKXo6BVVi9Au/I2SghdhPYZOX2\nLZCZ+0skp5xK2H/H+nvqDCja9jtXwMgQLRh/kpniq1lTrRCVFt1vaVZQpWEX\nfQe03N80CG4/Gc2D4dhhlNXhA7uMeet9aWzpHgj53hSip2J2NZIt+E3AudJF\ngLnAh9WFP9pCCEgC9UkvP4bC6xdwtCRPRPrGG8nhbSxN5ejAHkhokBRFYwAx\nHp+18xnoF2G9/YDwzaQ1tfkL62pvX4C5rEVvY0r/Jc0i2/M54u8Qo5NptG3l\nO8sFQDzn9+3aJ8irwm11eBJ4yXBM+UthTIXBPaiY7BaRw+vxHYH8i7ESxQiD\n+kIe/i3r4giIBZkn2bxvtGwdJWf0nTkyizKqmcoc+TehzSEp4QgjEkmraQS9\nuCD1\r\n=Ar9t\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e37611a41628785b7c1266cd53abdd9da0208c00","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.f041a48c9.0_1596149901308_0.34365994536470046","host":"s3://npm-registry-packages"}},"8.0.0-canary.fbb1381e1.0":{"name":"@material/animation","version":"8.0.0-canary.fbb1381e1.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.fbb1381e1.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"aa49a04bf6865f8adefe5d2c96d113e93392b1a0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.fbb1381e1.0.tgz","fileCount":23,"integrity":"sha512-I8I2Zn5mS/uEN20ZGmXDxa7PITXm7anD/w3d27ejJfvj8zkUaog5n6XfOQegRg+4tmiHmCV9w6uXZLw2zW37uQ==","signatures":[{"sig":"MEQCIB++4eM6f0HAkHsbB3qhUN9VmZQNMHlrvjb5EWUnXlBYAiB35p+FkXDD+iEOneRTOJSIpnEsUd3+xljMWg2b3RfcvA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfJD2BCRA9TVsSAnZWagAANCIP/26y9L8G97fiVCtCRUJz\nc4klIqO+iiEOuBbM4gykd4JYkVTP1JPG9ODICQ+AU4RSzzxowYiHewRf/zta\nFzE912umFZqK9nRec2G6uyDBTXnat4c2afS7rZs0EcMHshedKnvV6P8pKA8m\nmGwfTWTmxG2lwsRzUc9/5vpVzC2HCjKNciCyD/zl7x/EDY4ytFwv3EmjQYso\n9pAdm9OT8PI9oUy3Vcs/x53Ac/XQ04LK+SV0/EAjq5k/xTO8ACSNrK3umntG\n9ZNWHocNcQPH65N/ja34TTGBAyvXXIY+HVOO96OWvhuKk0KGSbUWDrFgdYR9\nqQeb9cWKX2z1G2f2KrUkisAUdWgDiLiYPbRlVzl8vcbC1K14mZEvE8DtPn0s\nY7DJF5zHrORG2gUb1dvo704quLK61cDZGw22bujV3Sdr7098DhB1EKkV+5Cj\nSr9el8sK71sOfSGPYYmbrbmMeS7BVZw8JNfZXS3aD9eSdGrjqclG8tJP8lc0\nkN0ho5sLW3ovc+bWLWD15P7soQhNtXvw15GC4dr38Y8ra5o+19IzCHCaMlaA\nPUKvRMiNT9OBiD4f+mC3fDS8NUYCnaKfcnn/7zokyhWIY+7eJgBnv1XQ3Tmy\noJya0ye2dPSgVB2vb+2UOo7uQ9wSYTSDuKw0OYPA7BTl+Z6vdHsZOmGOkIrW\nPM3h\r\n=iOjo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7c42a890f9b5f1bce3c7986f37f806066e6e30bc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.fbb1381e1.0_1596210561294_0.12332665629712114","host":"s3://npm-registry-packages"}},"8.0.0-canary.7f61d5785.0":{"name":"@material/animation","version":"8.0.0-canary.7f61d5785.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.7f61d5785.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6557ac9bc7b22466ada07047cb799f4eaf3c5c2d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.7f61d5785.0.tgz","fileCount":23,"integrity":"sha512-3UXt3sVqCdYyrnnWRSlzFESSPM+tKJextJZw9aEVeSWoDKVChtRNhf7LG+sxoScq3PrB9Ay4bxePdrqeXyQe1w==","signatures":[{"sig":"MEQCIENde00gQJ+KkqQOj87fWhY9EOe22bLpAcp9soQAhemrAiBsquW6YEMn4PRu789k81mTq8Ncyednp2RPqkfKRMw4Lw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfJFM+CRA9TVsSAnZWagAAvaMP/j0Gocg1vuSx44/UDOpP\nqq0m30tjU2VHB0ImHrCpvE+24/CFCNaeJfhgp1vaR2zr2/ODEmmUMN4L2wX9\n0I6+pMsgw9jizZ/Ze18gtdyX0zG79GYBMSs1T+mb0w9AJNqazCF3S1ZdlJvK\nLJCrDWl+/3xcDyoEdE2TEkdIvGlFcsAiknUtxqjxs4Km1814iVIgVTPvCYu7\nDpJ1b0+C90vrpeJ6Obw92k6/QF5U7uYUMoN2PsRMSQUpiYwKlA3CGDoIn1Ct\nMu/58Q1RJlZmjlEagk+wCuvaNuUKQJn9DbpCPN87fV9Ttq193hmWRu33N5P1\n5dKFX3uU7ViToMjvtp13pA8q7FQ2qT9P+rucM6GvoceJOinPOp94baPy2ahT\nb4lgTD3FrgKPHLx+B9ggnZF1u+uB+PQf6An8m91g9Onyw0n0dkb6mzddh85a\n2nOfob/Z6KxrvZk5hg58w1VioMca6Y68p9RFssOSf7hLNRnsMOqY+6kH0/cN\nVko10q7QV8LAuSDNEjbpFWJvTe+CscGV/xbE60d1htMppYYRK8s9wFblS91B\nRvsJ5CZ41NTzUH/o62m80PS7cjbDFfgU0n8bMmL2JIzMfMQ87gmbLC2jqrxb\nONp2+vRoYn1+J+6zkyIQSDxMp/U0bMDb3Q5QrFPAsDvB0SUKJPKP2XNT+g9K\nrBlu\r\n=PAFt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"beb77eaf7ccf3f03c6d830f96485010ea9e3d47d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.7f61d5785.0_1596216125648_0.8245053990092053","host":"s3://npm-registry-packages"}},"8.0.0-canary.e1bc84d10.0":{"name":"@material/animation","version":"8.0.0-canary.e1bc84d10.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.e1bc84d10.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e0a7a02474380dc8972de900d43bd36a98c1b312","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.e1bc84d10.0.tgz","fileCount":23,"integrity":"sha512-FgoFCaJHgksD4xKTT+FQZ45yOo7z1B8D/3C1j1loKjoFKHm/V4u1FzCRQ7Xcp1qXZA6Ml6aM/TVDXyYeuFcMAA==","signatures":[{"sig":"MEQCIG97FGXozGM9/WgJyHwsKgrhlmru65e5fD3n+wIXxMvHAiBO5MeTDrRmMkXZ5NabFPHXhxQuk0SEb6D+OfKf8hjQOA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKE44CRA9TVsSAnZWagAAwBQP/0xLrYxU7e1F7bg6CFOI\nZoq6X85ZAbo6hP0v/u5NEJ8UehSaGtAdPdKl3kGSxCohnh+SnCiguNPHEI6c\nZkdJFCrSx8qqgCVP2cZGroRqmkahNxKBvxTNMslhY8BPNDdhNtkTqwl2ktzS\n672NZDdygkhvrqZaUks3zLA2xOJqb6vaOIelx//9JHhQojRAAzA7Z3vQ2qjT\nljCCljFrvdb4fcdDQUinfqGFy3Tc8VGAz6sDYhNWIV5fjzLHk25I7/KAw9kS\nO83nk/6oxLMT5fSJDASQbeql4LpPpPHgAyLrgd10sR/8TEe00CZb9/So/9wL\no+YBzBjnBruJXK3OloAUJlyJKyz/Jb0nzDaxGkN3WheFjAHfwM5iDCEr504D\nYRfCN+wuIR7PUYt+Vmi1woRIGTYRVtRf6PD4aXwEm4w8XkTFDnyd6qRmhfQF\nc+GTBXzZUdGGtwjzIw9nJnG3L6wHuULFpVWbGLXibTj12Pz2l5oftMXo4vWd\n5JXhZTj5HLq3oR9crK4KBrptUqXw9Y/yYnqKCCE3Jbyenxk2x/GJLtTwfi+P\nKrjT/99aZw/mBrVtQ3KfpTwQjPQY+Ar5xzi8oOUznloHLhU2ZhFzlZuU2hIP\nA4n+Xe6+Rye+s7rm0QWbV8jFl+ItaVHKjCvek4t1MOn6/RexV2SXIqOBPG5R\nJAs3\r\n=S4m+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"4752dcadba6adfeb006ee3689e295db016f4bea3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.e1bc84d10.0_1596476983713_0.8253395322175217","host":"s3://npm-registry-packages"}},"8.0.0-canary.096a7a066.0":{"name":"@material/animation","version":"8.0.0-canary.096a7a066.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.096a7a066.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9c1b3d31858889e04e722ca8f1ade7ae3c54f7e6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.096a7a066.0.tgz","fileCount":23,"integrity":"sha512-hGL6sMGcyd9JoxcyhRkAhD6KKQwZVRkhaFcra9YMBYHUbWRxfUbfDTjUZ3ZxmLDDcsjL4Hqjblet6Xmtq3Br5g==","signatures":[{"sig":"MEYCIQCl8p+6cfYSYkWTLCdP9Xgd0wZoIpXTP8iul5PCJcg11AIhAKz9UTmJLdHoKmIEUmnuX3/UqETcoU/7nVV96ValIGQE","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKE7YCRA9TVsSAnZWagAAZfEP/1xtDvoWR1iwbjo04e7D\ni0hU/6TZlKmXuABE+jRaqsFuVf3inIiY1DY+da+o9fAeAzAk7ba6+Nuc8bL1\n9aeWrEWssfbOJ1JbjvHwompeoMTLSLJqNsqiIhMgRXMxCLYJw9a/uGhYJroz\neYByjJ6+IlbEj5OuBeZ8y4bVr2HsHa/3g/XGP/UxuO0orGBAVjIL7CxBFvUs\nubMzqpr+xS9y05Fskcexxr+A2cybqHGEF6TpwF9JW5HV3PG2HeoOiAjLKZGu\nXdzR1UvYn8Y28d+rODXfzj5XM2QPv+QzNMYglyxYLGScPG3aV/aPrXQxezYU\nwy1nHlQY4mKLVHUohrCfI/qFQ/XrzQZ0conq/k45dyPlrcuAsU8tSwcQMIUp\nUZ9z7EQ6PgUdBq9zOuOb9+mYQ5fEtuEUfRY0n5pNgIen9kfv2wG6jrXOAA2W\n242b4pSom/2Tuyzjlsq9P21/w0GZ0jZnYZsTpobfHjylIDCf+iLHJumitG+X\n6U8F6Fc184JkxFcNV7eilaH61YuLas32d8gnNDL/NOa4c5PY0CP/MKchiXer\ndl/u65PmCgjMlD+TvoS0gLU5LSOJkf+jik3M4oH8QNmmQXtaotodfCgq1WD+\n7VbVVFcA8GBU0en58Ru+49E8d0WBsBe7MYeArTV9l1j2p/jdFPO03OhDGviy\nt6E5\r\n=Tavl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c1f4491c464cef40f62d03f687af7b443805fb7e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.096a7a066.0_1596477143716_0.047308410337125295","host":"s3://npm-registry-packages"}},"8.0.0-canary.aa3a3e5a4.0":{"name":"@material/animation","version":"8.0.0-canary.aa3a3e5a4.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.aa3a3e5a4.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"489878155d4801150e9994ef9e14dde98bb7f4cb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.aa3a3e5a4.0.tgz","fileCount":23,"integrity":"sha512-1PuS1jYWZRfFv/M4PVtqQKRZUhP6st7LWfNttq70XvRcyBWy3871DO87+1cMd9jDgEjnaHle9M34UciMbVY9rw==","signatures":[{"sig":"MEYCIQD45tV47SR0cxfEih1XfjRbf2wN4GlbgDSysSOgi8RuFwIhAOafrr/YHuq4aaDop/Ix/rXTO0k2CBQ15EPfWGTlaps8","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKE7pCRA9TVsSAnZWagAAL0gP/isth/0A/giYEP0WKlk3\nZS20yoDFvnpqBnT8grz6eFvIytAhweK7n0bKsrLZdBiasTAITnJOFCjJbKmw\n42FMvkrRA6f0jJEczyccw3lkOQ+spkYQ9rUnGsjQyfyaHPZs7zGwZ3t+X834\nh5I2/baPo/q3p1BCXoVHyKSmblPWI/LF4fzaO11i/o/dCjQD1h7sC3Iy9eq3\neLPyWQeyRJJ1JL9gRM909kwVUj1TSkGydP5tWLmbwr84xSNx+OwPiiGx7WTI\nCIzKH0rCYC01wAX8aRUgeitMBPygAHQOMqnb5CS3ZaBsphWIgFzDbS5gsw5N\n2z6T2A0bf1Xudf5U6yG1VbAUJi2CWfmoqyXgCfBdAbeGKBCK9vD5Hl6t4AF4\noqxfD/U2Vur45oUb3Ejl62tpKNNmWfcR8bkC1wUguzJkGHsBhA3YXZEhNZ2z\nsaY1s+pevqbWRBn/dHzYRteqP/ZNj3jI9uVGNZl464RegXQqB3+ce4OTzRmZ\nr/yFY5xnensK/KrlHTQxdy12gCWcIN7zYerjbVNLJwLQr2LVFeqhLO2Uskbt\ndQxsXVwKz72YxJZOU7Jasomq99UfuNjqO312lTQqgtmFVfhK4BU9+1BlM2we\nbfuZL2661YQfBcXw9eCahKM15ri1ruz+w26iI5NEMTLuJqBbYOz4CEGqCno9\nrJuv\r\n=deQ6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"8e25515e9c171e19310cbb58630a760408b78c80","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.aa3a3e5a4.0_1596477160789_0.37822226131097514","host":"s3://npm-registry-packages"}},"8.0.0-canary.5903d39af.0":{"name":"@material/animation","version":"8.0.0-canary.5903d39af.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.5903d39af.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"73a721c81a5d2561b6dd083d18934cdc81780a01","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.5903d39af.0.tgz","fileCount":23,"integrity":"sha512-Sfl0pOeJXgvwGaQf+Ks6xDxDjDWUqtO0oujWVmFXF+SA0EJw+cXkRn9obRDCO8uDt6xy24R26Y9kKELdQBI8yw==","signatures":[{"sig":"MEUCIGh2djzrw0kJb/0ox3ydfPQLWLM+Zk3f1ZNrvzvrJf52AiEA3ZaR+b+vwSai43bRDyhDfF/J2VSr3Z/JkarlLzDq1GE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKE7wCRA9TVsSAnZWagAA6ScQAI78/E3WSaiRVIiNCnLS\n0KY/lpj4hCttpuYyWBYUkUOyAaK8tH0/4XdJ4zqfGVQ9Fjt+dpZsZKB+Gofb\nG2q6WBMYynUMFgoeowx8sNCY6U+BFRzkE1UZVt3EB30qizwv+4ASi1PGpaUP\nKJjX+8Yfl060BcwC5smsWqHgLR1M1JTtMw4BSffV5D2HlAzyZG62/lYxmpQg\n1m6gcsHdMynElnYwR1rMxIpFho0d6nZ71sBnotjj44f1ADsiW9b9FOZ2Gv1A\njweShxkAf55p10jfWXMy17ksCdlZciFTxnbGb1raxtiUkpbjoqaxf+lt2w2+\n/uXew1IuX3+oHxdOkAryUGOttnum4u1ZieABcQCduN+jd6F2EUmQ5LRgMC3f\nfOGuCPZj+g+nLDhg4LE03STzDCn7CVxROnkDud88nYqqxH/kAb6vMbUMFfkJ\nrdJw648rSJRyF+Rt3zt8TX0huxMxc9snoq+0aDY93/5b2ImwDw7s+GDyOp2R\nhe+rJjm90kizmraddP4MWd+Cu8IlA1wlkgvGtfj5kIO19+WH04nmPwNXl99w\nUU/YPbG8e8TCffyML7OKFL84jXMUJdSpPaZHqNyvKo2XmIYR/42U+yANkBxS\n9m+3pqV27P31b1/fQB8JlB9riKA7wPLzdofC9i4WpQtnmR6HC1ZyWT66sefB\nSibD\r\n=2rdi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"8a4f2eea8ac8483e7e0a1c93b141ea9dfaebaf4f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.5903d39af.0_1596477167859_0.844890145893824","host":"s3://npm-registry-packages"}},"8.0.0-canary.72258f898.0":{"name":"@material/animation","version":"8.0.0-canary.72258f898.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.72258f898.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"34d9c30775d1c4c0c571d2ff2bb758701a5a74c8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.72258f898.0.tgz","fileCount":23,"integrity":"sha512-7MCISlSLl0nZXd5LOJSPSNUB2L9LAua9mFk2db96p81hrOj6vDwRMyqu/VFhWffY9YV1r/m1tDynXkEtqmYmnQ==","signatures":[{"sig":"MEUCIQCzI9W0S54BGZQTRy/GzhDd1zcARpk84BR9kN3W18uFPQIgcPWzdA4ocTgcs7hgWdxIAuf26uGi9r+rOA6Vrr0Bgu4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKLbiCRA9TVsSAnZWagAAkj8P/3NyQ8n+HP/PE0q/8oEu\nCfy33FybUkddIYlbcokxR8Hsb4mEsk2Fj36S6ApPfzaqHIbwbLfDprxN8TTx\nk3VEZk5F4gZjF9ai7DQKphw6kykO+PtNUh+0C/SEYT+CC49WU4E2OW2Amzxr\n0ZusBkMzIoyi2uzG6v44GjbX5gEwhaZMYu6U5LdERdCXjSIhOMtYK6hQnajT\n6CQZnltslcIcFccKQbM3YDewfjoIBJ+RzKAOBemyis4uOGrq7GcifTcA8o47\nc4l07ILOX368078KzNjXU1QK/6ITucO7w0lNRH9Z567p7dIlhc981EO47pfF\nu5ed+vemksIIhAZqSK2lRiBayVB4rz9yOqHy4o+84icdknfkhi9Lawb79hal\nog5jnxM1Sa/ug+nj4FpcEobB2ffcAQihYP8cuAykroAQFXttBuIvWEGyww3N\nJaEEQCzcnMCexJklD2T0bV+WHOrrH62XW4xLebXEMmfoCm6L9nz729pypMlE\nRAankPdU0wdaRtbfW1gJ+n99lM3iu8XOS3qYyxL6aQqBfxD9aGJlycPtNgj/\nzWklYpUa2Z2TLYeCg3GEM0UUM8TiK+YXk2t/My7MpROZcL6R2qxcNGMsMhDK\njFoyxQpoy5m9HSKPul6g/U9HoZskj38mFlW2BNAH/0SGPTY0mnb5AZGUq4oZ\nsrAG\r\n=6qWU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ff2c64799ee2d684ba36b9cebd15fbe0d0ed17df","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.72258f898.0_1596503777945_0.7186233133538575","host":"s3://npm-registry-packages"}},"8.0.0-canary.1b44b43c8.0":{"name":"@material/animation","version":"8.0.0-canary.1b44b43c8.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.1b44b43c8.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3c1df6d27fb1281873e88300df29c0afce657077","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.1b44b43c8.0.tgz","fileCount":23,"integrity":"sha512-1vDzA70SJgOhzDtS23Z3ZvNW0Q9uWhyWohr/4FvFubHhvuWz+RnXKlyq0X9fpTZen86nMpem9AbGhpCVhvISmw==","signatures":[{"sig":"MEUCIQCfBweD8AWeKf/h7TOXm7wWtKf+EkYr+Jx9ttoYpHPAbAIgS41Zb5D+Qh17dDmPcR+V+0G+TeqbLyTvi/57t3UegLY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKZEKCRA9TVsSAnZWagAAkHsQAIZlqWW8V12b8k5UhxyQ\nH3pfryBA7XneSlzNV6J6IHFnfZaLxVyWNVzp5iu4GmmM9OnHYlnIGKDGRE9h\nDZ5+2NE97rjXA3oshy3MScrX/zPHvWeo6hnCjFdh8rMgF6TYAXdOubZ1KnsJ\n3AKDrs/nnjwcpLZTfBZqLMpA5qcL1PVqSBIP2L3L4Z3B8GtttIhQePB5/x4G\n7tQ/Z66KFaTIjHslRsaXRqU9YBSjgs3ErFeT9bhSy0FkyDUr49XJihIi0sgq\nt2rIHXZv2GV5zgZA8i1rm5hgumu49I7ujeNkqPRZUTH3SCfiz6/RF7tnCWPz\niTKCu4i63jcIW+HMCHXdBVvKpOOrXCtYyRzPsHKwONd5xEVQCJ77/GEOJMbF\nXIGM+tVsbpDIpr7UL/PuBeX1cv79hm8qVMpPbS08/zGW9e7TGBLlq5cq1woj\nsYFuan5Jw//Ei2Xj/ZSZDlThfRRJIDU3189SRT5xa1xb4QgMH0T3DLwDj8m2\nxgBsq42LIJUuzKaGyxCDK3GPFbIqJyOeRxTxuL8GdmrQDjCbZskZhTUGOs6B\n7lq1lpfax4pIzmpjXaGERItxnwKjs/ofkA4IIW6/ptQlbgRH7oyqb2DqIor4\ni+3sup1EX3r46hC0TZghBwoAkREmh5cDkQogRFZQBybIMV/86xBo1g7LOPCo\nqf3u\r\n=mnww\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"69ee70c646249b45b57e59e958f1ca6d8332dec7","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.1b44b43c8.0_1596559625120_0.13829971406637287","host":"s3://npm-registry-packages"}},"8.0.0-canary.e9d2e2f96.0":{"name":"@material/animation","version":"8.0.0-canary.e9d2e2f96.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.e9d2e2f96.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5d666d466f528fcd1d64388fcda3aa7b26ea2ca7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.e9d2e2f96.0.tgz","fileCount":23,"integrity":"sha512-0rpB97P0k+VifUzt7KGJmb3b/0wrqrA3sJN5H/dfb8/GX2BBol0F7sz4h7/eyoA+QNdq4+IEw6UkxFwWEbgF3A==","signatures":[{"sig":"MEUCIQCkqSX1sABt0FKGpEdYD0ZkVvuj+HJPM6ZM1mojWSMxWQIgMCPAb41LFZHu9j3I7/+rNc87mZGruO8yqmWJlm0vxx0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKcO0CRA9TVsSAnZWagAApCMQAJVSVdxRn+rRJIZo80db\nbo6+hFTcdNnz78Nkt4lxl0F2dURsIKTHRhBOmBTQY7nE7bnruphJOY1xHcsI\nRdKh88u5ddTmdc4qz5Pu/nb0AmBrdZ0JJmWwXWPfuCLUsxR0OK5D+W+jmZyw\nysscgBUY/nPdM7S5DUxsUJVKhTGj/zJ86JUFs8xIkKdQR4B0HCMs1l7Njy6H\nISca6j3nftmb96u9PuGbb1et0nJs6BpAGEr5iFeJoTNgRD3+wD746kyjgl4V\n5TRGnKlUUI9HKWRpCaTE5Xj/I9H1hPSUwnA33jSI2qtmcO3ERN/CUSb4rn0z\n3yBJoCs58a8FdgkPf/dCxd7gLJstOI1wniafv7GRxdO7jsJJzqTPRKm5jqBW\nR94OdCSRF8UaB2mysPElGjztCeEX40cYKHaLDdidcD0T9A5pUSy18b7i8WsF\n4knv8MAzi+e/+zvZJ2T/Qpd4sj0UV/n9raslhNGhIiVmAHxzXQxVaRZ99SYs\noeJxNpfu5Ia4mjdv8bEGhktw8gH1YHHbYnCigBiX8JQH2usSQtCeM/rgfYYt\nFr9ev1QPWhVwczWcGTD+dJCmnYnRn0vbJJ9HtoH4x9i2MaTGpJTAMhWGBzgj\nKBHVuf/jkoI/KMkptZNJiGglcTJ2Jbt121Z+XmLw0H8iSWAOXXCEqEwOKe+c\n9wJd\r\n=rWMi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f6bf51788bc1f39067fcceced79dcc12b2c59caa","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.e9d2e2f96.0_1596572596239_0.11952000046327926","host":"s3://npm-registry-packages"}},"8.0.0-canary.b9dff0a19.0":{"name":"@material/animation","version":"8.0.0-canary.b9dff0a19.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.b9dff0a19.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0c22011b30cf9347d89a1033756ec2c19c3f2482","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.b9dff0a19.0.tgz","fileCount":23,"integrity":"sha512-S0OJkW9YpIGH7ZULlaK+UCiK7N0GDlQeNxXay2KfHc4nFhSF3TfmUwmRUGwB8rQlvT02oPDBsF1Z6gB+Mgxtrw==","signatures":[{"sig":"MEUCIQDTryk2h1IgZXuiw3SMPT1dzcEYncYXAc0wkzsikmEapgIgPMFkUcuvcZW4azrxK3XYdQXAJLBpUyr+i+0jpFKn60Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKivcCRA9TVsSAnZWagAApyYP/Ay7oLEx8XtslsP/xzzf\n75ji35xsqHE9s/SNGXImV5+Pa179HftK8T8Enq6B5jIT6r8eBTcWK7Amqqst\nhmIKkHWmZ5DG8s1qZmS+F+yLxld097LKlfwrhNx0GX4DQt2PdQRFCxFye0yL\ndVgwtHdBGiq7zA2Yd5JZVjDIrwcSTNxixhu1jmCTIxa6q8YrYZHi7hVleqIj\nvTlMirVGTNaJv03B4Smr1LyP8x3Bq62u4yF2ZaetYiOB5kHZO/HuxJGFIG4u\ngc2QYTKSd0+K4KyQWZiEKEJFAkAdGpqDu/Tba9Lkf7u0HZOXz5NBVf0VIIFj\nSQQKhYpOff8m0MQir2nGQKxG65bDLN6vDsHiFZPZ/Y8JpicTLVXbQd6YB/ln\nwFCCZdwS/q9hfzdeRduHCb2b0xKdpC/tOQ3esifZ1HkqZQss9VI73UKwwkki\nx75hqf+3HHXp4SxlPRgS4h3cWWCZm/iw/536jm7it2i680GV/RskhxnztMPZ\njOjlhjr1ZHbccJIl6lWWFXUbVBxIgudQP1oODo4ARBrmFy8R+26XZ8RiUcGS\nGnAu7rgbpRoT8qPbVdQD2Nd7f6BNIu11xJinAkHrKluEkOQzQYPmjf2eBIsc\nGi3gA5KC5JsHW0Cbez6PsSdyGI24UmUzLfz+9vT74KTDbC4hdl4H9KO0yFLD\n8qwq\r\n=12pV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"dec2f9fa4c83e98bee860646fc2a65b134a7900d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.b9dff0a19.0_1596599260158_0.5610988341789247","host":"s3://npm-registry-packages"}},"8.0.0-canary.2bd09a706.0":{"name":"@material/animation","version":"8.0.0-canary.2bd09a706.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.2bd09a706.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"acb6f83b7d635022a752b7e45712a861821459e8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.2bd09a706.0.tgz","fileCount":23,"integrity":"sha512-NtURpUaWmmLeRn6BrLtn6OCWFUp1tLVMaF80TiQHErXJXu+75WyiN7L9AHC1ktMv6V8lDsJDsphCi2eKrjx4jg==","signatures":[{"sig":"MEYCIQD6eooSqhn6B07yAlAMoj4eLpNFZJhkDxXQbKSp2cZdmwIhAOWTROVajr462mGNSqF5YpgduYGhthYYLIA82LBfYx6N","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKi0QCRA9TVsSAnZWagAAAzQP/iHROcYzjUtcXN7C8adF\n/Mo2O0ArRjYrBLfCcaiCnvtn4sZvdkVtX1/XKPs/cl5FIRfWdqAD2vNNaVVr\n3MNGTOk4AfMStnIGLK5v8BgP6SEo+/2vMSP5Au+J6ZIWHVHyyVkNY1/27lf1\nFa5jI2tfMv/CnB23hQlddFbZ6OQ9Gb5tx/RMNOWZZtpveCu2ZeE87P6TN3sB\nGBqliSio18H2g6IwigEj3cCJLYVIVOtkF0K1g0pkM9+DCx1EdlAjPJ1viGYL\nxZp7VK8VpMExT9UvIwxQyA2SR8zW+5fB4LvP2ARFZAX0nBzxgFSVtvA9nEzL\n2bf7o17kPFpJ0Pn4BcxsfZOzG1uZXLvvhgiJGdkFE8zOmZZT+gcHrGDE0Cck\nn6hei9vQ/ACyYabRvqLcIoC7jUZetQAGOOjrTnRpxNI6NnSAUku2rOLWcKLx\n2jZ1vdTHwI+zNmuqOqFal8kWYTFcuS0z65F8lePeSGCUNA7jV4zsp5eSKTHJ\nbvL0RQ8lQGM1UnOBCXVi84HSeuJc1DINk43vEexNzahY9X6ECuXN0Z4W6rDT\nOSC6F9Uf9sIKdwemr3vVb2k0JHSAVVD4fnVU4ZSqMidHgwLQqh55Ml83B7rE\nOWR79lVJsLHs6AS0xJp+JsNSIcOkeH8jqJSpx62M60/FsR0wa6gdlz5WH0PT\nTxol\r\n=1p4W\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c8b061f3fa8ffaf5214e79fe44f6c575216a1808","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.2bd09a706.0_1596599568089_0.3171046963332913","host":"s3://npm-registry-packages"}},"8.0.0-canary.e0560522f.0":{"name":"@material/animation","version":"8.0.0-canary.e0560522f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.e0560522f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"142b78f6582d8c5ed9c52ebf997bf884ccbc633d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.e0560522f.0.tgz","fileCount":23,"integrity":"sha512-CsnOi4GPeAIpl7ZhWLhnLeq/rE2wCffMdE7++K02Ju11VeRxCEnHgxze218ShcWojaGrKJijGtCW2OeHew0PTg==","signatures":[{"sig":"MEUCIFKi9NJNpG1qu9wRSlMZ0rrq+GhswopmLtBMUwjlJqQdAiEA0kFNyf5VluPlJUe9S/G9w2pD/475N0A1ZQOvHCRgK8Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKunrCRA9TVsSAnZWagAAqEUP/3rGaXcfXoZGc3iiwfLi\n++B812DoYiyg9QMC0VFd/mUtSUzvvI5A/cj3U4ztl59sJkon2vjMHccePDZT\nfWtdKH57dClgNMKuj18u4iJgP69Sl6NWmx5grBpMGmy4DVpcO46BUrgqjEME\nwO6QNHUx39sSmBgbo9GUlz/q7dn3Hm5y7L7oS+OBMWc/zXw+lhQ801achs8m\nlMvkqFUHWbH58CH8Q7Due31L45xIWyAOFOlnknlZjvJWCNZ2sKDM9LrL//IM\nSR6rtg/yyanA1OS8O/qtHCLG03YKe/LLIezUXVU6qkicT2dX0g4Qdc6A1dhb\n9ZwHqzgGck/luUWWvlDDwO2V1IpMS29cntYYd1Kv73Rr6vTviLkA42KEqhxl\nUkJRgJN5Luc12BGcYO7KW0hRRt/BpYGYo2yYGWzQU53k6cJw3jGo/80OoRDm\nvHETA1iCS2BtJrEN3LfDbDzL9p1Y5zVxaLmkazjcJmGzA1HZkoYNOuJ0viqc\n4QEzdEdal84D8NOExGXin4e9W2IN9JUCXqL3L4ba5s2C9XycSD6Gj3W4bktI\nM7aVz97iT4XyC+v3hvHyoMnJQ1hze5Ex+odGU7MQH+/Rm9vwXQWSM5hVLdDL\n7KUdtZUYcQKJcv3UwHXSukUT37rO/2oIU5PEWRNKjqDsLgZauN3CS36T8laQ\npcjX\r\n=KZq4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f4f71f168da3435c5dd1bb74e7ae0c54fcc45746","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.e0560522f.0_1596647915114_0.4485427407126501","host":"s3://npm-registry-packages"}},"8.0.0-canary.08ca4d0ec.0":{"name":"@material/animation","version":"8.0.0-canary.08ca4d0ec.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.08ca4d0ec.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5e7727fa07945eb520852f85a47236be6ed59457","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.08ca4d0ec.0.tgz","fileCount":23,"integrity":"sha512-ydtXFfxbUzqqwjylJZ5Ra8yeATF1f1t9+fIuHZWK4Sdv8gtNn9Fk/R8/GbcfRII7K1G9IEuoLggLVwm1G+YHNQ==","signatures":[{"sig":"MEYCIQCnAOyLWwdb3UL7GvZ1YVYLw1FQILiFEk8zUjEMUTK3OAIhAKjgFhDXwNhVNUG5hK5Q+unqC2l1lOXQCtqrf2M2GyR3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKu6RCRA9TVsSAnZWagAAyzwP/36RNZKM6M4luvEjaSmf\nhJRDhr5ORIbV+caM8MXiUNoDBQCqayhgl8CPTTKR41G1mzrrukRNlPL6NfsS\n/aWdg37zb+WVoqKDE2snTZ7SjEV/epQ1pGrZab99pt2NVTnC+xIUvlSwkU2g\nixcU4p6apANjIHJDcO75/tXf/EMj0Uk8YKinl/wB9PmB2U0hw8yv49/LYvZa\njl+fv3OtOWQF9EemTA7SW/z8BOgKAfcTb2+CBXx7BSfYZB/SRU8eRo7eER0j\n6/kmtjbI+YBihQ4thu1bKChVTrmZPsLUZmnzCNps+G72As3TMJHWGhxCRG1j\nXCoPvjduW46gWgYp4xJFjL7+ylxBPqX3ueSo66y9jwe+NaCs3WIYB239AHUT\nyfs2IQMsgRYdNzffX1LXgncnVQUr2PkHqZ9d1/DeA7Ny2J5ALUKc49IP0oEs\nJaRN1XvpzmzKAoYo6gOljwslAqdbHgQwctrDnOmZZhzX3WC55HVUJ//ZVSMp\nnG5X3ZzTUaT0tECdJyfy8KiUchoQh3tmWAele2R4xX5LtVQN4lwidSUpGQq9\nWQt3XHKYI24zh/kAJcoenMgSAnY8+pGak7epTBfu6gMpI+awXpvV4eTBWvv+\nMO6ZuVK3titvY3Yhfz7mdI1dVO5MwQC76EqleDXELyrLW8cnSPmkrdCSyd06\noLXq\r\n=azi/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e525a44ae67401224e06885b43f10017ae70f9af","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.08ca4d0ec.0_1596649105288_0.5071084868423266","host":"s3://npm-registry-packages"}},"8.0.0-canary.08090126b.0":{"name":"@material/animation","version":"8.0.0-canary.08090126b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.08090126b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"511e605d3fa335952c5034ad6779b0a57ab05509","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.08090126b.0.tgz","fileCount":23,"integrity":"sha512-lta9Tpg/115hAW51RMpbUnvzjM0MqrPa3yM29YoBA82nx6rGMTJlnqV3Bd48eykp6OeL6YgDTOTBKK1F56rZHQ==","signatures":[{"sig":"MEYCIQD4pI97MQdrb8OOBXb+xablApBam9KWhkuU8kCudkgmWQIhAIJD4FiGTUTF0ChZfNIhQ5X3RMexQ9KsR2+49rapT/4w","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfLFqcCRA9TVsSAnZWagAA83UP/19UJ+WQWEJVFaNJfJXo\nfi5Ddq6S9RFEE/9TTsUhPqKdmwpq74j4zRtY+GDFcjSeyNtEaGdY8vI4MSHq\n8UGSxn/cTjz7FdgL1lbWCHMYjFMkUXj78m7odKkfkLVBe53OKCRaukRm3niu\nK2REm371rXmQkwRfDgwsrE8NZIm2pNE5IiXBrs03GZR5nCHi2YUJW06PITQl\nw8lgR91Cj1xXs44Ct8WSHpQDqd/1AXXB1Biw9EgMXW0zvKljwnL+F/7HTAPA\nbBiMuhwBZi2GAdBPJW0ccrVJPkHIXveCnxM6Us+tm48zweQ6QnizyAGzOSIV\nVEMyYPokb4deITd56VBGeJEQydcZ95xCpOJMJnHLRLOWByE0NbagOsUPZzPF\nKl/2QTgZnpLuIWCk38gXcrXYcqN6sy0t6bMDMA+0yEdzM0L9AHGqw+fdD15a\na/J8WQcXADO4KS0rdhScnaOEa+tprLS3AIAHyTDA50a/U05ORw9QCeLMmf/K\n7poPdkYpVAtNZqii9AFzRQTHvgCCO13DDQ5kMKktrrTal5zc6YGOBiAZ8IsF\nq6wGrgLaK3L2PDVAib/Ly7HuczGzqx93iboqPgRf8YnQBSaAc0xa0Ot97ICc\n5YFUlU1uAy/Uiv53wCkWHrt3v0cmXe0SSXxPFZJKd8upvItzMOqGqU4+OPzN\nePKm\r\n=4wVf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"92703c0a9dad96887725176e28a4ac83640a3b34","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.08090126b.0_1596742300119_0.5706424928969978","host":"s3://npm-registry-packages"}},"8.0.0-canary.e8bf5b2ac.0":{"name":"@material/animation","version":"8.0.0-canary.e8bf5b2ac.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.e8bf5b2ac.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a18fad27cdbb7004a871b4f5fb5e7e574273b90e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.e8bf5b2ac.0.tgz","fileCount":23,"integrity":"sha512-HruGKCARWjh92BVLTV9OH6GF7+3klETUUabuaYZM1yEdhCDeTh7GmE0iEbiRyz5XNfDORdsDgy8y+MjxfxJCTQ==","signatures":[{"sig":"MEUCIQCQGKdT7JzJMqsB6ahbz2rJG1xLWItFLGDUfSzCdHng5gIgeC0o7sSqA+v5RdfKSMAMXBuDh6TeXXZiZQom5QYps7o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfLHrICRA9TVsSAnZWagAAhnMP/2gH4U7RMszaSkPfuXUO\ngU83yIv4VmbCz9UQfpjqO4xI8ntB47ED0uq7AKZZo8cMvhU9nMlJtpPKBST4\n8tO/Mjio5lnM8imFVbG+bTNwVaZ0Y7k4+tlY2RfQV1y55IiZdegPOQXeYcTG\nPFTJ21vUloeguNXyy5uWunivwotpW3bt3gGX0M22o0QTMmqZJ6IS1vxu2sJp\ncxjYQ/sryRzjYd9Y0k76eYKOcZ9CeKCnKeFOjClGr2kzFEbedOUwI9tGXxrK\nDduObjzbx4Zs2rHClaP74cOAuC1OP2M+Pgp0mVCdoJ7LA/6FYnITwSHfigtC\n1WFHgFF/yiR3caomd15uZFNvKIAfKV+aqu2TY1LmcP3adW8suEWFRHyNis/e\nhWxy26xWyfwFlaBVQBpAXqMGstPw6twAfD87DWS+kP0d2qSZllvb+qWcUQk/\nDyeTNn33HxEnUs7bg0wUuRg37QDkVh90qCbg1Fv8xjbIRkCxmTOfELnCpWMI\nBZ34xVMeNYF6Om3m0Qm5rQlPOleyK9fZKM8p2awHeak7K9dGtmpGn+rlzT4U\nkI/JyZeI31uC0q/nh1qy0DCMmAiGjdanB9ow5IilBjGMpDWwWAZD99rOVQIu\nKPT75sdkvv5Qa4McQMEQpKkTFuMqcrQDv0yahehliUQH0i45Ukv4YXbQw2Sp\nL0PM\r\n=QhD+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d5fe47cd91dcff7cada8ca9b587eb8a924a211d3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.e8bf5b2ac.0_1596750535918_0.7222474742405018","host":"s3://npm-registry-packages"}},"8.0.0-canary.e3b746208.0":{"name":"@material/animation","version":"8.0.0-canary.e3b746208.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.e3b746208.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5542a3007283b3900f54ff87e62e2ca05ae3e84a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.e3b746208.0.tgz","fileCount":23,"integrity":"sha512-6XSHLbwawWSI2WEEnwBlFiQgMxt0hCzcMtWoeNnpL2kwf5Jz0ACrTTgojKlK1FfNu9NCGIMC8hWoy9UamS0LpA==","signatures":[{"sig":"MEQCIGgxk7KRKY75fb3R64+L7pSjKonyFSY1o5KY48zUrJLDAiA/WyAwzX8rlXp5DJsn6xypmjMtWvUspircZF9kcpxMfw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfLINlCRA9TVsSAnZWagAAefcP+gKd4UP7zTB97TKFeJ43\nIJEywdz2C3bz6gFwehMm0W2QPelciDE6EYUxlY9MqmHEocaU1bRKH/1OcBHe\n0/uFLf5wof8YzYeoCCYgocHpK7lPg7i51PQcWNygESstsETu7zW0PigjUJ+t\ncWL2jXtPo/K8bOcT02jf41frdy+FxC+SVPf45KIN9Jz7xGNv/yWbGI/BxNXJ\nyLdNXEcluxc3Lzv9Dqufz7gcgFw/1zTEDXgd78lX0FTUBpvI+Fa5VX0KakW+\n5Z16pEydM89WYDKvaGmdMo0aulcXza6kGxP9SEMPfBs66tm8+C/ykDowR2HK\nzBCo3B8xr75BiYHilW8nkanPJBhQ6+z4bPDD/AyUk/1Njqu3JtTPEtPtoB21\n2fI7CP8bosuv7FbtgRN5F+46UNqvuC2TrE/hh6qFAvoDyhAxe4sJ61LBPzP/\nm8sK3yZHS0tEbG6jBzxqv2gOnCvrtftUxWr2bOqQvbKol3xDzRB0ZUdrMWoU\nPO2ddjEYmuWZ1QxTCy28IAcYsxozCQry6JcnCCJgNyxYCI/GiHOi7I31ntZ8\nt6a7lfxtcwlcub4S+LhyPUrCy2V73pxBFQqQo376i3KrbFU1JT7awj3k6oZ4\n0Lc4TCM36y7Q3hzisY5f534vFovNZY8g0qp2PyfvO6+DIzS05Jg/z4QzM8sj\nR6h9\r\n=k4jP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"565f03445fdfa2cc653bce8f5c730176a406e5d5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.e3b746208.0_1596752740619_0.3932207197619886","host":"s3://npm-registry-packages"}},"8.0.0-canary.96a640534.0":{"name":"@material/animation","version":"8.0.0-canary.96a640534.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.96a640534.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f56eb3fa79f73752670e8f91b99a5ef24e0651b1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.96a640534.0.tgz","fileCount":23,"integrity":"sha512-hBBAbxrpWb7pw/vJAWMdrF9Yu4DdkdhpQboLvldkbwxmP4HMQCJwHB9Rl3l5lu+2m2tkPqfMxKMk0hX25+M5UQ==","signatures":[{"sig":"MEQCID9Cx2LEzA3Y60C0jvX8bhQwk1/SBs1rEV6nVG9Hs3Y1AiBsmWzY2i/9Q5JjmlRU5co1WELaVK6sQCA1UrRY1dzcZw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfLIbgCRA9TVsSAnZWagAAUmwP/0XdMP1BFNF46C3Ymd3X\nO6jv43iF/BfjHhqBnyDIPk1oiOU9S8BG/2OpvL8zXZiBavRsXmTBiBLv+4fn\nGkkHa9Zy28ZJz7nf5SkI81hEl6kLwW2MUBYlXqFcQTSbAx4bktjSuZ//aqv+\nlOrolptFw8W6rFcNAZN7snQgkD2i/TUrzyQhGKKlUV+Mva1wG/lZvT1acm1f\nBxTRSpBN/G9ZTlpkFHTV+fmX9PbmTb1gQqdbP4jdp3trs299elCAn9ixmvKL\n9u3YWlMSEsKttX0s/MPeKVDZFCprqq6HyfvzL2nLyyP8jInrHCuYtiFBKodh\napDun7shgE5mySisOUe2URFtfyT7L6cykuISRydie3aPXI9XTRu/CXo/g1HW\nXTDo6UhXjukHpBZtkY8jlCxgcojFQReZZuyadF3H+Sb9FI5hi9I2MiWuiFuz\nHJE1h8o2+NGl8y3+bWOnq4tGUaxD4iDGBM9DbIyc+YOKjK4FDuv4xoCkJ/rN\n/Taor8j8LVvB2Am3IMZuV0bz0kya94YYCw5gCVKh+0gqCvHgkevhoJ22mH6M\nq0KJaT5dYwlevmFXCqBeF0O9SlPiFPm/s9zbPhB6nztyLvN5ZpdVWn0+1DmV\nDxZK1OyjvcMihzCCl0/JWcHcATJTB+PspqKu7uyqIVwQlOTIlerPXa0PwQSa\n4njX\r\n=TyhJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"3363a6ead1437d646dec8eb21cb2d5c5323e8986","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.96a640534.0_1596753631839_0.2926399882490405","host":"s3://npm-registry-packages"}},"8.0.0-canary.9f9aac825.0":{"name":"@material/animation","version":"8.0.0-canary.9f9aac825.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.9f9aac825.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4648aad8ef37e865baef8f041b56a8b8916fd87a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.9f9aac825.0.tgz","fileCount":23,"integrity":"sha512-3y6JuAarOyS8nadD0Hnyx46bDLK182WPa9FAHF6nQtNTCpOhbsDvpoWXEtffY/tlP7EXMnojcKGDGMUY6u0OZQ==","signatures":[{"sig":"MEYCIQDym2tNFhtquevmwNvyZlj5pnWRcAiZRkcbTteBeL9W3gIhAOxQtv95D9S1/lndf2W1YagXFsIe+nT/wE057kXLqsMC","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfLb6MCRA9TVsSAnZWagAAwyYP/iHW+LJAQFK/0gsFhwob\nc8zAWW4sHidBavx4x9HR9tRR5cJ/ZIdKnrs8casuxh9RAPfkZBQ5Y3EwhL9j\n/4vgfnMqo2Ko5XmGjoib+DIk6Mqpbm1egcueMIOeOKxnG9OPuvbRK1MQCI7O\ntfm4swlsaiFjIWyJ/f9BdVlHsRbux6ArKAE7M0IcThbjVANyEkk9S4W0SKUo\nfD0A/j4rnnfzIAadWlrSibGzDm0nAbTE9sb8eQGHNsn3z92+20EKChcv+8oN\nmSEDBqKKlAHMPyZpEKMqMNasiExxPlvdrmpWi+jku/OtIHF2Q5wYdDy+nGxm\nb8SzmATMy89Ebyhd1QLDIFzseeeiDve4I+403yI+BrM9eTOj6K92Yl9AOErt\n05CVpB9Eifj1g12ll5/USbDXBGQx6T/2eM8dprIRscRD9WGf91gVq6fKzY1X\nmS1dydc70WHugZ+SCMhznICyafMNF9CfOO/+NEmq5zAXSjuXCucL6XTFJSfW\nktSLk47gaG30pLYsV2j6TV398yY7BHC7BTmh8L2T4Aty3WUQZ826pVFaHJbE\nfUHU/FWsHep+6r6ryiB6Yio9ShP3VfeoBeEYLfd6vPDoEvsAiaJ90u/CR3Hq\nQhiZXpzabMhhf3vHX5dGj9wqJW2iEDan8lZyHlagQqlWUgrdr9zwNF7RY3st\nlXCG\r\n=8uqg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b417a722353dd60a63448761d24a06d325b83f7c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.9f9aac825.0_1596833420119_0.459220934731402","host":"s3://npm-registry-packages"}},"8.0.0-canary.fc65fd00b.0":{"name":"@material/animation","version":"8.0.0-canary.fc65fd00b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.fc65fd00b.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0449b204c2a2911ee4f4390a4639d39851fe3ec4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.fc65fd00b.0.tgz","fileCount":23,"integrity":"sha512-4gk50NYpYVstRzOclMGAnY6g4DuQUGLNdhQKehzTwCp1+/aAnAJyk0FD5MATWYEYlP1YWZPGaFacL5GjQX4sCg==","signatures":[{"sig":"MEQCIH7Cgt2DyEZshKicWgmU0IMu7gKz1BM3VaRO7XomMQOGAiBxM6J+6bxbhifAFWMDt4uLYYIstNB3NvGE1UMl9kgblg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMWV5CRA9TVsSAnZWagAAbVEP/2uQELw56L2Kz75uqjlM\nDlnnVivwq6ty/DSYH99xrttkKgaq80XqQQcDpZmvEyvOC3zq6+jOixpAmWuW\neWQyfRQKj8lyPB52KX3alUNjFC8eZbiDrUmO5YLmwevdojrJuyG1mGUc2N2n\n5Wo9t/znDyvF6haZwalR5JHpxERK8FIizblfFa7zOH025BUDgo8S62AieVpn\nvaeIo56r0vqcPAruOi7EQMjhrr5XeLKeEQctiAjUlxU795kF/KpKVW4kyhOY\nRW5bA2DmUkQ5boi7gzKi8obR7qxIkKq4hVqn2JVu9sCmzz/XtRv7kIz5YLl/\nyJGgark5pmX+Fi9Ee+HnhabstRjy2tqG+3ZltPvIqslYLdpKwO8BRTB4f9H/\njF/Xo47V9+SS2kTD8fKhCexhRuDsizP5mGjb3UHiawFGjrm247+lddoSXtqu\nRbp+sNex91nueMlX+9VH3FUD+gWGPYp9VTitAZpnuMfScS3mZVQutkHrU3FL\nHWRnI5a4VGXGxyHGgf56CMUSRKB1ubg9nRr+Xra1oj3VHoxybXypaXmGrqzt\nwnuvUeUWJiBb46x4uogWoPVymBu9zgpCjDIST+nSGeHCyyNY94NHFFcOqMAx\nhcjfA6j9sooQrTscIMVrnJ8mU56/4zqONF0aKWWbuyHYcXrHvAlb4edmeKAk\nc7v4\r\n=B5lQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"fa39d9d1e753796086537bc71b6fa2d2aa21a3c5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.fc65fd00b.0_1597072760419_0.030796941572712067","host":"s3://npm-registry-packages"}},"8.0.0-canary.02e372c5f.0":{"name":"@material/animation","version":"8.0.0-canary.02e372c5f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.02e372c5f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3d7d328c8c07b360b29e91f55ae68f7b8ddc2d61","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.02e372c5f.0.tgz","fileCount":23,"integrity":"sha512-bjnz5cM6V2cR4DIIEdBg78HYLBUyDX3+DreLf7e6+kFtVkdNsJfxXMMKE12djgXrXWvsIg8PYICwFwzwf0nhyQ==","signatures":[{"sig":"MEYCIQCpMGzx2gA6l7E9P3cFHbN7pz83WDB0qfT+hEJiry8i6gIhANlPmGx5Bf25pLkT2lSMDC1bWkoA/kHJctH7U6wnk3Q/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMWwLCRA9TVsSAnZWagAAbSMQAJM/FU0BSfi5Tu4uZoGE\nTj9aKjQcY6n+vkLeZktIkqLTJb6Km0pm9DYO37YtGZBGxV7Utl/oQs2XXa26\nO8cedg+lLl1dJSHgB3qd8DrTdpjpZjSigsIMT48/paAf7rRTThsK36wZXYiZ\nssr82PZiG8/4pr+QrqMOQq08PIFbxj7EeaA6aJ+ay9ces91t4/cs6aBCxqq8\nIjEOgc0xpMCwFTx7y0ai5azx6W+p+X6oRMLXE+NlZtrA1PzbCB/1PoVxnpgh\nZH3xX3bp4ftG2fPaKogd4+DqnBqGCHqixFVVItE0s2OgRQjvX0otx3HIkMA1\nimI4RAJiow+tOCSOCbqwp3Cph6Ok4OM0ts+OhrKaTY606qioRtU9bU9lhGje\nUHG6PqhPSVEwds8Em7JiSpnFOUrGV3ACdUaJlM5Dk2LCGZytPJBKD7kCyhxo\nOM0Ry0eDEPMYUKUPRblg+5UBOhM7ZQ86KA6F4XVM5luNIB6tqi0C+qzbuKjo\n4y8TmWCCb9YBLcY6IfJFjvWKRc1d1HEKkn8Ybn3kMzr38U1GovS9iQz9G6mV\nxKRPftUIOG6iTeypdv8Vk9Tz6QyVz54afsTAx2o/DYr1C0QYdEWQ/X6EK/ba\neLDeXzCBlHrPtn/mOZFXHc/a+1qvVcZJ1SVTu/1gsdsBjBaJ4iDUz29GlNIF\nCMMB\r\n=B9Gn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b765f8699fe12742bc2032a8df7cc23807ec94b9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.02e372c5f.0_1597074442905_0.597671927329577","host":"s3://npm-registry-packages"}},"8.0.0-canary.66669e3b6.0":{"name":"@material/animation","version":"8.0.0-canary.66669e3b6.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.66669e3b6.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"af988da573a6b63ad889b3ea193f324cd2f8573c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.66669e3b6.0.tgz","fileCount":23,"integrity":"sha512-qW0T4jwnr/TpfLKek2tYsHucJHfWIwE58omVfJsjG1hb0rh9DJZ4PBgZxU3ejCwcIKwISEU9l5K8z07jFL9o1g==","signatures":[{"sig":"MEYCIQCtRu9ftsGsgrLFEoTp68P8wTPSgBiZ08p04X2ASxQsNwIhAKctnJEK9FIoA6EfZBftEl9Wt0qvyZy42TmLUaEXYiRy","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMW0GCRA9TVsSAnZWagAAFnoP/Rel/H53oGWcHNHcbcub\n9Vr0W1xBDIII8mYQbmsPyvdoIC7oMKt+08d+5kyCp0hgEeB5dZRt1a53OuWe\nz2fvTTDeaE4r0AX+XRmjWuNfir1IhluP0ctGZSmuvDcsDhCHBrPquNgXqQ9m\n9ZRANT66G47vCYeJB9AGGT0vJxBIykNunl1DEn8+ah5QDHj2+kWB9tECoA0l\nwd5jbAgq/O+yODscQebZTFJRgvAA6AoqukCyDlaGor8zy4plwSa5tfYvKRdA\nnEcE+3OTGfsEKc6bOjmAmOgKKp8mg65eGfUFuLWIOpDdESQaBc8TXPcrURyv\nkxQ6mabPfnH+5VsMY+gOY+CPkZK0kQA+BMaPz0xkpMD54wcsvlMokKgJZnKs\nT9zglqeVYe5km+cVF0+BPHbVXPpXumwooYmTAMWa/GkvFUmzGNDZ0gRXzfJG\n4QBajm9wJW0B20cf8MC0zGzWjZntHBWAHEtvMg9+Qt2EKmZpxFA7gUQadic6\n7imll71kIp4Qmi/O8KumscOmIxP0IxeUA7YFcq2IytjYQGW5k8NeLRErx9p5\nCbOpSxM5Tz8ZPGGQp1Q1puZkEheCMHg5ky7So53J+g0+1ATJsMQrlIuz34e9\nnhPzu/+FqmoaYBLxcqBXdtsig1/fRA7ziHV1rXny23RvRSh0iXrIs0hIjc3t\nfglN\r\n=7zVi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"96a6a7d492075777ad5f7692328b3bd50153bd16","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.66669e3b6.0_1597074694200_0.16999488050635603","host":"s3://npm-registry-packages"}},"8.0.0-canary.6d1ea9761.0":{"name":"@material/animation","version":"8.0.0-canary.6d1ea9761.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.6d1ea9761.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"71a662564a7dbd41540b9b9e700889cd0aed81ef","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.6d1ea9761.0.tgz","fileCount":23,"integrity":"sha512-jVh2otJ/9wFXtEbDk1YIO7qTaMuGIv9pkRZQh5Cn94tJIOoszPNc6uFDrW5SCu/jI0Sba6ysRsuQOdzUZAg8DQ==","signatures":[{"sig":"MEUCIQCFX+WZ/vNDhfX8jeTcasettluLk6GX0qRbN/Sria7wFQIgc3ClhUa1aI8xIk/bK1bNK9xgjFhePzWzqo6mAe7o9W0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMqtYCRA9TVsSAnZWagAAedQP/Re7foV8UON38vcypFZM\nD81eSPll8pvCMSh/jd+6bspbEyr0A3PXR/oZ55zo4baeIsiPy0C+enNUg1om\nF7C3i+PCFuWeK+a7K2Ysj4pSv6Kt6mvTENdi9GmGxKa1DgD0xIn0Yvre4FfT\nYuWxYAQJjqv0vD0w28R2bXuoMWxjwpK5NFWBVv0zqSHW/ne4vt0NkJSlQxAq\nFbARqf4XPOH/UURnN74QOzfyCDhesSZZldbuAMzDpIZLif1TqCveXKbx/pLI\nx8osjlB8S5h/kkhF9Icvyqyv+qBNL2rH4qGD3anGn6NL2KK6gt/cXe3qjsUv\n7GX/NgKYRxDHOQjqfPOqXZkJDUiwNFAx7Vf0RgE5vN4zl3uji1AvFPDuQcu/\nXdNWPl5vQaU5uglOhP192KPnDlOGIHR6dT268rehn96vhV7loj5fKcKTCe2z\nLbbhFNDhQ+EwSJ4GPluesFXfJai3qhtyNlhiB6ucWt6JXI7Vbi4yKjKGTrQA\nNRZrlG8DGXXGkfwKzFLXpA8tCkFYUVIK+iNjPE/0BIdoBCqXjtfpavc6XG1W\nV3Q62MNy0f8eIJRnI3Qw6q+AmnNoqI05CEKvyjuuFjhU70DMlyT57/RCHg7K\nIHQX5c9iH4bW1Oqv2G4EF3tCVOkOfvKgTjxW51zZiUc+sLFpg4+M0LDeo7rF\nceMT\r\n=gmGN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2539ff1cdb03aaa0365880e59b2705e6f6ff4229","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.6d1ea9761.0_1597156184070_0.18958088314823396","host":"s3://npm-registry-packages"}},"8.0.0-canary.79414bf9f.0":{"name":"@material/animation","version":"8.0.0-canary.79414bf9f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.79414bf9f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c49bfc1905a0727e802276aff64979148d38d456","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.79414bf9f.0.tgz","fileCount":23,"integrity":"sha512-y8ajhChRG8GDvTt/KVoGIKFaiC77BamlB1LZArQOgDXW4zAni8ZBYxbPzy4nErJvp25+iBAGj+JdKEr+T7gMag==","signatures":[{"sig":"MEUCIBSl5lUjG76husL68A/nw+KvWRCytjLyS09UAhjkVq1YAiEA63b52KC4kNpVvzTezkSLde2TOWvdKQHwIHmO3gIPiZc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMurWCRA9TVsSAnZWagAAepIP/j+zLO/fMCVacjiuSiQt\neLz4mrYZ2hEAbR2TmvY2Aty6xlndsyhCL+wz03DT3MNMK6vzdXKySl/y7R7w\n75aIC71GVXxbhiUHGFgeb6SrlSRQeLG73cgh7S+4qulpkuKz47mmO1jUbps9\npWbswEg6jc1rv6ebBqEHyBbd6en+onG5V+wuGcZzZSLIYwdrrpovFlpSvcob\nD8AZBzIJXrgxWfNS/StTj+pvTl/zdAatMOyXOBFwqV59YMzhqSHQNd79lxKa\ndZuTlhHo2L6k5t6oUa9iotrHu6NZJPhhsrTYNPivw45xBSIGPDfjLN9i/HSr\nZM4uPO91zE0MbWCQPB73obl/jJXcGAIReUA+yBvDK6f1b0e87K6MwAlYJw9Y\nvx53tK8Seshp9lh+Tp/eYOnU4aJwukazBTn0IawaU8mPyZlwa45UwPBZdwA0\nfttG/QZiL06devypCedYPBko6B0oeAM7eUE8KxK02+q3D6C8F9RzaioMumCT\njolaBgZR8TZofBPocY/nuwwNRBF5Gq0cix3IAVSn8l8AUo6QuV8cqe23o7k+\nNtx7DVC70Ew22hnwHGCWdqA3gse9i739jyI8LC03jpvqOXzlFtGuShva/FNt\nVP7iVrJERaUT4KTYzSjQUQiB/qrrn6oUb/9n69Rha8bVaRTb2gWRVIRaWC8h\nHkA9\r\n=DIPS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"3101c6ef84c1ef8d9afdb44b6b6b3067c2f5723c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.79414bf9f.0_1597172437120_0.4236770605831428","host":"s3://npm-registry-packages"}},"8.0.0-canary.85a5272df.0":{"name":"@material/animation","version":"8.0.0-canary.85a5272df.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.85a5272df.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0eab4caece6ea61c088c5ce7761fc4da2251945b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.85a5272df.0.tgz","fileCount":23,"integrity":"sha512-BDRGXetk+Isnz4DkmE0+1V4w/jC676k9hGlIwm5ah75O8TgkuIm07ufPKwp7TCysN0/A8bo4UwwRAYfackWA4Q==","signatures":[{"sig":"MEYCIQDvl+s2dlgRMveM+9PvKIx+p+RIz1InFNxwSKhZD6VYHgIhAJfwwrNGPViCNPdbKEHWBwxg0W+E5xkGj0YdUnw9Xqru","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMvpjCRA9TVsSAnZWagAAIhYP/1QbD6PnZbBkzpPrD1wP\nGWnkCuRWc4VyxhNfBypPeKovw54SyJ6s7+cMs0VacWu6o4Uzmnze8IOaNW1/\nW3vm89m7tVLYY7XVN7c6+K/bqyR3fWe4+f1La0mEY2e1kP7rScgD/AcfaPQD\n8akzetnBm11VgVCgYmre2nv37gt7ZLMTU0hvDt+OeTomijkWge6nBe4uTH5B\nkEmrB1uVj71fkkGq/jAdboh/pz3kMrjPmyODLPBNG4ZHZyf3R/yW2rFi6fHl\nr0IoivCBJvz8xfej091cwgH1BolY6/lD5lXLqZGhS0YaNnA4pRIhqLEpjlgk\nKcnyPB47S+Fr/SGyaieTX6NQyC8lxGV29KRPMsod1EcJIBAUixPiGtg4yvoU\nLqs1tNNwpZJzGcnG2yftbPtme6SoMtdR777Cm5zEKJ0rDhWpS0vqim1LMs6q\n3lJVB3PBLI402JecPfoqlPIfkY7aWzYixegySnwITSggrE4FojeKGgDHC1Lr\n4JqQAFjR+o3FmSzbJPJSr5JPNkmkVjYRZTbdZ41+NV1MYkWq9UY3EHjY8DEQ\nISvikLUCZhatsLYByz5FAKhxG3HKG80Sh0H8eJ5v+/rplOO/KezSQdt8BEzH\nsbg/Vs55ekCe4IKbwUEDDslCaxf/N/FavykB0ufdArdPXxAlREldhDu25uiY\nOxCH\r\n=rpYh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"070016d39c8d62feb1148d71182053d37bc35fc6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.85a5272df.0_1597176418646_0.4658156345964577","host":"s3://npm-registry-packages"}},"8.0.0-canary.fda053eb8.0":{"name":"@material/animation","version":"8.0.0-canary.fda053eb8.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.fda053eb8.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"acd022f01eea200c179748532c5644fe70f719e5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.fda053eb8.0.tgz","fileCount":23,"integrity":"sha512-o2pDihrFIkri4MmscLqYs1YojZN3Htbk3/+y8DkyvoFbBWA6ZIy4P0gqoTYL4U8qf42pUI8rSnPFcx1wFl2gDw==","signatures":[{"sig":"MEUCIQC0JIkzLNxqcqujBWSxoMG+6rDuHL+HYpsTJ1Mu/jJPuwIgKjExvW8TjVl7BsMYMUg57vaLU4SVouUTrtax1/BuA8I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNEr4CRA9TVsSAnZWagAAbYoP/j7b/uXR1VzrG7HKKCn+\nStHhPs8cfzD5iHPBmJ7Ki7nu6GtECQ9G86hyRDm72japFmcSO1GFZWq1VooS\nbJCENXIkzlFjjtnxivoio4ju2Jqr1ukpTVe358yXDx+R7cV550F9aqbwERT7\ngsGBsrfHH5gxfjQBENyXG4tb9FpwcF5ygU9Snpsn8jR/XpWKIZnS1iu9AJ5U\ngAjzIQJlDA09VC5irs+bQk31TKVNOz7zB0V8tysQUxRQ9l+XcdaZ1hmxhDY/\nXfVSaGSSy7kFXE010ZOGJg0SUFB1ApqHIPSCCJ0zNy2p2R/zqHHA59yqZhcV\nqj0e2w+0wh+3lw+p03N5CDX0h1rLPte9+qKE6A8yWMps5/rotKK232haGxOs\nq1EMycAwn5/WE74XML3FwHEZP5jhp4VP82CJy55NgmfOztjxSRLVph3IU3yI\nTwII2fvO+aLIsZI0Hrz3lPzFZexKc3C2AHA/1KmFWiTnUVYkMR2mlUG+QWKQ\nzsG4FE7/cPNy9bBxRzkjn1YwDGe74opNn5mAMhhdZVlGkcjuixVvIppOQKdH\nIYDtwpx1BMEVRApQSh2rg1bt0btt6FrPDSeidby/dQhmcMXkbNbGpcT3YQeN\ncQkQTkldaS4SZ1MsIOGMUDJlnHeGcZZL2dkzJyDPtsJ4C7ebNeW16MDJi3cA\n/767\r\n=ilE8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b92b594784940e2fbd248c33d60198f7f2e0ff71","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.fda053eb8.0_1597262584267_0.3147088195779526","host":"s3://npm-registry-packages"}},"8.0.0-canary.760873445.0":{"name":"@material/animation","version":"8.0.0-canary.760873445.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.760873445.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b6d3204d2011c026ecb9d4a59215718a0ea20b58","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.760873445.0.tgz","fileCount":23,"integrity":"sha512-xXebmDci9NbNe6d01CvrxjfmoebiwQwXey24TgwqOZlP5nE4EaXqlAdf6qkjrtB6RBzSCeLJ7tRHbfXWKToQIg==","signatures":[{"sig":"MEQCIBVMUYyJgMZ7AzjnoQu1rDz+BJtvS5A88i7eFN7gYj+PAiBrMPH/f/NBEjRFGnkWPZVqgHSIELtz4yEMpOB6BeVLSw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNGI0CRA9TVsSAnZWagAABlIQAIR7qjLh/31Q0SejzIsT\ncqgMjKZ2Da4oDOu6Pk7gF6GKnHIBy+iuICZEYPnmfljb0HSRoaU3NCvpJ58U\nTDedjXOK5VOKcmt30WHY4LIwzPi1E2me7WDB2Dbgg2Z/pD24vAHD0aH5y0gc\n1JMMie88VlYg2HLEIp9ISryyqYPz0hZuhmdQUn6oiVIEcOCCrB+aN177boDX\n0D6VPJv6PBsl8Gxyr/8BKLj0VZ7b7Oz3MG2BOnLJWsREogiSLvumDLqiU/dJ\nrekNiYYtGDWdVEvanNrEVmHnW164oUpoCnDYDqe3To8sCyids7bkoc3BH5GD\noKbptvXgtij1MHYE/p5MyDbydnz/r95wyvYp6pczCfZ59QoZlannIOh+W6GN\nSpsmJGZ4sdXN+Xj5UifknoFJdjG/h4x6inTNPaLos6+N5eweiMClzXIQikCX\ni3tkgwPekVvcnKEfrChO43foo6G1gdJqnOE/+6L/Xq54HO0FSMWFvWtkIQsp\nqgBr7vQio9PfXYZbtZyKJRCR7l+aZ8xnvWj4YLzPbWYehyAGO13Oe6ahwKje\nGa5HkiJxOrrhlxmjKYvIuoQJVMOZYHJyotPsSnNUA3NAN9sjQ91NfY3PxNRG\nRYYHlsfWAA0KEmVTp2YbsqPA1k5l9JlURYmSfjsBaR3SOI9fdAH6dOoXooUu\nJl2u\r\n=thEX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a830629b92051950e9e15bdd288ad87238b7103e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.760873445.0_1597268532280_0.9979075289952313","host":"s3://npm-registry-packages"}},"8.0.0-canary.2f4711a30.0":{"name":"@material/animation","version":"8.0.0-canary.2f4711a30.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.2f4711a30.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"95fae5be3cb681c27b1ba5c3104f87ae637d8372","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.2f4711a30.0.tgz","fileCount":23,"integrity":"sha512-zk960ddSGY2ymhF9ljHgh5UMtE0so438JN4tm0/3N5FVNIzZY//NmDvlIcpGUfUWpvuliz+T4d6+MDoJMGvNNg==","signatures":[{"sig":"MEYCIQDB6Iji5yiCcxi4tKjZTKkByMfVMmwLZnRlQBVSOOk50QIhAJkFvZC2oPZMw8tIDrooDjHNEc/fMowOdnC99wRLKnTm","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNGSLCRA9TVsSAnZWagAAUzcQAJB4L3wrY1Uyd4hwrnc5\nH5S5F2eyBzvuXDsRnMhzjdz43rgNxqPSAOOiZPdHq10cNVCdg/KmrpaMZu/S\n03hsYSrzq8dcTt4QJCSWfdSDB2v5bwwAJJ+C2GMep8doaKIR7LUooxHFsGiG\nuusdOT8jC8KgsxMfq7vaLXH9b0c92n1+uPN/RY81B+qBv3tXX3XMVJEcA7oo\nANbnHvIzq6EB8saHwI92o79Tu8ghsKCfmuRzvRqhr9Er+RiJGNsA5rTDZcy6\nfn6ZdDzOdxJNirEHVf4yg/hZTXAWrYHwElMuFdENzsnvL6/zs+cN+3nkyqGz\nRJKHL/z0TYvMqHWuL2dwh1DOTs3cGT677lZtAVMxlzYFbh4SS+HFNHypyhMM\nT1kAHERSyks0jZABGpse5SBhdvXEUVDub/aWNCqj6vHsLMpDh30gHd6moa/V\n6uaS4A5dHQ6e5C9M+Hd6vihhuMSiByNslVdO8AHpfAP9WIEvknaddmMpP75D\nI/gdEzgQyIC7El2uMJyGxu3YWfhmbVdGXwrvNA30O5qlXXNWWI6AlOj3bfQl\nJG/m7U3OHymqTkhJfFWIxIrKW1WWS/XlqaCHYcpc1FBZF18zlB3FeoX6/1kh\ngQ5NBj/CGq6iK8qFKe271P34eeCHlEdhqQghB2d6ae9duDbp6cH1rVrC1ckV\nbQFR\r\n=y6MV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"1347e5c15ba848f3525dcbd08fd0b11061e94116","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.2f4711a30.0_1597269131255_0.3321811183893595","host":"s3://npm-registry-packages"}},"8.0.0-canary.2d72f3659.0":{"name":"@material/animation","version":"8.0.0-canary.2d72f3659.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.2d72f3659.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2980dcdde0a442dda8976257a4ce4fba69ba2b47","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.2d72f3659.0.tgz","fileCount":23,"integrity":"sha512-JAQ/1fo8MbyCyew31Yv4TpEexdH8fbwdlnINsLzatuRxQKbcSYN0IwJHSPSJv5AJPShrfzL41JOsEymsoeur+Q==","signatures":[{"sig":"MEQCIBHWAzHlR5pVW6AP3d3sPvcL36rme5CH2OEl2WH4GAPxAiBZI5mdF3O0aSUdL6c/8s5lFf6gTd3uD2Gf48wCf0Zbzw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNGZICRA9TVsSAnZWagAAf6AP/0jZaDhRxkcNbYVZNibv\nsr2OJx9r80LHC0tLUMUuv0sJCiIPR6ohviJj4L0GARcpUK0s9Tcl4vxJRJY5\nWG8R1diPK5u74YdzaJfTS09K33n5JmBW5dYosoW7cM8B9rnoLCYqOF0hPEig\n+aie0SEQjVWJvTepG+D7FLTT9yCst3aV+p9p4NQAz/NglEOA5Jj+V38YCOGO\nz1bhcqAM7D6A6BxTvJGDST18ORlPEk5u4k89/j2Of6KN8UPOUqaxG/S2TA8H\nSsAKhcsvcVFNjYVHtZ90uEjD4w1ZMQ4g+NgqeiZ/d1NhXtQDNEOpk2NAvxJT\niyb6e1RNkDJUzVq9HMQGSH0p8JtsD5S6nwSHgEcqvCG9FSeL9Y4JsbWMJeNg\nTguJ8F7eu3xHD6fcUXQvs3B3P7y7pmLoVYG1MPA2FKOtaVf8nLUio5Uf5gnr\n7g/CokMkeLg65reOqGD47TGLofc2mWCJjMk4EATDmqUbTskcdFSHS7MMQ3hj\nIazqzL0XouY5jHTkJki7+54JdV3mTxeisLOV6xCJKi3GXbje8P5otGEDRy+S\nR6GrBauNayGE6TJpacSqS1WKbFJTKQzd1yc5VUsIJdW++ZMsGdpaROUBSS2G\nNm8tOyujNQHoULEcy56gNpf3v/zttxDwZHPXi2V/phefsnD3g5Svw1rmodUT\nu1ht\r\n=lMJ7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"de40c24a4d850a3bd4269dcebba821d972e01c19","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.2d72f3659.0_1597269575815_0.1994648105283272","host":"s3://npm-registry-packages"}},"8.0.0-canary.1fee70a5e.0":{"name":"@material/animation","version":"8.0.0-canary.1fee70a5e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.1fee70a5e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f8f16c7ef96c2d4274e638cb73ca90a1ca0bbd53","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.1fee70a5e.0.tgz","fileCount":23,"integrity":"sha512-r6BE8vlACLipcFVybFKkVJW6+8+CH+J7CImceRUWjsULU7GDpBRrtRSYaYr88AW9w9vklS6jDeE4WE+N+f8n3A==","signatures":[{"sig":"MEUCIQDPegoWYUv+q6Ci405fVgcSwmAmpom1ZWN351uyZfX6fwIgL9jWLqwhpGmTDY2G/G/AuZq+gofBpGunYRv2HD60r0A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNHrpCRA9TVsSAnZWagAA9/EP/0RyOrrjMiV+shncfzOa\n1VnmmjDdxXHjUVK0pwphTH1T+x6+jprxhBMY6ddnz+p3al1VvHOibzRpeNdQ\nVW0guH9rCCDY1Ky18RN4gJoXBeP96FIoFGP+19M26TGgwVFcbrRanu5ZP4Bg\nTVdEHRSHD8gVk/iAMP/ZLUKk2RLngS50Kqoau6WoAN04wkpOmuL/YTWCNG/m\nKCZozKa/WH/C8D/mNTR4XrFGckAijiNJiCMLUGr85hIx6XhfyOtXoZSFryvr\nGHQGUAq/8NUZe1V2BKQEZLAPNSOSSsYzb3qDoHhYmVUUQSJkYUuz3Olr9nHO\nQJufp8KT4btCK/6dFdakK6ThMwpEe+rbsnhWUKs4C5reWEfaut8JmOqbIj7x\nrBXt0H115XU2E8FWuwH1597rAQoH9IDRnom/8yc4X9w5NBvdLzDbDpoytl1o\nB28qYYhB7tR9hni9AJxqkNl7vsOcnor6vyTw/ZkCaDuFjHXn6aUmThWuFmFS\nHOlukvcOoy5hPyGeIvC/29AYdW7VYr6MbZhBmqADBIR1A4HANKYOMRnWJlmg\nT7sAX70U8szQYvwLDa72izws50Lsbop9USOlzwedBt7MfA3ubP1XTXJdAPGE\nrV1OgmKv56ZleEiX1KmyWQT1pdHjNIBp8Nw6IsBEumzBoZOU9ghsm8DWZmiV\nlp9t\r\n=J+Yw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2e5eed4b73395e9cae47d93ed6f34f0dc0467c28","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.1fee70a5e.0_1597274857108_0.09390001128969017","host":"s3://npm-registry-packages"}},"8.0.0-canary.023f3fa34.0":{"name":"@material/animation","version":"8.0.0-canary.023f3fa34.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.023f3fa34.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b749849172c9cf68dd823044586e5709d93a510e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.023f3fa34.0.tgz","fileCount":23,"integrity":"sha512-1ZB4wo3xWg/u0Ro9R6qom2N4gPfF4Vunr9RY4smUTdcj8+t/Zr4CMfqgMlKzO2P3uf4aIdZY7ytv9oT0f0nm8A==","signatures":[{"sig":"MEUCIQDJK193yDjuZ86z4yhPq6jgsrICjkeDPH/kXkJE8hRY5gIga81PVQMpDkI4LPxJT6U0kz96TVMmeCt8VrM+yF+M63o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNJMyCRA9TVsSAnZWagAAcv4P+gPK3UNGlBDnQdQrOEas\nYVLXAudntUnQnI5uJJY37AKE9PeDZ/puslb6Xn5bpKj3AROrx0FpZ/OM5ef5\nkZgjVBiA4+vroQeD28/NZwDPzAy0BR3vKUvT9C0M5BOIlkODVm6bubd/Yv5X\nu2ByFQETkQSS93oVcN5xYMvJDeX0UYQTxiEWTaPdxVLsvXKb8uabbEAvcP9V\njXMJrDpJZcLZre/KnwF0A736kQm3DGy4UAjBa4XZ7RH+XmLJiVwVdZm4PXMg\n0rfwxflqkyfXv96FjbnH+pZEUFwP9Da2UE42l1UZgx0BJWbN5tcuyr7DoTVl\ny06QMm/SA2TV58y3p/3S3IttEcxDs424LYdQy2NNVM7NWc/bvBvT+nD2RIGq\nsIi5OyrO787npk6xZgzitlEB0gdJhaw/20DMF9B4FMOJS8uWaIwdKmfm4z/D\nPF3LUG88eWqJaeqft17Op9bFg0vrIZp2OKjGyTE/t1/ROij9fdyvDOuMJ9J4\nBRkHBaTb5HssLCObCbnCVbaYaPatoeQzkYzBxVue5pf7JizUyuz24+Y9rX70\nJJ56EQRlnGLAnoW8f5FZuFctEvfzvYzxOk7e2J8sqZwrz+YNA6qrX5NvhS+r\nG+MBjLRfxnVizALtXxkFwP8++LBkOSV50nVaRbkm776i2EpXpXXtWWBMBGvU\npVlt\r\n=QqTs\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"1a6538d0b407fd8e7a7de8e39b4ed51bcefc560c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.023f3fa34.0_1597281073629_0.2888759798091667","host":"s3://npm-registry-packages"}},"8.0.0-canary.80f3a9e5d.0":{"name":"@material/animation","version":"8.0.0-canary.80f3a9e5d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.80f3a9e5d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2e9a3215e6ed04f19a3669c397f49391ab4fa452","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.80f3a9e5d.0.tgz","fileCount":23,"integrity":"sha512-fvGZDFkUz/5YSzhVS7sr07ZNSxI0rz3+O2KvYjDnOSY/un0nhti3tpmDsDWu9QihSXou1wZruMjSv28T9MD6mg==","signatures":[{"sig":"MEUCIA21L+Xn1he9p7vPVMQHJbh0EAzIspJkhSHCeDhQW6C9AiEArObTVHBMXP226CPWvKqt7nLGo/X3I8s5kkkQDZa5tDw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNJcZCRA9TVsSAnZWagAAqlYP/2EdioJmpoF4v3abYehi\nExyUYhiymynXIwXFB9tcfHSFuaZVOX+QLQv2ZNC4rIUOQR+si+Mm91Z9ynjV\nTohx6ns5QwPA9IWye3H09QorR0JKQ1KDqYEb3u/SEIrbTylUZYS9K83mWAZy\nGCEM0dX98PYUtJJExG4+tdbgsgPQZnf3/2YhdDpG5w/paTKnM34fXLspJEuw\nFXQMw28XtViWx9mSk7UP6wqdk8hE+ViECS8MY+hVd/GlcjtxY5OTIxvW58qh\nixFuoTeJYwVnmBUmx8etu00f78M2Qxa91z3QmIxaHXr7yQ8JcAX0CZymcoVk\n7qF8kYzbw9bU2W3hdv7D3q6wr9+5Gy6m82TtSglRxp6RdTpsl0id430+HDtp\nLTo9YXg/+EdQatOJIrG4WL74uf9r+5Qpy6pEI6rosvblXUZsdoP4K62yZQd1\n6ooLDYgs+BOC9TUPyuBw8hiNmbk4hm5PF8/zYn92XUvoVqrj4KeR3auJMEJ3\n+qFZM6XcnPO9htWczWHdD6laGodBoe/BK3KoaqZMcTTYrdvtekX4M+8HSmb3\nx6sZ1FP+enrWWys377qdc2k+Tm5VjxtWDmXb/VtfKUPn+NG+o3uY5aot3Ouh\nfpAOFFH921tJq3lUKKD5XTue52M2LiqJF/k3ABMxwnIIIZrpqpV4mp3h8TzN\nH91K\r\n=FWig\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e47018f239b51581a67186dcbea3f4167f5ea3f2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.80f3a9e5d.0_1597282072644_0.014687876152126966","host":"s3://npm-registry-packages"}},"8.0.0-canary.a1dcfe97c.0":{"name":"@material/animation","version":"8.0.0-canary.a1dcfe97c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.a1dcfe97c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"24dd5b6e4491172a7c017ce824d78d9f41bcb482","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.a1dcfe97c.0.tgz","fileCount":23,"integrity":"sha512-Japm+xBRy4DkpmOqZYyFpUW0QQ1zfh3XJA1oH7DPPprWsRhFf5MKjS2MeeZi57Ah0lwlZEmn0xdBIXB9J6ZMzQ==","signatures":[{"sig":"MEUCIQCKkBwIm0i4Ye0sCtBj+WyfebpAVjyXduKvxGUiTik39QIgcnSbCBfpX3CE4WiZkBvlzNM1kK0bzP6suzuaENohG1E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNP5GCRA9TVsSAnZWagAAHtwP/1uyLdRPFSM/nZ3Bn0M0\nONtsNUl5bJYN+94aZtVDHLqbYvxhCBEx/dBI0pTLpoJJWT4q6RgdWgFEi3+3\n6UXK43fj2FRdN83Uv5ZvC6SbaVu0lHTOxwclIen/w0+9K/OQYgRKoeCPeooJ\nU0iAC5KBt0txQNjNRQQ+mkhCqi+siDmJ10zoHzu/FfWd3TTs52vKp0xiwx9N\nDaKbwG1j0Z5aug1wb+ux44nvBAt/VRtVBa9qdAduT0oslrYv+4jkylvDRBM8\nUnpATxAfSeccqFoPNNv0p0D0ZLZJOtFGtJWpZaomdfV/69zH1zNa6EYNzSjc\n+8a0yFgfKBSW2IRPJfnit1n/+wGiwEXc3EoEpME87H7HZp+tCTBywFr7DJ9r\nC4WMLvY4s5i4oM3Xo9tkd0jGW6RENT1DwLdJD7VtGQKa3GbaieHUe2uOVUXY\n47Pr3fQrLFweJpyuf03XrxEiWgiUjN1GBgSeBnHyUD//kI9bU2SbrWYQHwgL\nPWWC6FNCGj/BPQ5NUCBCN2auHExSWR43Pwnf1fBV1Qq4NMaU04QDmA49MK2q\n5Miag/lXZqbHvN5Tu7KxO0ZhQLJONquGkeEi7nlmV2ldkdi/3QegB+N+3heO\no2TsxMCc/x4cIxBPUIoTY02Orq0uOk5BP3X5BoN0F51scc8KpvCUx9srpVH8\nYnld\r\n=uzse\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"8ec1483dd23463f0239974be9a65ec22a6b54715","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.a1dcfe97c.0_1597308486277_0.14348941814929894","host":"s3://npm-registry-packages"}},"8.0.0-canary.af332d5be.0":{"name":"@material/animation","version":"8.0.0-canary.af332d5be.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.af332d5be.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"626f89a8cc15cb19b8c8121feada26507f4d8c02","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.af332d5be.0.tgz","fileCount":23,"integrity":"sha512-1eWQ3ZFcycVx61b7RGVoeO6ZFQyDyWF4nkWgdKiq7oVXIr6UTs2zAzWVIu9hO9BuulJ+6gyGSX+E96psD2MemA==","signatures":[{"sig":"MEUCIGJcxdV2ToHqJoXesGi5twPebiLOdvtZWxiCIwtMJYuPAiEArhMMsK3oD/qErHQalZi3+YNmabT8TPXymt5p8E4GFKw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNa2iCRA9TVsSAnZWagAAWcQQAJMTgblPDQ8RLuHUgonN\ndeT1+v08/20zaIisvt/Kzr4Hy33cvX3RNe0QvtTPoHozgK/N+0tdhEfrUF+g\nY+4jTLyYI8fzfIWLW7hysufRNvWFdW1tKb+uBEBOpx9bw2QAVXJAXN45eodP\ncFE0gJ/aYaUu6BsVg4mHkh2rb0RJrKVMlzT5AIsP87/NM/Hlt9yw7LnOEceF\nnMO/Upn+yjVdrrPN3bXEwPv2A2tyENDVbWRF3cEiGUQP41G66JahZusiK2Zn\ntMhzmDaSzOfQMeBakwCAcmk0YeAwcvFpokf1JSap7zBkSG6ms+o1yV6P5rIG\nIb6If1bIZy9T4Mn+X4OWV6A91mkKTEuPq4DxspuU8QUFieqwUr1AOcyum/ji\nbOFZecnF3v6H50fZ57aebGH0ohgKeUK1/VU0y0fKFuNXtVBq1g/A8yKKW6jm\nJLKTOVDXEQAtOWT3aX0HVXr2CN2z0eIYpVe1QG88Szqk9tae1P9M1vM9Pdhg\nD4DNWtPNn80QPJGPKEAH2dZdtihfIiysmsGGOkbVtx1v8O6ftzLWjYr/2FaU\nPmV5BnptKztJN+EXHn3tjJJdc/U87X818mPnq++xdfuJ7lTXTkhnOwnVI3OW\nx6PzOM8krn7vrKtL5840wvCK1+MSX+Apb0Kl+0u71QSaSW3fA60mqnir+ufL\nRJKP\r\n=eWzi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ecb675d071cb76738aea95a2d43ef88a134275be","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.af332d5be.0_1597353377668_0.6645497563895859","host":"s3://npm-registry-packages"}},"8.0.0-canary.7dd4567c4.0":{"name":"@material/animation","version":"8.0.0-canary.7dd4567c4.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.7dd4567c4.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"aed738378de31664113ad1f3b5f11ee1b3f69e29","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.7dd4567c4.0.tgz","fileCount":23,"integrity":"sha512-ZzWIh9m/DoIdqnRmm3UUKMpJcdUzIQJmbgw/YE50Q+JhxfIyGYQmjo6WqIuAweqmdTnpSiA2Vss/Fe2/4qDIjw==","signatures":[{"sig":"MEUCIQCVXRzCnuCVAV3ZLzURqIDyKmilMAmphde829G1sLa/ogIgIDd+o8Tw0JLOZFZI5LTID6M/Vkkk1oVFgH7aBnYYrAc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNd+rCRA9TVsSAnZWagAAznoP/33NvbbPeM6jFC0BVyB0\nPRi2u0asjzys4w/hHoaoKwDYDD4zq8qFHEXfwihqrlcC5WDvA6SogP0ZoIkr\n9yjCMJL48yMeAE+fFFBmsuS2irO5xP8NJiSfTptlOe246JVbA6pUeGaIfbUv\nqnhgKSLohCBCIulvuCWBSkrRwaHmGEDExTWw5HX5EaSb35PtULWLMhFGrUmd\nQqw4WInLC5bR42QycnS2hM/ur54vGyY4JZQI45r+W+Wvj8XlAV/h8Sxgxi0N\nwYRjlHsBGq+EEOQhMMQrkYq9O0ccvAaaT2JRtQUFoTJhNRFBRMOD0spk9ojn\nO2gGhow+ZrtgRXMLgSMEpmh4x94uvsVRSBCAvRXYhpZJVaxVZPQf9PcuD/Do\nv08jvSvntDptbesjjVi9Ofm2uE6FQ4buk3nuGHOekaIqSfFZqalQkT0EfgTr\nObHbkaRU87y2tHLR2kihir0Dd+U6JvwQG/4dwfnzUdb/Y/2Fz8aOTbDdM76Q\nSJnStRSFVYxZrN6YBwWbRFvoVVxUmhiCVuFpcrlepUiHD15i+fCVI/r3zxF2\nL9gNQxf2zuHa27fGpLeDXlHSr6EWwnawZv5a8vldrArZ1ESy7KCfc2oVxpRs\n3QKWKFSwicIrlxZqrXftpzrG4wSJqQFM0xn54D+CrjcdCbT3Ytk4Zn3bJO4X\nHcPe\r\n=X4Dg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"515ae143d426f0329f0a745e0ad35113761376e1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.7dd4567c4.0_1597366187147_0.6670509471431749","host":"s3://npm-registry-packages"}},"8.0.0-canary.ff870005a.0":{"name":"@material/animation","version":"8.0.0-canary.ff870005a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.ff870005a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e2f76ac5e88f432cd0407b61c3aab24803f10ed2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.ff870005a.0.tgz","fileCount":23,"integrity":"sha512-Dm5MVsR0bnQdUmCulC5ht7ct6wPiW03IAKxXHRFYAXngpS7LQIw6WTBxhbrH1ZmmLS8P8nAHhNwtwutU+QsOkg==","signatures":[{"sig":"MEYCIQDAlEMHec107Jx0VvbiSDLLKBD04lVl7NMkOvDMM75zGAIhAKoUhv4hKTmSYbwOqe+Rj1B4iQSsTHF2Drdg12dVRHS8","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNeWcCRA9TVsSAnZWagAATsIP/1QzTezWZpIjgHFfhFO/\nPb1HSynGFNwRmHCFpTtZ59jPl0xWp5Gus5eXPC9wkYGEJ0qQqGIXOKuPPHnD\nbGq7IfFvxxZDggeYice1opB9UnJUb3bJ8T4OIZ6SCj8aOVJgIgPYsE31MEPI\n4MdayXdZZ1SiZXWFujc6TZOOLKIkp8jrI5n1B+Bv1Cy3/jbgsV2n1Fq+KUEB\nOv0/7UzvmWKBUObmkOiTaF3FIvFjg2srIZjbpl4onjJlCvMvUsSq3C+mFWP0\nLCS3fOLlVYKlSCuFknZylBViawW4hhuVdgLZkZXwK5Vo55jJrlX7df4wtpO6\nBCsEQYuRo9v0fCDgkCqsFJSsW6OnDPmzi5eu3RS0p0cKuAGjuLbwPtAuLKvY\n09aO8U8rYSfgW3sWVKAUGjbzVGsAbiNys553CFQq8GZLYD7UaYcYCTz2M5EY\neWnsmDxCNtmtZcIctLH7UDnWAaV6dVcx/uSwSE7pQTbzLdP4d85YHxgSHfeD\ncAJSW4yC+vBainRoIdSjwCS2iDG3IwQxgl0KSd7xLnku5hzNAWlbCJ3Rbewq\nB4aGoqUan7peEKWGr7pqoIDxVYq8wVZ1D1n7CDUMQfFW/VxrpKTGdw9HIWmp\nMX6L02wgAEt1bNgkSoRpaYIejlMh+y+TotsoXfRkUiIONidNCxzLHq2Hnk9z\nayEx\r\n=cheD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"885c1d5e1cf217db1bcb8176917a25d6c74575a5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.ff870005a.0_1597367707819_0.5812020215081826","host":"s3://npm-registry-packages"}},"8.0.0-canary.150f427a0.0":{"name":"@material/animation","version":"8.0.0-canary.150f427a0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.150f427a0.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"10f3eb3f055abafb70b5579b5bf5efcda130574d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.150f427a0.0.tgz","fileCount":23,"integrity":"sha512-RCOgHORiWiK3M3g2gKPcu4J4MEZAL7SUMKSJZemIgwdDTMJc7UGE0MUMd3oN4Whdd4C1SOli+2KbnlLuZ28r2A==","signatures":[{"sig":"MEUCIG3VfM17k7LzkvXldBCmRoHhLZyRFrfduo7pf9SE0ujuAiEAhCxGKYK8FdFO7crAzgw2xTKAk8wVtWC4NsJj9CoK1yE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNpFhCRA9TVsSAnZWagAA9bAP/RgLSBbCcouN15jKJewH\n1RD51AexaD/WDsKaslaWcOaThRjcZSzQ0Ycie40VK9WO+dXY7fYiDkUN9fxs\nbbLJM4/Oh+jCCHG3q5oWXHxcC6x1k7skT0/cYDBQINmEq02w5Cjbi/1SxMnu\nB50I0qvwW+DIQlfoJ+K9m+3he+CZbKGip11vZP8k+IiErJTYx/WNKgWFnLM8\ndoebr/v15D3rEJcRQU/+y/OhVhkw1yjBFUTm1pSzhQ/rI9NF0WQROnMpALFL\n3YHcbIJstBp28QLV3jfAmN3d7ihc1yhuiOa01U9ImILU8zFvbs5n8jvbMk/O\n+xlWXM9u7rA11nHo1kEV1djEVrq5ygw6A3RqCO7ARTiOkh0DgiT6C627RRzF\n/62fSgoIvDJV9h79TiNVj0aH8QRmfw8SqZbWBjX9CAsIPrAXQbnzQ9OaLbAP\nsUV4nENMcDmOLVVwYtYwsqXjKGHRL9s8/+EqgCvIPEJR341bzrR6LRsrlb8N\nNJUYCKa1iYUR9YsQ0w2X2yxm8mJl/iLYb2D9DU7mINknITxqw8c1L2qtGE+6\naf/djNtpRxvTUBypMV50aL97jSYoDyzyGEl5gwj+5yhOrZFyhiOsq3pRlGyp\ngH7S8BQntPq64bsrXbT8kqCmLOxvmSufh5jdlxXC3GbVYLJ1EAr9B1wEM6YX\nh5C9\r\n=eEkP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"9250d38c39aaaa2210225133bd9fa4da3739df3e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.150f427a0.0_1597411681195_0.6536955331075747","host":"s3://npm-registry-packages"}},"8.0.0-canary.bcc58290a.0":{"name":"@material/animation","version":"8.0.0-canary.bcc58290a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.bcc58290a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"72d6542918d4c6657cfd5eb06f7346b148c5c419","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.bcc58290a.0.tgz","fileCount":23,"integrity":"sha512-8Dizh/Nbu9QvRmMKrZ0yOT0TGa05Y8NsHcZk09XQNVvzdUy+3GuI3g6AYd+9k+6DyUcumZEn/uasuK12lPdNsQ==","signatures":[{"sig":"MEYCIQD9kZQxnbQZOED3zrOs8HprDek3n2dzEbhQIX1TNDQBUAIhANQWA5rZbt3rIH5ZUUMbR7+g7GClphF6137NB4nNeEI4","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNxx4CRA9TVsSAnZWagAAJjkP/RZURZrKO68LyqM7aZqO\nIaqXtgFiCGYLXabf/V8nfKwFXZo3clj/DZiYuzrOc36SH1AW3c0m2kwXSKpP\ndKyx64yIt2s/JOcUbOKqqCoZ4zhmN/VQ/vpL2+PqoIEs9soJwDKbV57/uZG5\ndsOML0TCMNlhIvs0Vv1xzSKBLl1ZbJz9W5Ay74yUq8uBFPwq+zt/Jn8K8PRg\nHNd/f+bCySPj+Ad/DW2Y+oI15YYS7KfKQA+V/g1HM2MyaSnailz9cVinLtB0\nOBVI8X7RAAI9Wu6MB7pGgwG/LZzwHydP5Hiar4UqfbRKMv8mR6IJgLn47/dF\n0NhnOPLFrG2exqwWfNToes6pdNzlnY6DpkLqpqm4ywOpAfBrrbPqfxHHBVYF\nnsJluwTMElrLDHcUxGCky1M7C7JhKf2YzIQzgznkR1pJLFyDVc8YmcU3eBUj\n1u0i43nVF6IG9X0M6yXE542WuDYksI2KRWoTP6f4aVj48Wue5yH2rkMqF5Cr\nxnOsSwgmSobPNwDzSpgl/uhDcSPq8hAPX5C6hX3YA62/0+mgucNy6C3hF7ON\nMKORkdtYG3Bi+bqjM+YisStvErQBH7BarNMQBemzilmghnqg3rsAOp1NElxK\nZRwc6opSE/Vvh58NiFw8pjzRnnFyCPZ4FChPmKbTvZgUpCeqkaacvLvvK7TC\n8vGE\r\n=TqJg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ba12c8e781c26c6169e16b167798237b5ededb54","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.bcc58290a.0_1597447288357_0.8302403876281854","host":"s3://npm-registry-packages"}},"8.0.0-canary.4f55400bb.0":{"name":"@material/animation","version":"8.0.0-canary.4f55400bb.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.4f55400bb.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3ff3d9a8f442cc7a41657566ffa4337edec8107e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.4f55400bb.0.tgz","fileCount":23,"integrity":"sha512-BdLpEbbNaogPIbocEc4/wkW8JOvf8l0mk1eZQZDGAncZIJRdsQ2ytutAdHye/8ebkSL+Z3aPm9yxrQblh0zY5Q==","signatures":[{"sig":"MEUCIQCAj76hzHMREGayuCVlcdfnK7aqTzhdYcJBPCKfWoc35QIgRMU24s17rpefW/SYGkAzYJGSLIWO5V2dG2KWIMeey1A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfOrJBCRA9TVsSAnZWagAAOWcP/jugLDmvyelTntEKrC3G\nm9Y7ONTpW7v8+45AiCsoqEnj+gw9FQmRVEIn1sshVN9ufL/yrRSuULWi3G61\nZRw8r6ta0ZNz2L3qxQVqmnvLimx5RlHhSCuorPDUMo3ARjL/KWOVnwuiNgRA\niBzo20DxuGagLfa0ehqO0n1IscTi+2nLRvOPtVoTDzilkb93Jk7Mq6PqybOz\nU1ZPo53MWBwpajtTMOCngZEE4jzsJ42qk9jbvEvaRlDZ+yDYUs+RJgQgHZmD\nxkTVz4Xt0UjP1NFt4eOtpR7ZdTcmyPu7yfaIoDLZ8IT0WAJ+J/6V2tOms8bC\nQzT5kNM0KCKuKqizWWv4GiyyXuxFPs3/4bXKLFb/DfkmAyO/vGZ2m2tVrmyj\nIKNS7/BWN1zSKxlT8rCdFVpgkzvmoawNgtbVrDJNjQ2Ccm6Y+oo4ljwsy008\nqnnom7sdBglUM+0eQ/0o8u6kjHkT1yHtfhXZipbcBn7n10Z1uNueDX5MHrL9\nBe0VF/C/gnOMu57q0rUtFlyKJWJ6y8YbmsgkaBuzToNOuPckbKLu7lKAlHm1\nIPbr0UbS3A6SpAHTwW/77CUU1QUIkxpK+NdRbeTk6kSvuMNID+AVwpYoHEKN\nvC8jY1nnGPGboej7RTSwuo6S1ZEqVwC3cdDPKtwv6R7k3lEFxLdcylmbYLtg\nxNRj\r\n=mbvB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a9eebd86aa2e631b994a71291827e602b842dc36","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.4f55400bb.0_1597682240523_0.5050457701175619","host":"s3://npm-registry-packages"}},"8.0.0-canary.000d64815.0":{"name":"@material/animation","version":"8.0.0-canary.000d64815.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.000d64815.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1d12e2ea7e7f38bc2dd294e871e929535dc8575a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.000d64815.0.tgz","fileCount":23,"integrity":"sha512-15kSgyRiRJYwTyuOexZgSAlb5W2SImOl7ashOAQy5QUENE4H9Qte00L8RHWPISUvMl24Uzx4kRywhfpt0P477w==","signatures":[{"sig":"MEQCIAady/80eHDX99mCt2v6JjivjPyYu3cwFVNLE8ZrpSYpAiB6E7ABSYHwWoCef3IkJ6KHm+MXBatx6ZT2t5oDcGbUKQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfOrhPCRA9TVsSAnZWagAAGjIQAIKCOGXMuYHdGQABDkil\nQgVygJZXCDSzm6tCmJ+DfmZZWcxFXcGxGH5s8S1a2X9OEiXv5RXswXwgEfyB\nr0m9rCJd5lu97NBLVjDQ0hM7179FxdFkd7LjLWIYOpe7t6Pl6sIR2h0A1BVP\nM8Pi+FrMeda0iSGkNMED95TbQHqUyP6zh+mzIp1KUIak5FGJPw3exYBBb4WU\nDMtOwPrRdR6WHksGOI8wrZ8tmN8mi+OxwAPOZOnHzqbuWegjTwvkHEgGoQfn\nyFakIKR/yLTpnusmqVM3JwoVPrUzZrbXQuX20CM9q3LaDdWrMi7q8RGfRsS0\njcBqV0IvhX3ZeS44++llc4kyNV2GmFiXJ+BstDoAKI/y+mdiZybO276NMPoq\nXJKTn2sIb/cPe2KJfAz8P+XQi0/5ipe2+Hfx+fv87083QMuK8IRQT9CwnZ1d\nruHdXPON+iqImFnqn/DC95lBIBCeRxP5a/ZuuUTdkkGbfcQHipTeAs4Zs1x5\nA8VIbfgBETIWbU+QsZq83TIiejdWBTZCsF4S/D7qLbbZT0EFY5CQshCpp7Gj\n9t9+AbpPJ3KTZ+Cn/WWM8rBmrWK5G2JnIRlAAu7TljJZIL/gouaAE1E3LE6M\nByACPE3aZOgAl+LI26pInQUhaxgcJiby0K/hYVuyvdTTnw6PB6HDg9CiXbHy\npavI\r\n=Scis\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c8a69943d64e6f468c2edeaf1fc6204d372a9fed","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.000d64815.0_1597683790580_0.30620317762206484","host":"s3://npm-registry-packages"}},"8.0.0-canary.defa599a8.0":{"name":"@material/animation","version":"8.0.0-canary.defa599a8.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.defa599a8.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"50c97cfc31411f9c03e7f9b7ffbbde602f886c96","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.defa599a8.0.tgz","fileCount":23,"integrity":"sha512-Lc+uRVQfdNeQ28NK2hvidga59LGoJtarM9qsioZZSvq3hNnI5gJrowYh/1QijJoEwYqqt+9MGw2Om4hey7vJVQ==","signatures":[{"sig":"MEUCIHoLEjmivClRidxUXsh0pkR+JlpiPb1arvWWn0FodjSkAiEAn/gM2ObKuP780vasyyagFh/2hI02HVoILzCiokXw67E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfOuj0CRA9TVsSAnZWagAAnqMP+QDFjRyCmlatNUwBBuQl\nIoOM2p5ZKwU3TNagu9JRbafocPBeHvcBTpfbSaj8O+ulyHeTxgnE6UGfi6ux\nei775vvB5zVFi34yPkyspeWflOzP8Rv9t+F8uurgO3b+bMjUIIIvYFsfddZD\nFWGRbidOdSpfgWdXO+t652StcolldsTlPJ4/uYEhnDGpZCEQd6W35fNQ2kb0\nhH+zNztaMTGQ7poJ7gTzp+dRgt6/tYIoM1eF11jmj6uT5Q7YLPv6n/l2Lj0J\nzRyxe8SMKR9ETJGQ6SW5w+LssL1DzPLhuHD/EZAzNgeoLGJX0Imt8PuWQDhX\nWazGFwkE1kOMUapl0Z/6rlCYKU1E+7umQlLS6NNKikGteWLkXpKU7E7oge44\n7SgVsvNfeDC3uSth45UrSzlo/BFTko1FN/uIJaAfSSDgxPaq6cT9y9ldydCw\nDVGtiH/FQDyNuEkguTtEo1zyyC/lH4AiurIywWGiUC2hH+tEV1gfbPfcButi\nJf78EcZFQ/UwgA0M5J4OEnF54QAEhMuhYvgYVEcHLDEJXcTTkxMvihSGu3YS\nREXxx1xJoVBq/EX3skCUFtDeyO1ysUArtuiOhS1rDkUOb5mBGmkmUA4pJLWV\nA0rI/RkL6lxQXwuctS8eMoO/HZbaoR2X+ZTdhh6WNY+atl1CbaDVmZ5SLTLJ\n1//+\r\n=D0tK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d3ddc8cf9af988fc4a02f26feee3e4ca0184dbec","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.defa599a8.0_1597696243959_0.616017977529995","host":"s3://npm-registry-packages"}},"8.0.0-canary.66b8ed7e6.0":{"name":"@material/animation","version":"8.0.0-canary.66b8ed7e6.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.66b8ed7e6.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"508e0d7ad2a2174ed1ce263b691b30c8bcf1ed1e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.66b8ed7e6.0.tgz","fileCount":23,"integrity":"sha512-V+E/5tlTwKmA8KKdmRCcHwWWmvkB+aRBbOGTelGfgl5clm14ibO5wF0u9ijX1xmo9iynLuuIezN3Os1OkSZBWg==","signatures":[{"sig":"MEYCIQDTJPwfx+R3WVcQH1G+6HXD10Em5MffyUoMx8uHiNICuAIhALMyVlXOFqsCqhWdwGRUl1UIa48ZaMk/HSbLH0PlPWRB","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPB99CRA9TVsSAnZWagAAprMP/i0uPftSVmxyJSzHtT68\ns7CCg5JksW5iRhkWKzk7uvZkU363meaO6xk5GJX4OvBcRJGO5CHfGJ/Nl1Kp\nk2NSG7fevsU/XpU3P1MMQT0VJIp0mQOAQrtPQxAlKrqcpgq4c40cz77xnAKG\nCq1Ma96n0q1JazSKzTqnTPK2LfnhnzR1AgBq3IyvmBQAOYKN6gzUoo4alqVv\nBQq5bBFs/6ROiqwkJBsa/IkNdgY8fEuBN0KW3S6E+MfuWzIradO5EtT89tk+\nvSRQdEwnEJkgjaQkBese2ZzjJ40vLBTjtgGqBBfjQVgBb4SB8wyiqIbOv5sf\nVNGuepWUbNBu8e4QMWb2zMGvBM8C28NiCHUDWiPkVfagj8QYYdo5CjksrRpL\n6HuvB1ug2jI8xjJyAymFDKGdZB31kQHdmujcaMrTz7JcjFYplgF0+V3ipBuq\nhchgeW+QiO3ii5mq+I1iHI1Vf/GIWD68wC32Y9zSlvcy3qlcTVkSFXgaumSa\nVa99lnKn5NGYO6Yjkmb+zY+9sz9Cg8/AzmVsvTk4UaAuKwULjmLPkXjYVQ27\n7Ix8polOb0tuFj0P0m1EOm3oxCszllFKTyAcjEtHcQsy38IMNczB6vczszJN\nVq9tBL7mv3MQ/gkViE+SCVYqQjbfeWPTCLU1/xcjECLFyL208qFLctz+pABz\nD1+n\r\n=QEr+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c23c9dce18363cb6806c169d5a516da2a0fcf89f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.66b8ed7e6.0_1597775740298_0.8625490791246346","host":"s3://npm-registry-packages"}},"8.0.0-canary.e2b1033df.0":{"name":"@material/animation","version":"8.0.0-canary.e2b1033df.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.e2b1033df.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b005a6dcdbbf9d66c7c4ae209b4a7937336dc8d8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.e2b1033df.0.tgz","fileCount":23,"integrity":"sha512-9VenOyIhm1/PNyiueAQBaMGSMw3HvYfLG2J3q/TvD+ygkNGn8DM1sQczP6/9Y+a6Ps6+4tNng3GL6+n9OVDNAA==","signatures":[{"sig":"MEYCIQDUAhGCJDNCh6jEj+fq1kjfcAyXvUUOsfvGeHV1RDpCiwIhAKQ1NxsijYswxkQhOQPtdly/jnbHU0VCT5T8pPvci+bb","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPXIzCRA9TVsSAnZWagAAUWEP/RPGP42LV8P4pLFu9quG\nxsCXxqds1zgOi3U9/RZ5lnMhn0We65SBDJ7rMK758TkxUKR7w2/jqkYS7VzE\n+Y9ZMl4E+LXwKV9iXIM2Nvh1mjtwFxuJObv/B/o/MfrR3BAWMdQtjpk5Rvco\nilt6cXmBe6hBljkiDrQkhDFRQxb7Y4jCjz4xGG6eKuHE9q3++ZjOT+rkpv2W\n5cVz7LM43WFtjqTla543NQ7PpJmz1nv6qOSWLynxqg32oY2wc5DL6rQDluLk\nEEjm5SlHMpaXbSN0c2DprVIyVuIszcoC4roZaE5ETFPhQchNZwzRzwhqtD9x\nM9p7SMiXdtPDN2A9F5NfZ7abaPeznnM7K2DF4XBJWV3n5kLQug2PohwA9ruE\n5S5sgH2WaAExrwKMVsSeLepNuc5rbQKXkzgeyRzGPIG852mLxfiuedPsC3hc\nsLJg8UFSWBbghLA8YssrJ/oiyl1vwwzYv4fYqZV1M7p0M0i4Xh65SibCXBYl\nXuqqsNJO5YDu2ct+LJ7KedJTKen9Ilklz6DqAAs3vEXfMom2NFKD2SeeGKJ1\nr97G/LNMBL8xkHkRenN3iqUAB8dNDbaSJaVIyr3U/h0yc+dUs/+xl7PwIJ40\nm8O9ki3CFXIB0DG9jMAAiTRbWYyTr3jVd7ZyVQtXt1upTjU0sm1/PjQKmGsQ\nqg/n\r\n=wbSZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"763ba6b73959bf0639ed8d0c9656a53b18e30c1c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.e2b1033df.0_1597862450977_0.38536213807152486","host":"s3://npm-registry-packages"}},"8.0.0-canary.2e8c3dd2e.0":{"name":"@material/animation","version":"8.0.0-canary.2e8c3dd2e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.2e8c3dd2e.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b2b2d8191d9b51d44f22419d4a4cffd87d35efec","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.2e8c3dd2e.0.tgz","fileCount":23,"integrity":"sha512-l+DjiQ4CiO7Ijeor7LCnVRzYYdfLdinh6ZCvSWmKNsSWRxNskB5tMAdf+x4IjxBk99dpeR/j7E3zGq5KNxm6Sw==","signatures":[{"sig":"MEQCICEzeCGy4h9aSQsg1YQmSl0SEzYZxKb9mY7YYyHZq2lEAiB3KRA3qxlO3XnPeSXe8Fdmy/MIg2WPm0mQTc0c2qky1A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPXwLCRA9TVsSAnZWagAApowP/1X4vu61ffZzQZRoK4vP\nKDqlojgf3hzDIPUcpZIFiSEMxZ1Qi0582mFxtzQ32LeBY+cuAqbvT3oRjk4a\nmxuGxV2KYNDdQFls9A3sN8axCNpdXLzDL34pBZM5YPwf919T58nRddoFNjLp\nh6OsOZEJgjuvHCZF3xC1CSs0mCdAJl6TjqHlYqlziDOHVf8GlzhbF/GTSq+o\n9BYp4F/FezQWFksyufIf3FYF2+Y3vs7o+M+C+yECfobj4kovPxqVlb533Kky\nbC3cT+ioNTowW8rRoREvd6VrG52IYmEs20rrHIYj6rywW+HzdtkU9zfjQCig\n3UiZzXN5syuhnojBT33+BNCRFo279tBzIMMhsiouAig8H6ftQ0SJYGsKHGy0\nmGtCFkNl3uHJ2fpTe3MjCXfVLDDIHcJFMqyjdU4o/JutY3gBRasqDGKae1Qh\nQry5CnJTHOaCb2HS2jVbG+pxvns/UKTQxXShMK8BG7QQCUO8SZOreT307hrm\nBP5y4D6BVXU/tiDiVPWFwYey9ewnuXRaWoBE0m91sxsfaBcxEPR5BkwfrZnB\nFuCsy+GNmauCHPGbfd8yJc/J+fAnNte9v4xPRp5t5Ufj0ts6xUKsiSI2IOeV\njmwr8NGDTJDGyMNB6uUkLcudPxbBxqEwae3Dc2TJsKO2ifMAl4KK1PyDRSet\nTI7G\r\n=OPhC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"237ca1e061b4efa53d623ea5dc9c9d670d5c9da0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.2e8c3dd2e.0_1597864970929_0.05258315012276493","host":"s3://npm-registry-packages"}},"8.0.0-canary.b2e80a5d9.0":{"name":"@material/animation","version":"8.0.0-canary.b2e80a5d9.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.b2e80a5d9.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0e7e34a21b786129633619736517959c1443ca84","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.b2e80a5d9.0.tgz","fileCount":23,"integrity":"sha512-qh0gmehxAd9Oq67s/uGu6oQMfDXc9QAgkr8itNYTS2bhHHAOYFjZVv5LS0JnPEBj/PMZxBtNlLMezTQLkMweQQ==","signatures":[{"sig":"MEUCIACuj/GKovdMwtmoNEVVXBDMd/DakTUj0TjNmPW8VtW9AiEA3LuqBlkkz6Z8PyfE+KiXFMgAYbwib8iD5GrxZ/JNfKQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPaWHCRA9TVsSAnZWagAAMggP/0VAvHuqIEjVRTvNxpi/\nuXpgJ9IWA2ukDhmNm3aReS6W/3kUQ6yv2OXA6tRWpo10DA8kHDEcTj3FOrVf\nb7n7n/RC/79Hov1v06ephVfTYmuyUc8EhGP2vxCSow36z55/TYrW2UnsRWCB\nuieoXyI+4JxfEZQRo5RtQoQ1we45gg5bPrMK2vIkj/yQJ3cOkaFkDCY3TKiP\nzJA4Ge67nholtSUmk48oupP0k02hECV6cHoUxDJBj6jZUCDc3QYvr7zrR4la\nE1yVtkFQsAdpcRsWCAkPW70AauvmCTPAdpz6FZeOQPGZj5rhuTV4wsGLC4BW\nHuJkQYV1OTRs/QRw0bFtDC9LGbdpZ5KXjaj9u3mwTWKlPlEVXxr0IxL+E8LT\nNkVGw1OUeWXov33VyIu0kESJorcxRo2+Vmd2H2EXdIiTqXGXLN9C3L+mFmmd\nIH8Ozly4K0Omoam015sjn8JIBjOoeiH1DoA0sidGb3ZFsfZgdcGFyXmPau1J\npM4o9/AQDLYcUpxpQD69Ec5GPeAWwZJCpjTFFMWCjMmzTHQtE4P6z5xY+7Xq\nDEjqGXeWlyaDewxtPhU+0hchYyOImsh6tSSaHO8On5WMSAvkJFMZVHMhlHvO\nK4rzFVUOICTTsmrVCmrEMf8dPqaZrYWrDXb45nltWJqieywfJAB/PXYM3Xf3\ncg2X\r\n=e/iQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"84085f6b072572fb6b09623a5f0b35bb95db6fca","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.b2e80a5d9.0_1597875590336_0.6923310046871105","host":"s3://npm-registry-packages"}},"8.0.0-canary.ff88df637.0":{"name":"@material/animation","version":"8.0.0-canary.ff88df637.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.ff88df637.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"06013c42fb5f02edc914701a8fa17b134aa233a7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.ff88df637.0.tgz","fileCount":23,"integrity":"sha512-6cjkEbYM+e0fxiw5bgBokfZd5v5DhyOv6ORaMmaLZCXb9BVCxaDry8hAr/+hNjg0k8fO1fVxmRHAr7HJAidxVg==","signatures":[{"sig":"MEUCIEh1Mi6D4NhEleFD6UKuC6GGsdUB9McCHAi1Qok8fwjgAiEAxoW0xL8+jDHq/Ur3/CSLYZgC6k+n/lghlWcjgcGTMKc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPahRCRA9TVsSAnZWagAAHMQQAJHyVJcYhRwM7oP6CQc1\nGntAfMKlkrM8Qs3w8Yo5HwuAwxBIJNhxjSIYoHmcClC9YBKtBH1eLUDSzLm5\nmEA2SC+axDfeHC9HfHFttuZW2kzO3vU+Hidhj1QUEr938JByEEpW0sarKaTU\nYK1xltBzudGzfjIRp3THvuZ700jHGoCenj/ge4Z1CzpYfCNbfeXXDxJstPUe\n/1qu9aiu+4s1CNG97/ZmcSxIbUZqwIg7KpvMC+dv3JIai88iGwa+U9oZD43N\nXI4EslU9pqGfCEANHlka0KiMy215LxGA3NbRyDPykMt/UxCKZYKehNtDvQDu\nouaWV4rhRbn6k2mT2A8gjYN40bzZ13APtGVqMNCpP9LFWkBW/9DMchOuB6H7\nZX1SvHK3Ls8zZ4YM8AsxJ5RTzs4WdudrnVyfpl5E/4F0iWYqon0Pw86LvVrq\nlhZ27TJ6hvi+Ch9Z5to5v2GbQ9l9/Fsv18do6o2moqLnG6ZKbr58otrHRWOA\nLI+s8YIpxs69U7IdnKMAoHadtHq0yNHMDFEstBriqvL7bbImxc3cVVaDCcPq\nPfhuu9i3X7C9QA8N/MOCaprrDrKlWxBR8OMkk7rv/qtGtY3HnOwckVFmy+wA\nuXU79k3rG94lXrAGWjwrfp8zbjxo9GdiCbfYn/X717r5zO+worEhRehEx8p9\n3jIg\r\n=Fc3d\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"36ba8daf061692c2f915513485e71707d8eae239","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.ff88df637.0_1597876305091_0.5280005162516663","host":"s3://npm-registry-packages"}},"8.0.0-canary.32fb314cd.0":{"name":"@material/animation","version":"8.0.0-canary.32fb314cd.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.32fb314cd.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d65301bc20b630bf250b47825928278e2d9c2559","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.32fb314cd.0.tgz","fileCount":23,"integrity":"sha512-KHEL/PsTEXk2IQea+7pzV5TjCfG6zHyt4vjT53m7WDN9dvo9Y9KmVJE1eAnAkACyiogbhPYxFwPA6fH43Uiipw==","signatures":[{"sig":"MEUCIQDSEOcAeaNY6RNYfJ+MhpAW2feXJe9T5/lnA/IxwaIF1AIgAzsua1QreN3sH5OGOvWM55nOMo1Ux9wH+/vQpvWAipw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPlIkCRA9TVsSAnZWagAAxOYQAIozKC1EwH5A4ku0+cTt\nXvrwGc4xRGvYNln9XAgN4qULSrbfTRXzc4q5uXCUBWQN1PAczqtANVFOoqjz\naB/sYc59gsG+cd688+f8xf9kTlDszTNbyHOdazcHOJhTpAbpjT6i54H3DbdF\nOz/lZ+efR3+DDSGRdOK3Eqf+1tn8ShBm3cVwSdhAM23Pb/5EWtLnFs4x/GNI\ndnuAaFqV4zNWMWq80GnCyAdFEo7TLoPMqy2BCkQyZ3MVZTHF5+SvEbAWf1eY\nkNNebhYwsZi7lr3Rv3rFb+/dYrYUUMEGW58wCKIBvudBvZ6bkVl33CZd8ZRH\nXIDEj7juO+dN3PyYwADVuiqjHPKqDxEhiEjE7yFkbyT+rri2QkzsITcY7wub\nIL//wEVoXMEkIs7YMeUV0ohqREaP4BWQCMtKlWF7c5tKfhRGTFqTha7jzHJa\nAfpXfQxe7T/1qntu/V0tvAlmMZ1CgDNFPIzMaLulDIQ+olJKMk9PLBA7cG+I\nVxqtN+9AIfFUuRa5G8DWEXINXM0d6T2u6sc1fXREFI1AGu6WhWE/M3xOaoBK\nfULAxjUWsO8jc9m+KBkPchImj82HRHRJOK5Q0HqxJ5oTv4+hyswcLuPyMAkG\n0CkvvpK8u+yV+1F27MmoE68ozgMVM2CHrHc8JO9Xnickn5uj0mt9Vm6zbs83\nqbOV\r\n=FanS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"61108ecdbe311b101b1b87763e8f3283dbb9dd50","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.32fb314cd.0_1597919779479_0.02026083023133629","host":"s3://npm-registry-packages"}},"8.0.0-canary.546277d32.0":{"name":"@material/animation","version":"8.0.0-canary.546277d32.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.546277d32.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3e88dd7122217d48f7c840f98a6cffc69beed359","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.546277d32.0.tgz","fileCount":23,"integrity":"sha512-6pwgyaZxercd0pAZ9KJjwne56Ra9yM9FK7GpD3Ty/yX2MTwAHXazHnW0umkTXD5CxTnfDzkBdu49Ki0bW5qn/Q==","signatures":[{"sig":"MEUCIQDLtg89e4LGmty4USZBI4OY6+IvIURTayHXp07DnmhSkgIgKNZIIm5W7KAWbBEF9r+33wnz1HlSOXhxGWHnPLXCzbE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPqfRCRA9TVsSAnZWagAApI4P/3R7YMR6+8AmQQ0u4Z20\nfQS9Xsa6j1zIO25mDXOnhBL2wOiGQszS2+EE95KUQyUbVZckKCaKRUAC/bb2\ne+7VqWZvEtXwYicXfZBqpWEBfLvQMIp62+XO7MO1Wp2n2DFnkkeMJw2gdyLK\nxlL9TeXg/2PvEVUVwSRT27hssHIqQy71/eFRBVeW/7Mw+8PXhAP45k7GsmIt\nzPP7sJMe4p4KECR7jXbKE8ew5gNdXg536v0mISAz6lJ0FICJxmtpd9ToVbYx\nmSOvVJIbObmT5FYLj8UHkoPauqz5nyucBsijWZnihrb6BwiPCASio6dZRla0\nvkxUKXb8vmdSxytYuHxMOv/bJyFiCkruejM39aHpjScARuYhzx6T19wtBtku\n9jFP5YVnrAR8VVKgJ7LHcPcAzbl9Mnga78C5cwkRhur9vDgfkzExRoRtSOjs\nHoIaRWi/rdXQQDcwdsH51Vr5ktaCmM1wDmz+WjI5Td7zDXnFQstYMW739uDz\njsmLix1exMOsFasjw4KgUrg2fK0/OJmkWfP4ku5XjoEZ5n2KRdSfx1zXEO7g\nOyylnoeRnPIqtMFIgKMx6auGVJYX+lYIe67p8dA1NEX5AMrRn2l1DKp6WNMg\nh8HAZhSNFYOx/r316y3s3bVpa36z+Y2K/Q5sr96THj/mgI1c7zLszY2cK+BU\netNj\r\n=iSX9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"1d97622107fec59bf3261ad4f1f3bbe21fb1ff62","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.546277d32.0_1597941712898_0.01507739683530085","host":"s3://npm-registry-packages"}},"8.0.0-canary.da72839f4.0":{"name":"@material/animation","version":"8.0.0-canary.da72839f4.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.da72839f4.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"704b968221fe5e25cd8283e6d9792601ac42ef91","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.da72839f4.0.tgz","fileCount":23,"integrity":"sha512-Bj6oG4gU5fJAPhG+CsHhzUG+NJolL9gzwMjy5Y4m0OSrgt0lFBSPBeHF1pr2GrLcL1Lz0/ZOqNj9kGLQXt0W+w==","signatures":[{"sig":"MEQCICgVJF5NoiAFAdg7JOW1HOYqqmc1SteyDTXiNG0gI2JfAiAi2YrZSX+eppKLEj6dmxt6RFs/jtXy1nLkHeWInTCrTA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPrnWCRA9TVsSAnZWagAA05YP/RRnrzf8dbsneH0yeCsb\nISxerwhotevy8Df8gX01Q7zpXRYEr768W3Ozv6PEQ4T4k1uC/U2yu66ie4K2\nXnFNp6C4u0YHagKwARtmSubyRpaAXp82wQbUHv33oQT9La/o8elGhJqaR5ag\nVHpIXteIG0ORA1lNMTM6r3LJ9ZA3AJtYjgIxaWy/AWLvyF1a/hbYNVn0rlC5\nh+CiQj7slQhO/35Xc9Uln1pdgneyZMLoL9hnqo7R0uTVJLMjuKASsKjAf4gE\nVDxX6N//4RrKvrkucxCq7v3pLECQLW89kHLe9Foc0nnAN8KbG6Nlbo5hM3Tt\nd/r8KoQAAqqKNordlGlBCMh0L3HaK4KSUBfExelWxbN4xpvKVTp+1dE6DCc9\n+byJUKexqywgHOTPVj5BMXcvPNmcN6l3ykN/XQPvhCHZ3WuzsxsL2bH+QJ5i\noVkaHO60qAr2hYAnYWRjclnuU+LY/JA2QuUCRb762c9fK4EfylKtX+5ClrRB\nwBZ6ssBKIPZizkIYcgt6NVyR05wodNhvd07CwyPG2ETXp5/SM1hBd6U0ZYhg\nxBUcl8+xGM0kQHHk1ezlF66vgz/sCXlsF4aaLBTjtEs3ub9F/2NmgkHsP5PB\nMuW6oEIGuXTAZ4Mt4Vd5ua5Bu1yzaqthbCANbTTjMZdBFluE66vTa0nJ6tC9\n06c0\r\n=pUYq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"1b42b69de51cf24aa95c09d0e08ae1e644c71335","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.da72839f4.0_1597946325702_0.1544995302442398","host":"s3://npm-registry-packages"}},"8.0.0-canary.346069ccb.0":{"name":"@material/animation","version":"8.0.0-canary.346069ccb.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.346069ccb.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"65b34d364dcd178e9f01d33f4d1962d9948cc059","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.346069ccb.0.tgz","fileCount":23,"integrity":"sha512-KtSKf+jb+LMxKMa57Iy0uuFjMw57DQG/T+kU+iDyKpKsv9pvwXUCIr2X8c80gB5v71gNtaxVMPDQBy3GQjaHkw==","signatures":[{"sig":"MEQCID4i90BhgL+fizYdjZNXageWcN25tcNqmtoLLjPW+q33AiB2TH61bAvouqZyJl3PoZG3N4Hv7TUA0gFB81NAAhZ2ZA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPr4qCRA9TVsSAnZWagAAWEwP/1TzBapKZEXDBegQmdGd\n+jVtchOvXU/kUR9GxKnQWDBPssB+CslYZQ0JNTjTuI8ajyM0l3nF65GoL3fk\n4XuzylhNG+34JjSEnOi7p6nocsPlwGxiHUJ+nPt19ZNQGxHZuaTeUqQecUWe\nE/dy7QzWYOKR0WyWSB1Z1QKlnGLkQ7/F9yIPpjXn1aQ2GN3UgPhhurPFNXFg\nmsdeE7RVD/is+kSRZFQNeobzuDDz0rUA2XaNPWVS0NmnzH3kgPjvQpLbXD91\n/uozKUofScMKXxRXRok2i83ePfP374HcFvELcZO9WNPdSwYL57TdkVU7Dts+\nx7FuHMTkSGQIifXipiwLGtLa5oYfSIKAIVx6rdtSlHEHC6WIUjc+HXzSYfD6\nyTRmwe5FhxamyxCqfYB4G6/xbYDPLSbJ7+Vrcv1rTeS/iPFn6E6jbTZ4EMzN\nfRit4AFbctqphmmBkc5YgfkfCp19a7LgNWJobqyHFNYzkYKkIWrM6QhKO9yr\n/zEY/aoBcpOYj58ps9STAQDx1Dgv54t0h4sKEqz+MRHA0hycuyzpajuiqzlr\nRlAY8KJHHtS8oMXq1sq/drGAlSmSTPjm3FMumLC/nVUFtUQ1eb81qd53g4LK\nfMj0o9REF9OpSfboKh7zjrOMmrU8bYcPubB2Mf2AU5pXHovMnSvlUFUc8bdN\nGZUp\r\n=RkoW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"cf298389e23ace16c7e4682ded1e492e489011be","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.346069ccb.0_1597947433801_0.9239606318737634","host":"s3://npm-registry-packages"}},"8.0.0-canary.e27c5802f.0":{"name":"@material/animation","version":"8.0.0-canary.e27c5802f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.e27c5802f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"424377a9b6858187e757d3d0a56bfab1995e16e2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.e27c5802f.0.tgz","fileCount":23,"integrity":"sha512-PCU5B6Tt82Keofml0I1RxAm3zfCJAl3voehrKDmpn2HzKWKGg7kj8dc265wvj/NjMImw47g/ddmIDLWe/rk6VA==","signatures":[{"sig":"MEYCIQCc/gZR5mQ2yg0GU4jvK2eUrt4WbKDTopeWVjX8M5vvkAIhANBT79owXzpihq3nn3oGyemhQ9+wa3rwTSL2vFKbTokX","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPst9CRA9TVsSAnZWagAAXdsP/2RVhJb9/8FuGi2NLJG/\nicxSmjEcBig0ZGxgi9G5I7e4uUfermf4fqzqcq6Yh9TRMTLSFo0AjclfNdDO\nCuqn2nlRSN60PgwkaD8kjcoVPHVfAOcpUnMQHj5+rU8RTLNLGF4+vIua0U8Q\naUQdHdfHs69nic63FZ9ToGAiEnfsrnKscPar3fUoPzVhDl2vzREgi5zsWpMS\nVqlXVSmWtn3q/ajj0m9ZGWe/Samy4xx2EmEooofwif619Tfx+jGqCDLR1dZu\nru4K01E12RZukOcjjzwzg4nqjInhkgnWm4+h6ZEl8AyueweitrcYaI2xr566\nfStt55x11HorAorllC5EjxLqCeaeHf6MKHKoJYdJMHfqj0YYDgiyYmHrxmSf\nc0bN2xJRu3znbjeS+PFklkWu9L+nJ4giw+z5YqM8vZaIfXMUINjsVhW1Ypp+\n/rMHlSj97Fgh2zb1J++US6ww7awFpr0HHPLbD9vDGGk1DzHRMIKm8DrLiv7C\n/2t7Jz7A4dJIIw8Ybk85wy2bSvoEFM+plMqCWHUJ7DYjXNJ06WYZXT/UtzkL\nxTSrKuV//CEsqnW9wOAZR8wwzKlUjNvvgekQE/l7hNFzvHi1rFLZLPdhBlCy\nnlA36/NvlZHOuBDU8IGM8w0uKxbX/Wg/ycYrTStdY/+VKey1CSTVpudSkEt0\nc6N0\r\n=Zr7W\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2c9246ec446246e8fcad54982848f7cd5839f69f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.e27c5802f.0_1597950845177_0.28861943194676054","host":"s3://npm-registry-packages"}},"8.0.0-canary.f4532b9c8.0":{"name":"@material/animation","version":"8.0.0-canary.f4532b9c8.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.f4532b9c8.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"105a41f574ded68e5eed75b8021855b046fecadd","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.f4532b9c8.0.tgz","fileCount":23,"integrity":"sha512-rpA3r/RJfeydJmu92bULkk805DS8GBUMjA0U4I7+JNsxsf3U1DpLa8930t3x1BR23BA3mahgTw7u97aM/+m+3w==","signatures":[{"sig":"MEYCIQDz8bH3CIslnNm0gEz8LBLK0cbqzMb5pVbpqwLnHo0a7AIhAM9a4ObDOuuhiP7KqrK0X5rD+8Vn+GYcQti0RvU0T9Dl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPtV5CRA9TVsSAnZWagAA924P/1cn5TvP/M8RBF8vWG62\nbwH3GuQ9omMER2F8hD4clqXxb8pA0sEmwriI2Ud3IjjGpNGMzc2mwdMHHhuC\nEBx2yvwm+M61RDtsR2ereKLGCcMN1TH3BF5HhCOtyhvogM8m5U6n8g+zsCxd\nHSJCJ8lEsYsHUjrSZjcsSEBumiYrIc1OaVVtI7kXc0WgykZfOPRyEhur7/s3\n2I+AzKWT8Gys6WqZ2iQfr/DlUfN2J4r7090dhA3KYcES3GPMQBgfeBjw6gYv\nAfolNhusKw/g/aL0L/FHYHpohYL8IFhVoWW19tic+/ph3v7G5PQtAMutniAd\nuXIdq31jNA/yq58KFcUFX8h6UrJnneHlSXACQO2msM2OBNj5Y7XQL96FeWXr\noatQ14nQq5ZrMpUnG+7Sv1V74/5/b3nIudAHijvJjWlUBBQkjCoNdfrfO5HL\n3wLHvPfSPRMytKQ9WhoBvoWcjeVGy8UwXsqmWT7RHl9DBQwcDWWfri6+T86M\nx7j1vgnr5J3c+oNT3Z4bCJ7ylUDmDDMW15o/HVnHzn8VTfnPNyoSmWs9ZHOH\noqd7tMlJW6n72u2KV5Hjq+buBT+JK46EFRf3cipDbltggH3M2g4sJKfFZ+RW\npXbnjJcCMRK5B+rChPKX0Vq8IV5OKR4LvAZVnLbWIhS65kxid0j8XcBNDD6Y\nDwOb\r\n=j3uC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"be56493a06963f21f1f5343fc6db3accdc74216d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.f4532b9c8.0_1597953401141_0.8872366404393266","host":"s3://npm-registry-packages"}},"8.0.0-canary.fbf73c2a6.0":{"name":"@material/animation","version":"8.0.0-canary.fbf73c2a6.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.fbf73c2a6.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ce056e32c10cfed0635c142a74200c3d8494895f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.fbf73c2a6.0.tgz","fileCount":23,"integrity":"sha512-6o+NttYKj8IPGv/srDAswc/MlRMTx5zpjyghyIMkQ/b3HafzHQeXCD6rYTBWSaMx790vNbc7khrJwTnMWTmxHg==","signatures":[{"sig":"MEUCIQCyIrIe/2O+Yt0WsVb4eLAlw4j9CIwrR9tFUXx4tOHapAIgJbRymQB59G2Uk6NwHXBsLPQFJW/43h4yvsfR6CVbzEg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPuWGCRA9TVsSAnZWagAAxcsQAJqU9/Cwsz1MHnANvDLC\nGA/9/XB/AdyTJ3aybu0IVQUfZIPUt+KgHPJGxI84pvkJ/o0tx6pnyu9GjXBj\nbqCPlMvv0O+MzIQl/D4Jg40+FzcfmtI59XgBIJ8SBCq0r9WFtNavKJj5SpR1\nC8V1L8ji53lj1zC+cEGHy6OQ+aJE75ihC3QNb501KD7sLyB25TJxecpApZXx\nFp5CzU1MckMY1Zj3weaSL1WodBktwz+qOz6+Il7AUdSKFvieJL9/QdevARYb\nTOz8t8f/ayhIAwnx0Q/oSnLqPJKBkiOPNnhhsUqtwuMJWYc4kaRPtnaTcz7E\nJcwMUXP7qelvCAHOVYQqJYybjQ7NgiYW+2/YMDNgo+ykPbKYKrC28tQWN9rL\nOIoIkorWn/lnzUeeeIgEwR9sPHswkjAMg2SY/8rMbkkXKX8IHWnztNS8AyIV\nucKeL2OdYE/Rf8SA2BjYv4oXqTCG+r5heLnlTmi92ZaCNcql5lHxf4Bs2QO6\nJwtCNG8Nvmic2kasyht+sN4LsAzkpOFLqt6RrkGc6uWN4L+b2vhzv1Zg/Ibs\nCFUYJ+VHY2lLysgaJ7hes9DlXUr2NIlCEBO080q9vR0hmL2DM7t35UaB+QUr\nLcTNvG8QSqTzstO6OsXLi7Yljrtd+DLEwg+ypqykJ7sReT44tEn9brJCyqNE\nG+27\r\n=oGW3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"64db59647b6d726098d0871993ac5c563d92be26","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.fbf73c2a6.0_1597957510056_0.7653321221650071","host":"s3://npm-registry-packages"}},"8.0.0-canary.cf800124f.0":{"name":"@material/animation","version":"8.0.0-canary.cf800124f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.cf800124f.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a25fc2b214c8ad5afc8de8e160a57ffbf32436b4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.cf800124f.0.tgz","fileCount":23,"integrity":"sha512-lobMPa1p58K00hWsCymK3O4BCGtVX75FWW9bxXXrw/43ElaYZVhQ60Rqjw8tPiFVETnSqxndvPqG74/etnJdfw==","signatures":[{"sig":"MEQCIBWe/qwOjTZG47asaRGqtddZ/uidwn1fZYj0E1KBomiAAiA973/TOIfg6DvU0fdcW+Gr8LNT/9lavUNaSRspQH6iqQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPvBnCRA9TVsSAnZWagAALR4P/iDvMhlaouUJif8PUTOq\n4Me+gVxPtYVzBw6UbbA4JM1+ALdctYHmKDsGjDth4P4ddJvEuE2QZqHglkwV\n8fQSCjBU93KL0lXUuhKu6i78EgipatkOHOCj2zJV32UlfLfggCp7hiiojnYY\nvdpt/p8bqEheRk/NxqvnEfVq3muXbBuPkEpdz3sjXO766ad2wHqZw9A3zeU5\nxrmLgrwDwQ4Wdc7kvZegjPP2qYm3O7HSdnsXdsBBGekglwYChGXpLDS7dCyK\ngXsUYVN7xO26XzYCqy0UjOA1UurQ7RsKaGLdZ1DZfn8pxjSpxT300Nx3O2UR\n6oA/OTOec/avSvd/Q/NYRWBI89LEOtFJG7fntxHtHtX78lJ2Rx414FNWRxok\nhH2pYjusxxNY0TDAiKUszUKmzI0DGzyZI2JYmZeUQE88ko1DdOFaFlBUdREw\nDFGnICp19QzrRRnuIIPYCo6aSpwjY+emNWaSwupOt5vIKmd+l+tB/SnWUjIk\n4rMgTv8/2giL/nzhlCp4MlqRzqXR3IO9mrqIgPSgMy+IYFaX01Ni6fwJ+Hv8\nor3ta7Bnu7MUuidmwN+PwY7anHjjs0PXyiMCxdJgFcScaV41SQ0ZMufMpTwN\ngLI7qShUfjfwWEJjNzUov4tZMVzlFTdfCOzwRCQDZi6a0U2wYoaKe5YsVNny\nmYSh\r\n=aV0O\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b15bab8ce97a47831c29a3b0acf1c34e0533b8e5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.cf800124f.0_1597960294904_0.20995892259724558","host":"s3://npm-registry-packages"}},"8.0.0-canary.95e4eeea7.0":{"name":"@material/animation","version":"8.0.0-canary.95e4eeea7.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.95e4eeea7.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"62efa51327e4cb165712402445175e22a0a44fa4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.95e4eeea7.0.tgz","fileCount":23,"integrity":"sha512-Bt+cZQnIg6xbd9IOQX0LVYiD7wFeA7z4ozHW2inx+RcvYianBmMBq/j7csat87c0Y6bCirpHCGBDfz6435XKEA==","signatures":[{"sig":"MEQCIGzlgmxQF1kmYeAh88Nr/8UXrtv+qjYSolNtCzpE8Se+AiBCegkB5ypSn9ZxgdYUbEUQ43+DHrYEFNslEXS74c3Ozg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPwb0CRA9TVsSAnZWagAAizAQAJWwxI3d87xl300eTgQr\nnRW5LcqHTMkN6YQ/uCNoHWwPIgCf6D5ClULIiyYX2zrKpUYzuAVAVjR7kdky\n8+UKZxHV56zh5E2QElrDWCg2DLH0dfKSdceRDt6jZlW2DAuDS7cg8VFTH0MT\n4eAjKsUm47qNlDBAdJu11QgZGZesVGE63ZxBkYVoe//cwSIRIAZC6O6+D3sw\n4+Ec0oSDGcDrFkHDZ09lq5pOAazC7Q1IxRaJr/TIrp5mtpNIopupXHTcjEIl\nky25N+TnOz7b44Efmbr80ZSwDRUg4Pe7LZBCBguP5AzJntKPWPFQT0nccqqy\nXqtK07qhxVrCSZY3H441s958DTB5QJcwNwmfPajlS6lJNf6jkU23cyq12u/D\ngr1XpKXZwDoYp8Uf7b9J1MxdgGNApBysAT66MitEHRAlHipFN2Kf8U0ic210\n38o0gDwXSg999QJbBb4TxEDt6eJF6lxAqCUjeBPKt1BulqRYm8xF3kBYkoN5\ntHLK5qGXoBuTWrvyC1zrxoeHTGFbg9gFU0jEW6fH/0vhBNmo+/oRdmIyYc79\nTKzGNgmF4+iWlESycr8ZYOB1ve+ws7LKCXBt933J5lvFeFFqRsElEVeRo5MH\nS7M2vRLVfSAts61JF0Zb3n1pCS8bmTGkl0oIiXtPIEDenDgjeJ9tIA0NNVB+\nEi1P\r\n=OBMd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"be1ca8dd4a02de91f796aff6f2a9fa745f02df13","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.95e4eeea7.0_1597966067959_0.862048455444465","host":"s3://npm-registry-packages"}},"8.0.0-canary.91ab1c62a.0":{"name":"@material/animation","version":"8.0.0-canary.91ab1c62a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.91ab1c62a.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e99648f2bad454885c340747068f200029371ac7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.91ab1c62a.0.tgz","fileCount":23,"integrity":"sha512-EQ1BNIz7WlZXnyQ3O0PhlDV0iKeoz/CrXZ3jqI8r3A0CQaPIdYop41qPXGRkIQIfexVoMR9/iu/OItXGJEMdJQ==","signatures":[{"sig":"MEQCIFg2NNgeorb6jqMS6XuB7OXi4WqAczG0azFe4gKEhUmgAiB//5UuxXm6so9A5BwdGpxOzodVdcUqQW7H1rvfK49Zmg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfP+PuCRA9TVsSAnZWagAALg0P/0FT1gTIW/kVTvZKskG4\n6b5iYXQD3nVBg6QBrM8cGE0YnHuVBlGyDNXF46x8eJ4j9F55FM7CqACMBFz0\n8wvt++bnFp1NjA3ZY7wppi8JCaXUBy3ZfQDXb/wSWf3RhXAoMuDrVun0qka5\n5AuxXKwRibjHrmgc4psUknSCqydgkE2DL3BX9rInMPtwzVOHwAuYKKXbjuSt\nyRCz0WBFOPetIN2nxW+rKgqZ7GV/cvv3dSyPYat+M9ki4GCAIVG2o/nE11Go\n4rW3uSSmuCVavpyzdYMcl8HfJoNHBH8wKN75HO2WgVpNLUiyAVbtyCUuPsvP\n1K6hn2r9Tcuc+tv2I1nGm6grjgdLyyIFdj4nDK7DHdiElDQ+0PhjDsSvgHyv\nvzh1DOiVoUglCi9zsnjmJRzniRqjGRthqIadRsFD60jIjitt8RkH5VZ6f9+a\ndz7uLosbvwtZvwiyMRQHtuBEALrsbrcaaEojPjpmvBKrMRyX9L7AID4HMnHo\nqFB3k2JRbWzA7LNTeg1NX5ruJWzew/RrzMf8S8D2qxCK+syoFYkHpHQZ4ZG3\n8eLETalK56q9ehPJsSkMVnVubOE/el4/UmhsK6PGF9aRFNIca34EpZAi36wj\nZcNJLynYeLeb7lAlk5XHHaz2DwUBQ+Xd+fe/EWQeL52pGuOfxFO8haXTTq40\n/B0o\r\n=oDXR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"389b1e8f2b60ae90730087557ec80e133f0e0129","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.91ab1c62a.0_1598022637483_0.16741268423757405","host":"s3://npm-registry-packages"}},"8.0.0-canary.58eaa9f02.0":{"name":"@material/animation","version":"8.0.0-canary.58eaa9f02.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.58eaa9f02.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"33bdeeab6b49a530d35d6f7f85a6b3afe6c0ed78","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.58eaa9f02.0.tgz","fileCount":23,"integrity":"sha512-kWJTD/WBAMxkmdO9ELOPC9Voh4B733P4RXo5FHwSnW2Dndcn6ftMb0bFQeQ35xeafrt/FX8QgHSkLbA3cspqkw==","signatures":[{"sig":"MEUCIAHXQelYOLj0xeF8u0kmOgnis6ix3TbF4Vr0Ss7lXu90AiEAtbObu6U7amCuyV0wMghQuMILAZOYdrR/qNaSOq3ji/E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfQCeZCRA9TVsSAnZWagAAKYwP/RpFrj8GaHO2gz1NGUAH\nN3Cy/lsNnwquT1AX1CjRW6oRI+dAU7vTr0NHwfPCCP0uUuwJRlUTlgbt+ukt\nkfNe2UU6LreDmM9N2mUNX6J/KJCGWhxW+cpF4XWoh68TyWWIVGF6GOruq/yg\nQdhT8DFlXrWP9rPXqOrKcTa5gk/Q+NN81JckYI0xIWSg2e++oZ9S3pdPFHrz\ntIDOq6Lr0trJhH051H+KKDDeTyDV5Ezw/KO1LwmBXYaS1CngQQ7a2wQ8Ze/8\nAa0YTp50BAjR6wpfOEL4PKUsoOUCbpY1FjNjGcVnGUhGy1d+3/W/QbVz/M1D\nSQhKWXhM2L+aMxEeOAU4LeSO25PYUZHtrHznGOcKlGwx6INNQDq8UHm0Ycjn\n0+USWwtjt0qVgtiucdPpGLEgzjikDgOffl1+BN+/XTe0M5ltM6/Mt64vrwVC\nIFFds4zuajzETk0hf6VOOt/5fU7fJjLIBtanPJf2nBJBtc2YzgyQrkohMgiZ\n4CuMr40OsSifI5Te/GbdEAD0LuMVW/jM1+SrXK67cTuPqOSQrh3IHf8Djfzw\nR2mebC43/bH2pwBJbw32tZ+4vd8rab6hPdvaUv0GjRvYjQHAGCCSP2NrTqcK\ncgo4rJYgdE+JY2GZSUYqn3m+Q3/tdKfKG6axRbwgR7tp/fwegFojCL0x8YBs\n7RFh\r\n=YtPN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"9f3944d638392fa39379eeb30bd7348c9578f67b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.58eaa9f02.0_1598039960877_0.3618587779259961","host":"s3://npm-registry-packages"}},"8.0.0-canary.238216fc4.0":{"name":"@material/animation","version":"8.0.0-canary.238216fc4.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.238216fc4.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"742ce28496c2c06138b8e82e0fa98404be71800b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.238216fc4.0.tgz","fileCount":23,"integrity":"sha512-2pZ9oWt9O38e2z+TyvKlh82APD3HtS5yvYw5ts+UgjssAybMCCQ4+nueXcS1cfRKHg5TR3grZKRfOHd0hu0aiA==","signatures":[{"sig":"MEUCIH8Wt64JSAG7YPF4lviiCcFqUfZSzWEictDNkQ5OrdZrAiEAzoI23CS2OZ6u7CDl/ZUalR53kWgJm9TxgglRgL2rkqo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfQ981CRA9TVsSAnZWagAAtugQAIBwrMuj3ocMOxEc/bje\nPY+CTKkP9aYMUogquOsYcgvTiDGdzlA7nk+oHERLBZhAIbvOG/VH7cdiIlMl\nfhHfin63bgJh2KVimphCzYKf/9NW1vBns9onFk18MVG8Wgzv7FgBmVtKdrMN\nbzolVe0tI7FSVYF0h9lUYjVauOcv+pbgpPyXJSPxZHXHEfpwZwBjtl/RFUwS\nTmSBufud30ML9UBJTDFikQOXP57SORWL7SurgFXnp/k7cVngUtcgalw4w8rZ\njCtuS5rSCCgOQaCqzVAS5hTXsieVeiBXi/i5+UYlAH9QoSIMNycz+/4v8qlJ\ngQ7F1H2udKBuLSYk1v9pElvwBX0ewRKStGwTHWMCnfy4F4Q1RiFtRICT+L1B\nv8yXWSBBG/kMvxc82pncimepF4wAodGt90EG1bf8A7ilRpq1CSmsvsx5IJpK\niBzlZsjydJ39pbPKw54sOhbJNIqm2cSnxX+3i+yJ/tl/HilJHZMbVkfOgeDC\nQvGVr5eFwiEflBHbA5JypU3EFyoMb+Ue8E9WktJ4ZsQ+moTTKZW6wmAN2RWj\n9ZQ362J7kc1ptZyiUqpVFec62/1qECg4y8X692bG+G5enStGlqRYXVWosfL/\nqVh7wnzFj1HWKdx3pXfavGZzTWHYvha3PEmaLSOeZZQu7y4eDOqD+JN7w96R\nxp9w\r\n=MaU0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e224b287e176f866661b15e2ee791e17fcc44aa3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.238216fc4.0_1598283573405_0.812673195948721","host":"s3://npm-registry-packages"}},"8.0.0-canary.a1c65593d.0":{"name":"@material/animation","version":"8.0.0-canary.a1c65593d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.a1c65593d.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"eb6a602922b57d16fd635cb0079455e7da070a7b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.a1c65593d.0.tgz","fileCount":23,"integrity":"sha512-pHu1Y2SX6hU/NdwTWU0c6eFin8QSdW6EQIXsqlR0qyfB5bL2FLS2VglqbbhmAdTKgsHRla5ywniP6x/ITgBW/w==","signatures":[{"sig":"MEYCIQCORkxibrmrPcad1EyTmv1dHWzCCnj5nHKOy8OvfOpBygIhANLMZbvq4FUQZfYxdXUjpozOwcaTAiCONr5fb/qQc3jn","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfRH9ZCRA9TVsSAnZWagAAPO4P/jfnvf9jnE3ZKZ2ah6Tq\nK8gtgDohZhE0ifSq278sZCBTcW+gjQcqhezHz8Ciui9cOVpsvaURRj5PQYiu\nbVf5m72xjo+inyW/F3UnBRUYlJegDrtERJabGIEak0ORrXZCqwJA2YL9MK4H\n/NvL0DAb8Lcg5jbZuaEkMdkh0ul8zlGNbXMy/g0ZjXCdMSmI3lYzBBj+BjXU\nW6u53k67Birxm1RaLu9I4bWutf4i4oOJuS5VUxZzA0QIPmooKqczADPmmgRN\nPO27oCYJpUup2HoscTOPss1nlHN6bxrc8B7OzoZyy4lCXQl7LPjDeiMyXeq6\nrI29XBaJk2RE8uKlCP7CyGfsMu3dn7q9KUYLM4DqG/LkSKQd4WsGR37zXEKY\nWGsvkR7H/HIuwvFKU/gve4phVmqYufTR8G84kBZlG/7D/EekhpAL4IV0YuW3\nLjEaqaNrlrTO2qlF25INVMofrWr/EDMeCb21qyixRXICR8mnZFwdxAH/AGyy\nNJxi+hnk+gaOOM+H1Ra1lBeuNtXfBwk/ssngMF5XD8gTpMgrR3YTUZbnbadr\n2WNSDiMkXHTwskDWcjhkE/zsM5UF3eYRqD3MRN9Vg+ztqM8hYg2+GIR5ZVc1\n9InZoL2ktYpD97+NRjQONLXkbHpe7gegcMHIsAHxqd0zyOBjeRWcKntGVaUp\nGOIk\r\n=3w9G\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"71fc6b5e7b16ba7f6d37b724ad4982780c9c9932","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.a1c65593d.0_1598324569037_0.6196427058174694","host":"s3://npm-registry-packages"}},"8.0.0-canary.708cc09c4.0":{"name":"@material/animation","version":"8.0.0-canary.708cc09c4.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.708cc09c4.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b400514a1e20edb28521bf5eff039731a5aa6134","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.708cc09c4.0.tgz","fileCount":23,"integrity":"sha512-RkvT16j0l1bLGhEVpSPtpEqVvGafPLxxlGqckSxOokyJmkkcX5x1oAQ4RRe+JgyrM2EPyqd8bMRcjHfzTJreKg==","signatures":[{"sig":"MEUCIEQjG+1cQxIdhUwwzBCUnaXFw/3xquIsfO/+X4xN/AF9AiEAyN8aiG8mxxP57YXOm/TrMvNBoszC3ECJKIMq6mkA3Ic=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfRTRnCRA9TVsSAnZWagAArzEP/0WHluGhJn7QTW/ne90B\nhDVrZuhQG+ny58oh8yZGpERk9igG5bCAZG3AQ7Ay2zuB6s3WqaKYIrqZ1J6c\naF/z6XUlE+EG91pgCF4rpPCRdp23Qf0nUy74F77Sk4+QRJ9Dh0g/anMs33sN\n5CKGpVoSApDcyHU8WzpEWX4yxKSEhRh6CJpIv0GXOgUTOM5mmuqyjGzJUlvk\nbzgtZ2evFzXgPUCkuAKFupxdkOszSm0Q8iKw9qOFU5UNtKaxQNPB58bIhh9+\njStvS5T2uog00h6tU+HntCaPXyRtp+hDuATnqOVMQbmQt1CsjrRvHI+25KPU\ngkGA+wTP5F8T33s94WVyQjauI4xCk0JvItL7jSld/46ocuchbH61hVxcfboM\nudFsRg1JIMWqQrRyO8xWIa5y2zqXAdx4EDDcVbDkzweMzOtYJQn4nHmm+EQX\nns/eBD6aT0syjBw9mEN+Xk+CA7NwDeEw/m/ZEwDNh5aqZOEWWoQVsxn7PvHz\n1Pfu7jVoLGbLULTJl+eSGIDeJ8RSiSCZ3KizLh+6sAbB9NlB09B34Glyw4g8\nEy1iFPEUn0P8VXSRSJmD60WcfAJEetaZThnqQ8exl9X6zhZngsMgAFZEVSea\nT9YYdXh3jCWidMoznxNhuT6pTztqMkITN+xk7SiDuupBr3q9HCTBBD+mmymd\nYyO2\r\n=8cOg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"41353a40a8a6a80ac6438fa702cff9ca690b897e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.708cc09c4.0_1598370918543_0.1229775026369504","host":"s3://npm-registry-packages"}},"8.0.0-canary.19bea2ad3.0":{"name":"@material/animation","version":"8.0.0-canary.19bea2ad3.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.19bea2ad3.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f73b815052c87caae3fcc86565924475e48b7565","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.19bea2ad3.0.tgz","fileCount":23,"integrity":"sha512-Ya64QoyUdm+AmiVzhAvlevoKjkjoXbuFZz1+sxvHOpN3aP4uPHOWd1SpbASfnyiYY3MusPKe3ww5ejP0XAgZaA==","signatures":[{"sig":"MEYCIQDJQaevUe8zSIWOCTo5XoaJZGx0rkzagA6PB5wisY124AIhALo4IPFD7rFPpYkOibA8VMt0i7TtMdq76VVi0LER/ceS","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfRq5wCRA9TVsSAnZWagAArukP/2Wr6EhInrBYr4TvSwg/\nf5uMZ8bKhU+fmOaV2MczCRh9Z/TUQnYC24Wlj+Nldhwi+aMZsTEuI9Nxu98E\nJaCBomCNEO9fIvbKciPkKadnl0mztjX5Yukaq48PrP8nss//ddk+e/ivwU9P\nsPwpAHwVNlDc2ADje7p4pd4HQQpfIkfUH3QdXIu3KZVFZrKCbjnhJZ+e8Qlc\nS4kR6LtJzIfWyNG677G9L1w7MW3hMBYqH3ZeNuWdiDsk8aQIPRoCbf/1K3om\na+71OaYHq0VOrLQsGTTdF4tH15UjbvO679/5r1esfGFwkmXkcfOzjawyaIrc\nKNBYGJ6+82/hxpznZjilCOsymtFA375r5ROuI3EHZBBoF6hB+FMefSJ9ZUsh\n8jaY1zMgyJuqDVfbTj9mY3lp9Vt6t5SSEepDsg9ieH4oECPpJAEKrFi/pBQb\nD4IzmaoevqgGqZEIcWLBDeyVqj8LuzLauhWWK/1wEfqB0PTOA4akBybyGTuT\nDlbqFwvNVHAhyfYv5chUWDbUPMoM/PTh7UqxifVmDx1yOOHuCDBOZ4dFJuap\nonCa8lxL1o6KDI4XNAeWNzqxfAwAyW4oU2uZgM/ozpTJyC32Y+QmoX4sCUpi\npXKLX4+5aMHIYKhrudfnSv3hZ8IoOjJH2A48t9PF+UuGF8H/kxQAPNNpyn03\nVDaA\r\n=f+id\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"4f1ed83b6a09dd3e7d24508d420cd99be9dd3893","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.19bea2ad3.0_1598467695814_0.5992282471312405","host":"s3://npm-registry-packages"}},"8.0.0-canary.911014711.0":{"name":"@material/animation","version":"8.0.0-canary.911014711.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.911014711.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f2259985169059b73ed831820b6fa7cc0c6a5818","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.911014711.0.tgz","fileCount":23,"integrity":"sha512-3baIeS4oDHJt4Zrqj1eIhAnd81RVKSzYcu+KtD3KyA6l+dfa0c8FMUJceLbR1xq29moWlPOxb5nIBRBfzFKCEQ==","signatures":[{"sig":"MEQCIHxFbAsP3vAW5YA+zACxGZjmlrgWT2v+0qnu0PwPzDDxAiApwR/UF/RjMjFmfWknRZij1Hk9qYHMB+haxLz6R2KBZQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfR9odCRA9TVsSAnZWagAAbVoQAI28VNFthCGQQTlVwcFm\nv2Ql20qEknaP5+JfSCsFykLx7d8rqDG1W3fpinNLUxr6EjQhFXHvL/I7Xu3F\nCIezU4tq2entXE0YN5UfbFACKw3RV05FM+NDwTn7KD+DU3xo3zqyxAd8roS0\n/dhHb1UxpSFDZFXm5FDBfwbc3zUUxJScd9JtxT87rhy2S3nhmgtPrnpZ9nU8\nlUurMwFUvoufqGpq/vjhYrkqLB2miwC+h7wTktIQUbqsC8S+NXx5noVFx98d\nyeMfNdNQ0d3Ik8y/LjfztlhXJsseVz3MknjLpDWja2Pqs0/6tW/xmIQ5kTZt\nP6BLhXuGAWvYR6KchNmSW2QrRC+mD3QEDyiSJfaCYtX//Ns8CI07hyt+5Few\naFC8JclItM6wyUBrlf7pzohniez4TiXwTIuzgWY9Ca5bNtSXYHia4k+ti1Ku\n3iuUlGXUceRCeFxFOsc/74S8ZUWcSqQzMf2noQiYMhBwHfJYGSR6Wh4bm8os\nztLMf9n0ZsrPBEFOpvSVa0D1tTP7uqD2g9yaPLo7GlaYIG/UmRpfv2QjuV03\nCDIB88YuHA3uSedYzmBtDg9nLmaGihvAtX2vqpEf91ypnxxm2VNc+mtlT1+B\n+0bRyulLs2HyFbqIyz5m3TLyGQyvQQznpU1KPEEqpjzhO1f6GD/nWiDS3cr9\n7uSW\r\n=Eflf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e0563b839594887804244d231bec5f415812fc4c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.911014711.0_1598544412649_0.8652525762907097","host":"s3://npm-registry-packages"}},"8.0.0-canary.d3387f54c.0":{"name":"@material/animation","version":"8.0.0-canary.d3387f54c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.d3387f54c.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d0accd6f91e37da75d1b144ad5ff8efb8f2a0945","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.d3387f54c.0.tgz","fileCount":23,"integrity":"sha512-lYjjyrfBgNcKnjyVowtzjjqSYV6WMBD/FLPCUyxsbl0ywe9BaCS6SP0NVR/1rZyyR35Fq/fgokoIGiVTiWjlRw==","signatures":[{"sig":"MEUCIQDPtw8JoxTDrpiQcDlCMnIVxZj7RhTSPJEY2qjgkZgf5wIgctCLpkMPc9eW+wTQYPd77zoGJCSOYbkmhj/5Fiy93jg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfUVeyCRA9TVsSAnZWagAAQZ8P/2kun7zkx/tGEwEu5L8E\nVcXFRMvhw9kkMJySvfx4Xg3KAfMkqQyuBxRmkaTm5xDyomZaRZ7guwknzK7d\n6LQhlcdfy56hLeDI6uk4EcJp2iEVNxx9o2JsNVM+G9fVpNQPrbmjPTsczy7x\nZkBlvkTPEbIex+rh0MlUSbMo0MPwFTcAHvR6pnSFqsIVPaoAH2TIKHHPE8L4\nQ/LAc2nA4FbEgwBQRA0TwBrPkWjAFd/X71k633fWLdn3E0J1l0nO6JV0fyjQ\nqzm4h6IVUx/I6QJj2j1tyVjStZGoeysSi2LknshyvmtZcUeQyIGUmuFZBe06\n4xiPPSFJ4xU6O2QGWK4llPjHhtffD61gnheMkRx7vvJfWdhYaIAfCVN5XI/S\nFUQiRWojdd6Dz3t8K33i60+X3YM8lOwUcXztH45wGGN4CocN4Ik3QqsKbLn3\nQ/ClG8wTNGoPuY94r6XMmIyyyh3abEimLYY8vkUD6KByhSe+FtaKnRM8B5R4\nnyX3m8ew5Srd3nI+jXsIW2sASvlmkUWdLp9Dmp2vUo58CVHc2A5lo/wpUusQ\nqG8vAQxiZC2oKy2pabGKLvvo+M7Oc1Xy3Na24ebBLVcyug49mA5UUTk3jn7z\na/hlFI5vGCEHIHgMhsz/T1P9Zyh49l8j3eacnxW6q4lz+4bGCBmvyD1dahxa\nhgDR\r\n=3NZ+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b8c159d735641688e2fc1631ac7a98134ac5fbc4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.d3387f54c.0_1599166386341_0.5002196436571751","host":"s3://npm-registry-packages"}},"8.0.0-canary.2ccf996cc.0":{"name":"@material/animation","version":"8.0.0-canary.2ccf996cc.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.2ccf996cc.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8dbe6cdac2d64cef24f55f766a4f024fd866c8f5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.2ccf996cc.0.tgz","fileCount":23,"integrity":"sha512-D5/2mSOFPthnE4xWl+PjaWdN6HmWf+LUfUJ2GAWJ6cBpXhVKdFwaNrI07himRHJJPKpJSbhaoK+QWwgHI0merw==","signatures":[{"sig":"MEUCIQD52L+N/ZU/ersowvkAWLrfmWJhVFztlA/wbY8+IN9MKQIgS3IB1ISJiaSX875o6ezTS3zmMNP7wUuOXq/2GGALH1Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfUVfICRA9TVsSAnZWagAAHTIP/je8OjQD2lpuVhKL1gzZ\nZQ9mKLEwENeyi85pucfsoRHotwXuqU63Jjeg0suZ5Gyxxs+hVPNIdsdCCKFZ\nLABd0hTSV+QR+RtlPMSPOPKxXDUUX3qfK/i9/S5DS+FUBbq979QZHvNOwW7/\nPm45fobve9nGyvOFyNbeiHZwdr8p/ryvJxj0CAWLrMauJvZaYCH9IzgTKTE1\nAk35qh3nQIuCIvXUjIfUGlDHt4FBTJsu4/3pQsCOYziv3i5FnrUQ174JwnI3\nsnuYqSQc60hV/uPRbknFL97kwuGFQnJ+S9Xchm2q5ZdvNW21aJV+DJIGSP0u\nqdIKppF5wgYWUozS4bhJPk3Ck0uhYNUcqQTIaxFfvImb77denmTz6YywQqcq\nsjEKe9BEqosdc63kMAqenXqbavNE52+14tMpf/YPx7oX8ZAtZ+Tbj3MsgCMM\ntn36K1G+y6i8ifcIQPGcC1kWv5xY8nC6PGHukNsS3t2a3tbd/FkzEDHaBj4V\n8F6OsMgGkRzsoBxrvCqJ7RXRas4MuW3ZiXgnxb9h1aJT+WxCmahiJDgalYs7\nIKsX06oEFkZHmCvc/IXW0KD4WiJhXGLOYmkt1azTIetjDGqs9cMGZXuJEXiw\nGRBIJQW1SYONM4bqv+EHNypY3eibvE8blQws//gy9GPzC5OG8cPU0jrmLbVD\nfoEi\r\n=Od4I\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b295adf5299f65a654963fa774da90dad3e39244","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.2ccf996cc.0_1599166407583_0.1796225501796065","host":"s3://npm-registry-packages"}},"8.0.0-canary.744bfe5d8.0":{"name":"@material/animation","version":"8.0.0-canary.744bfe5d8.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.744bfe5d8.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"066117145967331f2352849eafc95bf7291b99c3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.744bfe5d8.0.tgz","fileCount":23,"integrity":"sha512-m79Vzx7KZpBn5ClQgsfzdHtGTGeSiG4dt+ofy4NLrzVzcWMKjtuG3P8CPso8HWFVKLTCMfPypbUPl3OPQ+6P9Q==","signatures":[{"sig":"MEUCIQDamRYqoOFRyoRs6vBgXVAQazTN5/u7t3JdqznHrpBZmwIgRMrJOu+ilLDufhrebwoT4x3uVZv/VDT+3hhLrDnTBJQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfUVf1CRA9TVsSAnZWagAAnXYP/RNXbOnUtzDkfzeBg1dG\ndW08/lXZAdhBGtrjnR/vhjgfhJTbqVtwHlsoPF+CFL2eNhLQXsBEHJCNChf1\nGx7/WUwISKRtViYpLsKIpUNsrgAGpGT/AMbPp+hBUCL0c+ud93SUjTx2Qu0Z\n6WQnH2G/blAXbH/TpP528mHLojOBzU7zHbB96VLdwUmsJtVp9P1fcO/2YCun\nNZ7Hfq0UmKZNTXvjE1NeOIhaZL2PVW4sj5baWezz+evpdo8KvQi1SHtbez9P\nmrZPXsQiOom7Gs4WtkJELogXotPdXXpAg5M9DhPyNAbqNIWWXorU2feJZciJ\n8FIg3+74jb4W7OMmT+UN+3UGqmteXAyg2VjlnBF8LeGxhPpAZbDSVVSL9pDr\n7QomEHVdzZsVT6iBUbZxmEQ+D1pylCxH6czrQmeSIyAWAGtOHMozPzTTcuIP\n0NyKsIDhBFfuYrG/uE7KGWc6aT67O732W3uURBUghAQMwcntVGGCBWS4Coyz\n19bc36FHfEZwY1KXI93BV5F6LZU05FFJGymM8TkA2iLUqLBkAl4RxXtsvhe4\nw37eiP5ykwVi3mofBFwfKUgdZ70ZE+L9RzDMQsT0CyfxLFKmaVjMLsVhDo/6\nsO6+25gvTy8tXq8Y72BuBJ0LxwMbpwqB3JdIkpxahJ5UKl0IDVJfj3LPBArt\nsg+S\r\n=uu1P\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e8e9d5605e05fdd50b88c6ce659dc2ddd8ba768d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.744bfe5d8.0_1599166452760_0.06568774320558668","host":"s3://npm-registry-packages"}},"8.0.0-canary.78da96eaf.0":{"name":"@material/animation","version":"8.0.0-canary.78da96eaf.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.78da96eaf.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ae416eb4f30d3da889a0f299e53b4957063a1a84","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.78da96eaf.0.tgz","fileCount":23,"integrity":"sha512-MvosjUZDgyp10hUXWFhtxzJCHjUIznSGYk+wkdif/8ykXTk2qOqM2JKqUoHs1TSx5Tv5RbgEcMDYAcF4quXHtg==","signatures":[{"sig":"MEQCIEqorS99oEEoPXbepGKFg/jevZcfysMEzy1Nlg5iiK/wAiBqUNwiRVLG1NGvGrPxDWRIyK2Z33OVbTPJ1INh4UQRQg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfV9dvCRA9TVsSAnZWagAAHYkQAIr3Z/ODE5P0QD9cpFhj\n90nOiA9IIJ7ka/cemoFCumB6TqtolWI8oQrNlGZtn113SzoDhJf0aaHalP0s\nv94Sa+ayWb9bGe9fXBPlGz97Jd0UFeYXN06qOCqZqGJap7BWoeT617SzATcJ\niNH1PJ9KenXmkg82nJbbabrUEAM1wYfOUuO4iNREfVLWycKr4MjtkCnYOWDV\nn/ODtZhsme8tz4Zvk99oDLKduXI/2aMdUWCHv2B2HCc/QW/1Y41vqI9jNUu9\nF5eStaVfO+PlHuWKORrGZ/tKhKpoZ0Qnly6/R8oVA8QLFdgG7RPdgfO3Pnes\nU4ybRzy8mgP2F86Qy/Lk9vwjEcYldwC1guTXZ64t7R2eKw89dGvZc36dNLC0\nRvVVLsn1o9RyJn3PGBm4MaP0OJP8NJMjqtJL9/zona7soibfFGeoudfn1Nei\ntwckZBNms/BGhmSmcUcx2CKM5q+TdNJfpAca4RQiLlKfk/gL/GeBlGrX7FF1\nv6wOs0i4t7oy0hw1bL7a1bnuMvA0ZBI/A1AXd8u69qkfSso7GwLg74wKxNUJ\nF0sDt5XIVAgQwNXO84TXUcwUkPHH9ERd+gEjGuIIAX7n+Nj5EfLiZgqjO9dF\nNxqHzYCmNkf7Ku0gAgDqAqqir0ywGgeGd94cBX3q5J7yA0gz6gv5m/cLN0kL\nn/B+\r\n=VU0c\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e9750a8b0ebee9367eee7e514953a1b1ac6fef7f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.78da96eaf.0_1599592303250_0.10010830207765808","host":"s3://npm-registry-packages"}},"8.0.0-canary.b0ed593cc.0":{"name":"@material/animation","version":"8.0.0-canary.b0ed593cc.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.b0ed593cc.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cbcdfb995ac9dd0d8f8441092c86156d7cb845fd","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.b0ed593cc.0.tgz","fileCount":23,"integrity":"sha512-RXaVS+tOftXRdMWRCR1RjVJ1zUfevgRn4AE02dIZYlAO9Em6e6Jqr5qImWjs94xOIzmFS3zgYM1kzJ/23CAz5A==","signatures":[{"sig":"MEUCIQDiJotwqcHCzuH7CipnDc9fH+5kWkFLTug+xq5Vo4dJ6gIgWdTn4mDmGYjDsGf2C7OJ+tfvSoXe9oH9dMCFD4WYhZo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfWHLfCRA9TVsSAnZWagAApb4P/jP9dmAkRSFrxfO9XSVj\nA6NDenMYQezSQlbi7XpJKWGL/ZhTMiVgyAr3lPShVY09q/RBDbQTXjevxJGM\n8DCbi//4cfFNZlWEZmuQLYyUNSxrYgT/vf3qydwmi7AFOxtY8CZsuWP38a7O\n3WHRg0fxtIjsriKzSdeZZ8T83I1MFblwD7jJycQVqizpD+qaKZa+nP0jaVig\n0MwDJOBYLQgaAJBwYExQSa3jicAffKhj3I83BtGPnnQ91n4cjVdwDUhztrhE\n+HPO36ZE8asnk3JhdVk8TsfQjFQu9eWR6z+BwohYF6IL1j0bS9nMEkKe/CDy\nFxnZcDTklW0ygAOjpLZCid6Z/f86q7o29kC5tGI4vK55B0+RzDqS2ZpKe8M4\nI3r3R6PUR/0NfE+F+KiGfqZYchzvPMMoqPlS6sO3QnDMEV4+7oE9LVlQ4EFX\n8LfNCAQbRX++p+JeSde9iRXjvjBP4MY6iSfyGPFg148EurpVyNPBo59m57pW\nXbG+T775SCi2pM3lIk++JLnlCR6jl8a/ziumHfc90Jrj7LQ9bQI0kbVVblAK\nOVobsa8GfWiGsoELVzlKb0/7YBOX2S8iprhnfM4N535cz9YIIijI6JEgPFVG\nmSwDaUVakf8R/asgw+QFTBdXqkvI6vvYcAuR2Dfsp3Nkv7mBo9Bpiind3sNl\nkAtM\r\n=1Dco\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d4dd3b56db446c52c35f891f9a19896a2b762f0b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.b0ed593cc.0_1599632095176_0.6171369046216384","host":"s3://npm-registry-packages"}},"8.0.0-canary.85a1fa9ea.0":{"name":"@material/animation","version":"8.0.0-canary.85a1fa9ea.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.85a1fa9ea.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cf0645dc3765298b336e9dc6091b31326284dce1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.85a1fa9ea.0.tgz","fileCount":23,"integrity":"sha512-e+ivyTs/vf901FoT/RSAZbbFnlJs1ZjrT4PLgoRfNxR1wsJYZefTOoSnk5xygzlW3xfqTK2sH+UahIpIFYvseg==","signatures":[{"sig":"MEQCIHv14cCbh1hAgsh4YgK5vx0TC2bmFD+HAM7Sn/aqheIGAiArh8efPAuiSI13CSInnEEt6gri73lxgBjuWXHlRaa58Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfWpYGCRA9TVsSAnZWagAABcAQAJ+U6qeNazYxps2bRyu2\neUyPWUSuF7KRZu6+vpSHV1oKftskF9R+tkVClgczUSrPBTtfvTSSLT+XbvB1\noDprpj0Kz5fEPfIPbzZbDS/Nox0tjPXt3H0LlVCpBw41/0W+3sKHSvwUz++u\noNtLen/lO61zs9N/hl8rbsZIn0OY2eHGczttPtHUngQnBhkeZZnttMcgoD96\nYosHaMvHRFaMdgzZnv0MI/U+nr8y7FFqfUe36I4sGFlTxgHpi+siImSLwszA\nGhSdrwhu9PvAmRWhmv1UtabK8j/hToooHLHaYrQvZDA5I3gcVRfiMFzzvSIx\nPhGfaHrpA4L6WrScawS549jn5Nc6DuguCaSSZ3bXio5JCfcxeZSRRjOy8R1b\n9KV2s9oc2phsdZtmN4cVBnfdCmxA5kD/2Fk6tqU7Ph+YjZTVGoK3zafk/o/U\n71ZnGata8/eLHLOHLna19MewkKstZJQ9wUpvg3BqKjZV48TMItrtuDB29TSS\n5mjIN8PndZ8nLlpVt8qCV0ZI5kPrZHZX3p1QiE/HXam8HySoRqyktXalfht1\nPUrV5nlqyDZ4V7wn8v/3Z5cpdv9NBtmF0WaxvK6+FiaZHA8PdsmO9pdLksGf\nOhrRsyDZPs9yqumy0WS6+8ZNGQXfZJ7Oas72BKA9M+no+ulc/Q/CR2CZEeOz\npseg\r\n=UakC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"96441cf0eac61122c48c43aebac2e249d5bf492d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.85a1fa9ea.0_1599772165577_0.952958283893645","host":"s3://npm-registry-packages"}},"8.0.0-canary.0bc41a9c7.0":{"name":"@material/animation","version":"8.0.0-canary.0bc41a9c7.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.0bc41a9c7.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7a39add9de6bfdc250dbd43b4cef217142dfd555","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.0bc41a9c7.0.tgz","fileCount":23,"integrity":"sha512-5KOpPowvOcweAleVL18wJ0TnG9nuMWlnDVl8nuKKruIDHYiLnK/sLXuZABojidzpJKaFcBPB0XPPS2KB0wFzlw==","signatures":[{"sig":"MEQCIFQ3xeinL+q3+tGDTqKZR2UpN3xVrR13xXc7a55twmztAiAhW20gbdOF1Vm6jlITacmRFgg7D/sQarJOj7Xs2u4PXA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfW7h0CRA9TVsSAnZWagAAwooQAJoRr3oi608ybeKyYu5G\nyvT7u8IlTlrLek2m8fL1mdu60UlrHT9WpPhW+UwjCzSzqw9DzvuYrYu1pnjS\nyiv6tQY1ORl70/S7HQ5ZDsFDmVW5PeLJLjqwVFQpRy3qiBDTcdJquukdJudu\nqGIXPs9A1bwitfazCZ409ex10sSER4FXcWJ4wNZpprSZTsXXIGMkhX44OPqu\nMmJiD06lA6AWzY9MEf6Lke7ulH/KCBh09snsgBGNUqL0iZy3RAKYvGXvk2Da\n7c/t58fZ1BwiDkNFSaHZ+pyLm9gviOrtn4v8T2MYoObli3MVhqYNu1caaIK9\n0+gyHspdZDfsiHTwyk18D9FiUZMVmgL/OrJQtvpBT20tRmtFfrLR6woeCL+9\nkOs5mbH73sjFE+QypwQlrGZ2+6Wcrpspm5Cnjcq93+65gmSx7zXAiyuDxxYV\nzuyClKLQI6XQjlqbAElAiTffdhnffFmbGzLICbN1Cl614jpmnXg+65p2XVx8\ncEwBbLrxDuy+Z4H5E8jXmO5uYcNgh/bIQYxgUDOY9yuYDsDDBsRAEjNnByQ4\n7VleeP4dnJ9KqGUo+CmKepFVOJ0uIqFwV0V0HULG27FD+5YxS/r5sRl0arJ5\nAA7q7d9dL696guNhx4JFrq1eVU6/olTrAPWzCDVSl1zo4a55hbBgdL87umor\nbdvf\r\n=SAvE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f9e2c4fbe617a115d220d49782884d15a0d9ff51","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.0bc41a9c7.0_1599846513532_0.1256427575295671","host":"s3://npm-registry-packages"}},"8.0.0-canary.fc0eb5013.0":{"name":"@material/animation","version":"8.0.0-canary.fc0eb5013.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.fc0eb5013.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"79c94950000d09fd1a36e93e2aefc7d30e5a3d3a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.fc0eb5013.0.tgz","fileCount":23,"integrity":"sha512-Y3hAXktLZo2HPfOl98qskq/gZ+vcu001m7P1GYRSAxIyqnFabAcaRekKqBRMabxqE8kq9eBZN2W0S5EsmPIs0Q==","signatures":[{"sig":"MEQCIAnks7GjxLez9vN2whif481QI+1psgHDbgKcjnade9WrAiA8Zzgylke8NLFfV4vjMUdJyhgI9Jb0DpQYLVyzq52TCw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfW9XuCRA9TVsSAnZWagAAdlEP+QFwk8EUrttb27wqdrce\nO1P6pk8CITSMFNyBRCeoIS4bTDTiWA5/tKHD5kArFLwyKwYBQb1HH5TFwE/z\naeswkqGt8hMOL8cHhxF4OYFX1dk1Qr6MrkQCYbU0RtajJbuVSLD01y2AikP3\nrq6Y0NLA5BTUyMfOvZuYQtDJGRrFRkhaZ1jdz2gR7lkOLl6w9J9fOIcvrSQH\nYnBnOAlIe/mqJ0JP1DBCW5ml4s2qiVSZMgOrkBSHEm0qnrsM2fL9FT7dx0lY\nbdOEy5galqNrXe95Rzld5cxBZ5zuf4ell1Ny70TkkZ1lG/Z9EvVNu91OxDKd\n6BetRfP2cOWuA1kLAgLxmXQWa8vDqRVQtBUDFDJ5veRx4Lk7whltktgCCeDq\nvvSjTfbB2dgnlC59agiWmkSLcnc6QTW8yEFkjV8tRUfD4pgJ9Mbbo850s42l\nduTXJb544wVVK5jycABpln4SdcK4AuwGUjFRo9qEfkE8dlNCfvGnRIHaRrnY\nSXXG0+FQ4Sza/hvkZbrircDmruU90ioQ6aR9k10EvY6lBvvEfU3E6PIbDHxF\nDL40TJjTETNcD23WcxrfzuXPU9l9P32LbF+akSXphJs+NDzU0mQJEU+nnlrt\nVrSfW8aBkRAJg5JkVUkP/pQ5s1A6gWe6qaH8oo8zEev0EP19qKCz8m9wmrlV\nKKvn\r\n=9mJd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c6572140acfb45fa86b79570328d75e3869c40ef","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.fc0eb5013.0_1599854061470_0.547181761031688","host":"s3://npm-registry-packages"}},"8.0.0-canary.319bf66de.0":{"name":"@material/animation","version":"8.0.0-canary.319bf66de.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.319bf66de.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6bda9d4929c2416493836b88926c2edfaf5ce3dd","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.319bf66de.0.tgz","fileCount":23,"integrity":"sha512-IYoFaNElQ+DHa/p7FquIfs6hPdS0Nf2pNms4FrR/mL9juGXtNJu+PzSs+azKFPAYsA/tT2b/9GAQBMuiX3Z8UA==","signatures":[{"sig":"MEYCIQCXy2oc8eYf7ZGV4XoHKVE3DiZ5Cf01nXKnGl27zQtUmAIhALsqzLJ2GEV2kF7ukfhBM9LIeNxZiqS0jH8rKZurWonU","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfXAOVCRA9TVsSAnZWagAAwxoP/jT3Bw2POnAvkUjzyL49\nKN3C/2vx4mZ4LhYB7PTlhj/lGBA4fQteU2X4M2EfRLVaET+PsRCPLUfFjo0P\nF4s+hK6smfdJleFRy4g9K25pZFJuPXbOkWVpgtLvh1NKK0jHG8tyy6XA3hTc\nzB5eynsES2D6N9r8w616/Olin5A5R3IvSx+JrKlnFhxL54PwImNw7ZFh2fiI\nyzQYLBwotIdQ6NAQq3N+MJK4mZNnB5IlZpeJhzg72ZmqkPP5GcB7IbIGR1Re\nsgptxkRkoHyQk9N/ug6yOrsj0YzmhGYqecjN/QbMzZ0WS1IsunAE5vJpvgEr\nlf8Req9v2zmZPrhKnqHQmVhzEW7VpX2rNaJLDB9/GBbFYP7jzE7UqZMMVuMZ\ntvhCofeopQUK7h/q1tUVToFWZ3AmimVqCOh5PCRjBdzq3lBQ5beXqJebNmb2\nSg5u3rA62pgSfOOMi3QZs0o1egdMGS3udB5SEY09GHzdz0S4mXC5sEMEcLnZ\nSE/5NBGqs2uUOrCJ7s0mBDfumGQkVoLz2x8f5K9RXDAQ3uqTEmKgUWuWhk7m\nwmcp6s5Ev7V3moS1CxZusfSuJTAq3Mfau0y10ciM6BRWNPFOkJhzMaNnwmOi\nCvd/gV6DPdM0Vuqf5AHMzgrmRIm79zs2xpfu0HPJSckoKBgZraaY0YdQG+cw\nDzVf\r\n=3veW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ba4054064292bafde40e53fcc87405c8dcad24b2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.319bf66de.0_1599865748769_0.32825311063506346","host":"s3://npm-registry-packages"}},"8.0.0-canary.5bfc305ec.0":{"name":"@material/animation","version":"8.0.0-canary.5bfc305ec.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.5bfc305ec.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a80c766ee04996529b1971647a19f786d2aa2574","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.5bfc305ec.0.tgz","fileCount":23,"integrity":"sha512-WRj+uRjT4Y0oH87Hn+zckd3VGdEWxMRErLmRXiUA6qjfDvj+fLW/f3zG/PhuV6u1/FcXC67s2HgxW5LUP9KsKw==","signatures":[{"sig":"MEUCIQCETDXUcmZ9JOdZv4KF4NUaRtGHNnnf/bfxllrgofjMfgIgLIcRxZUE9F/1BxvOs8iuxEfPp722KBAxBB8wNOySUtA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfXqQ9CRA9TVsSAnZWagAAkBoQAIMIt/WTyo/jr8IsKNwb\nUynVZriI5z02TUqF361mpR29LuiYGIrf/yUmco3LcLq2p1RwPUJFjKkIjJxa\nS9Vg+9glXvXQXTBEZntQggNLpmgiSIzFQmdgcjykIMHEJ5mtgWj83eTH3gcf\n9qEdDJbHsJonLksBR/iB0VPTt7yjrlRhyN7JJEco7JJdr5JrgKSfKQrcHilS\nIh1fB7S0nWYrgoA03Hnx+mhQC9E3HtjDGmlXxAZH+a1drcuB1l7lCDr8TsUW\n8jpnxYmFbEWA/8v88OuwjeP4GhUHTb2pGwO/I/751j8K4GP9FagiOxQ7UDiP\nmdUPjSGUqhqexqRGRESIAUgRqaVqzAjQdoIniJgsliBzMPJSMizsZPKHSFII\nBrBipoUCtBsHfCR1cZfeqbXZmNdV+bFmO8h+a6Fv5pnJRu7ACqb5VyNKNhMi\n62wKw1i43HxuRflb79hqVVU5p4sWvFwIQH3Jr3IFQq7TgtHO+0dkoiZQ7xFw\nXcbh9XPBE5G/knPhfS7SjIHn7J5U4CNWQ0CEdu9sCfZGs3q07IxgkVG1Ekhj\nBb2VpBGup0yP0AFoDBITDtplpsMra2YY5S7obizdKlZpGlsx4MS1IZnxymkg\nzNqf76hR6gO7Ky2t/wI8v+wL3mnQKvKIpgEbRCMAGN/LdC5o1IOx9o1aWuLy\nbHpx\r\n=HD96\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"96c0c187c7fa544c1f5303e96ba3e85cba86e5c2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.5bfc305ec.0_1600037948860_0.23135828034216188","host":"s3://npm-registry-packages"}},"8.0.0-canary.83d83f131.0":{"name":"@material/animation","version":"8.0.0-canary.83d83f131.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.83d83f131.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8aa0dfb6a76ae017ee28d9a62daed6cd7f5022d1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.83d83f131.0.tgz","fileCount":23,"integrity":"sha512-3RdutE2O5g/X7iwTBSzEcZ/Z7nEkhreJCgSDVuA5jFRr1xf/alOV4CWZGvzAkN9qnxEY1WzTBHdXHw7MfVARhw==","signatures":[{"sig":"MEUCIQDd+i1q2wGcrS/vyypz0Z52H5VHF/FiQ6diMWAcGGYkPAIgeLj8ubkBtmocexPQ6vyKWPyvRaRRzT5np754xxtae98=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfXrnrCRA9TVsSAnZWagAAzu4P/1aUZQdKKoc5O6bU5u4a\nGHcTvhEtp8W1reNemCy9oOPLBYBxHs5AsLcucmXisW1Un7GYYiuOkj6FZJBn\nkixnWH+dYxv+9Zh64x+I7FmVuVX9ZWRVWmdVhvznXeYTKmHWgkwOM+ZiUa5x\n/f6X5AnzNoy8mXeHZF1FSi+bQYm/VKCZk9c856iOVYjLzjsRnnqNPeTSHP8x\npfZZa/PODPnSWqml52wfv9S4oM5WOCbSa6TII96L0OnXiamzGwVYQxuTtEZO\nkght7hzj08nR7T6BqA/rTV+EtpeSw51F6hM3xmOcA+UuO/aTOfOEhj7oSIeu\nQmtpE1AaDe5VoisauKDxeQQoeriOYJBALoz3bSDHlJ1lhm7RqE5UW3J2QESM\n5dyTSIQrrOLIwqhQdX/aGxslDbCb2C8u9Fq+rPU/IfmgQ7aj+cCuNM8pwOOo\nvItGOhid+PjPVHarou6TnM2GpzW9tgQbailRrRFe8hug1Hf9xgdYyP0WYp3/\neWMfsfzueFaXFiAYMddfEpcsv1jUkGfOK/2hfJwaqQ8+KAuxgtsc2gekrXYZ\nE4PurNNWGncHJoLSRefQRO4SQLB2t5+j6KMBywan8ooMMR+C3TFYA7DhJ8az\nLZiYE4lXC4WifYtKbrFZ00LSQOhSAqwE5Al3FMYEuxnAd+7WvkRZjam2Voj3\ncbMU\r\n=4zXX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"520e8b604c3cd3e7ce96b30f4315d576bcdad3e5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.83d83f131.0_1600043499181_0.47836377022252163","host":"s3://npm-registry-packages"}},"8.0.0-canary.40d8e4726.0":{"name":"@material/animation","version":"8.0.0-canary.40d8e4726.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.40d8e4726.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"18679abdd31b95917a37a77c400cc7f6723215d4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.40d8e4726.0.tgz","fileCount":23,"integrity":"sha512-IRmPCyr9zZOHP2P33Lv30bVuxczSViQZXN6sHUcR0DmyXcCgWCMdg6SJ/cKcRJDip1bfI90tPwE79+G3EvhBvw==","signatures":[{"sig":"MEUCIHPY8rcisgW5QSa3TpULVhN+fP0Qg2BOJe/DfCcT47B5AiEA0dI5T3PjvYeq5VicWxy937bTC6dozFw4K8gsmB8f6Lo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfX/wXCRA9TVsSAnZWagAAd4AP/jfsrJ2FJeKfwg+sfquS\nl2NniXAG/RIXRBY83AVcyybjogtR2FlLpPI4HBEyHRJxfrgvI8PXTQVFnJzI\nGuCBHIU5Jm1iEqTTTQ5+QlORLmotNeFjMrvsX+2JKIPZQTorRTVY0HyKVMck\nmaWTzT5MgvfTlSAiyynEx6Ad97pZjMV3vjqGt8SZoEJ/5SHCF1aAIbCHT3cZ\n3D2pLK0k5//peZmN0QujINOhZ94jXiHIzsW9y1qQhdC7R7DGFCciTN+XG1ci\nm6ABHZh3Ti7X6f0gRV1XeCf80ihC/oaXgFyZrbxV12uZ6IMzGYkrMso/iTC1\n3LCKBzo7IEw3pxV/VA15BYlOh3lEcKggFQRUkwaMJzi3hUAkZ/lbReo6IToW\neObuuJP/vEfiqHcworVtrN+e9D+4C2yhvgJmNCOtwBLjU2yjs2onSNb3shfr\n+JjTwbd9oO+fe9NAdJOE8FRvl6fEpM9QLx6Z+NcdaAzomyWIspgSznZS88rT\n3faeUf9BocIvb96u4BVjhjxGReug06axPtDOxVKYM+8VfocoTgHkKCqeS7p2\nsJKGuUG5TL5cnW37HHfnzCzvfXgdTPhy/0MZRgb3Xkor2iceIbGHIy4sMB7H\nzN/sF0INat56PGph+xh73BgTcRLTXGygb39xdo5aarS9rwXdo0H83ZdIE3gi\nER4y\r\n=2Q9g\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ba2736b8bb826dac383c6f8f237a6584247d5198","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.40d8e4726.0_1600125975054_0.8410457954787323","host":"s3://npm-registry-packages"}},"8.0.0-canary.c25d70a31.0":{"name":"@material/animation","version":"8.0.0-canary.c25d70a31.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.c25d70a31.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6e6c3a8176f81166ba6381c784ab2c79a6e2c344","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.c25d70a31.0.tgz","fileCount":23,"integrity":"sha512-+3l9YjCnZ5OM11TGhcCHF6Puq0TKh6oLAY4P6s6upLOGVCkpy+UDNFCZYALLnnExDVPsKhCAzZeXfpkXQn1/8A==","signatures":[{"sig":"MEUCIA+XDI0sTYp3oDnMtkJ8dMdhCLqvHpNJzVTENnF7V8XtAiEA/bR3feIdgxViZm3mcn7ubcaFDWizE7J9O8vQSmtS2ow=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfYCZWCRA9TVsSAnZWagAA73MP/0IAPKzmUVIxzwOh7dzt\nRFE7fuZZETxKG9DNmcIbNfaMFjff9H/jY5Dp7GkHni5ZCq6AcgIUiW9Z5+R8\nTdbgBRjB/K4nMwJoKcL+/UTMf4yRRD9tn+jDweUyeB0gXQeQ/MIU0NggeUP1\nBqXnPoZ82PZAXf5KEZveRUYD4nhsPx58HuCToM1y1cP0jO0//cvRyOv5iUzT\n1RqgyzAwkONLab3IFFqABFN9f0bB9cx0BLAkPCFenSIm7Nm9UChb22O9cIiX\ntM+V5FOho26ikhz3CuFlDgroGYx1YX6EV6ty2WfTYbkDnTOOzyKImG7F/P4z\nyHO+AhLfggMcdg2xH8KkCDUWHjkr3O9l42g7qS36RZPhTMAF/CFYZ0fkcV1B\nRwL3Ee//TxOa7h+wz3+R18eLk8atzubOtzUHbm6oqmO2ph1KZnen5Adcknx6\n30zQOJ3Sx+EKWGbA1duJFTzOpAS8J3SUR6DcWizLD6h2QVnbLgH9f93u45uP\n4zJz3JYCiCROCPf2YY0T0udRS78/E2IN+U7EbIrGOVfHoQciIAUPfU0GH4P4\n2Hj2g9ybpf63NNFhisbgpvKN9QcRRWNnD8t3W6CF1LIw68e1SdA2Mo5qySqk\nSmbVr+yaFQUZs53hgNAMRE6TbszGv4XrnKx57B2yrcTpq6fy4DI2YvckPnqX\nml4N\r\n=Svc6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"23adc9426ee1c32d146e601987be4165e56c7934","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.c25d70a31.0_1600136789750_0.6929178196487324","host":"s3://npm-registry-packages"}},"8.0.0-canary.2fe70126a.0":{"name":"@material/animation","version":"8.0.0-canary.2fe70126a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.2fe70126a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8392a72b7bb9c10d2a79ef277c7dbcb8e3381be5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.2fe70126a.0.tgz","fileCount":23,"integrity":"sha512-AYY5dXFJmE9E9dtIRDwZS8bdhuO75paZo5GZqxLQx3yzIdHYM8HzH0POGPwL8U6EHAbixkbtlfmWG4vAk3ahDQ==","signatures":[{"sig":"MEUCICLV6GZecVxXkx+RGkKniAbvfeMy5+V98Eo8Asohs+3qAiEA4cMeAZ7uAZ5QyVuGRogaEYDAgN6u06C5Va+0cxwQf1Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfYEgLCRA9TVsSAnZWagAAvecQAJquAJ2hVojO6KoMD8hA\nrKt1rU1dsF2q2DXKsWZ7VvKHMWrdrWT/gtmOsAdwlqVwUMfILYjpIkTIAaVK\nolVwemoe83O3nw0HelB4WDw9EhiFW8ujDfyWTyYLrwpbz/kvzJZVnUOI2ol3\n4xY9TImO57A7AhVEF2cGu7DABUSyLqZhHhIahmVidGqNrrz+MJIHjsOXUVta\nLR7m3WrBHJ9MN0dQ3MFG6aOp0Vssjc6wXR9s5ExWgYeIXC9oLaLQg2Vx3Cms\nm7RA4mMszfJNpTMN2rf4nhmNZVhiLmkhPMmKqVpzwgc7RMLjcVn0ZW6VR5rS\n1dTUSXEcTKOq18S2mg6A1kfwOQ2+DlQ44aNXKofM2K32pqm6dS8fOSL1O6Qz\nIaetW4XMcuAA53gLuBV+fja/9B66BkNW8QB8v1yS2VcMCQtzypDU/HQcpnAR\nCt2i/RTuoimUpWnI+R/SKMdCy9i+OzkoOR8OFe3QKmlPz3ZaA+cq9uy7Lp/n\nF9QQtYevdQh5AAG8g54+tQG7VfDBXWrq/0x9XgOi/OLNZk9eja9HolGD9Bbo\nZl7vA/TR2gROKa23TztR9RTfftT1DH5XwiDITQsJKzkyCtFVYvesCc1fwk1d\n0wcIX7hzRpyzha6RfL6XPq10hQsAnKWwIVJoF2q736wcnEyjlOa9u5aE2o/V\ns41h\r\n=XRu3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"050ab201982039e43f2c742d25ea0710801515e3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.2fe70126a.0_1600145418952_0.39923044269833907","host":"s3://npm-registry-packages"}},"8.0.0-canary.d52b165b5.0":{"name":"@material/animation","version":"8.0.0-canary.d52b165b5.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.d52b165b5.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9d723ac7cd62ef4cb8dc7f89846db312208927ed","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.d52b165b5.0.tgz","fileCount":23,"integrity":"sha512-T1Oka7RhEgPjXGpsluFeZIjC49//X43LktuT7llbxV8AC0PriVPjVc11rlYJ8YlH9FbM4JVFTfBTEEwWEVr1BQ==","signatures":[{"sig":"MEUCIG+fTZi4CNi8GlONnRBa6kkFuu1oDf7dy9Mk8CwnHrS3AiEAssv7wXYQAYmj5vuz2Rm19n8GHixgPJGDcTp7U1Frr+s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfYNVZCRA9TVsSAnZWagAAI8cP/2yU3f8Tz9BQQVVvvR3u\n46Ov4B5VM0GJuwNw76YbnbsPeRuq+4zyKVSKyS+x11UJkP4NEHgMJhOSBBxX\nkrslTRXpFZUiiqsQ5tMZmIJEBJqycW8cq0YgYKRpIXQBEK3miWkG8bxw3HJt\nM5BOCK3ctN9lSlxq+5ZcwzSNYOi4uPArRR+DFHxZ87fbPBTpqkNDer4f9S/T\nMt8+wp46L4nrO10ehcuNxLoJJ2dlZkUYqtHJKd0BJ+EXTrD1kPw00S/lO1B1\n2mAgn7AsdG5c+t8jHmSudfDgM+Ddgb7Hz2ZP028LetWqtZkMhLCz0ISu6eYq\nfzxT8r8cXcI3f7yDhUxODv/XKNeDwDeBpbnkS38RwzC+f7IgxT2zXgpEHdkd\n0lMMXY/pAzGRX/T8m+7G3viv11pP5xZ5Lau9+2onwQYkgm9dQe11XPXOuxv9\n+nYFFc49/Vh+Wdr09Xot5gN+b9fklQCVTc0JlU9SxMie7wQckQ/DSYtTRLFk\ntg+84Sqw+YHbaoFJH4f29vZQjmjanpcmPijxP1ElLBR9FXg5UVHW9bt9vJvF\n8jwDmv+Yta2IwlLxww3OunteBe5uCCq/S2B5q0VuI6X9Iowv86j5RV/yPPIy\nd5bYnWDuNksX+ypjanJVvOtTjKatChiP8GWv9//GmwNN5N9ZYPWvBBmawebI\nVzbG\r\n=hrQH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"19ac3399f14583da3b2ca5e37a0ce783539066ba","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.d52b165b5.0_1600181592668_0.3729477263473644","host":"s3://npm-registry-packages"}},"8.0.0-canary.a831d4799.0":{"name":"@material/animation","version":"8.0.0-canary.a831d4799.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.a831d4799.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"08b05b9cdf435eb3de1a6ae2adb85d7646010a11","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.a831d4799.0.tgz","fileCount":23,"integrity":"sha512-9iKZ5YvtqiMYBMVyH75xwN6N0LRIry2BG4NWyIv5U/jNhX0/m89TLw0aRkTjBddYnRvBHTBnC9bHOeufTG4GVw==","signatures":[{"sig":"MEYCIQCHKXTUnFZvMucwIwfZHI5dUPeJ0S9cIzj4rLBm6SKdFAIhAJautiEbowK0ptEK6SoTtxrgFzq5CraH1PvQczJW4gU3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfYP7zCRA9TVsSAnZWagAAwRMP/0bcApLjg8FJjckZ7h58\nO5tr1aGp7OqU/UeqhKFmf2BFNvzToALTisDreYulJlhlMSqqTFa+gqa7SwmV\n5ZJXQnsAvRIvt23pi6yugaOa3w1Uzq9+BTsqxOhdSQ1oEeazKC7RYMtgPxB3\naw02E2vZoYhV85QsdxFpdPYinQXNQgskk5fMPlOf1iCXwvwjOQfC9SVlmFf8\nhsXV8fUDNaPhwnpm0BpRVOfwZCCjDClRFKuw5wlbw4yTbSuVukYX8Eaq2uf2\nVqlW9XmbWZUbocsddPFAclPwbJJOCM9XFkAVQf36LOOSsyPL0kU2YvnA7xGR\nOcnazi3pRBe09gFGFXXlBhdTA5ze2aYTGJH/w5xx6uqRj0Fq88P/z1YiS9YY\n3P5gZUMsdDYjy2i19oEeGA7xe3WcxdPNyU4TqfVJ1ngvMfgCbTS5L2RY4AWZ\nAkALqBC2usf3E/q878C1K57wkihxR6Dqj1YO969dGsoAp8WUKN5Qo+efAn/R\nRbxmweaiHseGilBowwDJbQp/crkIqvx13GH1mRvlu4fFhFn3rwBNhi8H4bFq\nfEp7EC/Q2bdl74t1AgeEmLccKFR+URGYE27FkRsKInTAG1CnP86M8Ekh+kXi\nVApgnf59HKlzREbXYTgzbZ2hWCSEpI3n7tNyI7gF3WRL44F9WSVk/QzK1s1Q\nia7C\r\n=0WI6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"fa7f461e7963e1bdb73e7811d2f70b0a07acba16","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.a831d4799.0_1600192242712_0.44063729582010347","host":"s3://npm-registry-packages"}},"8.0.0-canary.a306aa488.0":{"name":"@material/animation","version":"8.0.0-canary.a306aa488.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.a306aa488.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"50e2b133d4c3563b56b48d0797d002fd6fb673df","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.a306aa488.0.tgz","fileCount":23,"integrity":"sha512-WxEiMVF+62ZGOAoCnuwAJNS+DXhpLu1kYXX2vNG4kCvwQh+yKvMb1EOJFDm4SD3ja6uZynsvvEl2M36GpmtbDQ==","signatures":[{"sig":"MEUCIBi9/NKEtc2H5TAI6MuQa/YOOOJb+vm0Zp/WbnMztb6KAiEA87u8DkAP7cPyCWW2A01ZmLD/Np4GMlDU+0yoJK7hhsE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfYrRzCRA9TVsSAnZWagAAMugQAJewSoqsFceZqDtxAA6+\nHKgtc8eGMeISnjp/NnCQzzD5r3UA4UcLoSo8LRguDqw0nsGfpmL7Q8eXX5Bj\nOO1qlqd6iYdWDTwAOBOTUCydwefT+j506eN1j6uzOv3v6wl2TkrsTeqbEqj6\n0Fq6IyfBt8av+iStz6psLPZnL8+5lKTmIALqWy8FYgbZ/QP/92E0ta3PW1IJ\n5kHfs5phWBgrow7xW6mcpnjiTIGOPouUvv6d3h6hUiXG1m8Qb9U1cLuUMXNW\n0tHYI9Bbbr5dOT25wi6bFQ+hDP2WC1VafH59Zjs1kB2SHS5ifMYo7fbT+kWx\nntL0wkNsPr9pYvZo1acteEZCT/N143qDhoJPFkCQi3RYlD7QNx6wo7sfvdGR\nxJnFn6brKxy6zR5ac7UGQWo6l7hrzJ9k2flIli0yYbgqz3ePhGk2OmWFFAft\nwlWhFt0GROfCC2vnvpfRmpFhs8XDJfpK1kKtcUcsxxFU93vgxxNj2/ZQy32a\njZhLBQudIJ0jxl3uZ4DUfSvhQTKaUf4jCWLWLKJAoNgyQhMGUuc4DUsX0LwT\nJR0SUwitU7REQ+w3YGqIs3u1aV0pNfkfNIIe62a+qXM4QGzkI5twloI1L4Oe\njFfDzlYoYvWdO9cnCnczDBGRcBBl2nB7HQ1FTMBC3HXBl4cyJnKlNF0jPEqX\nEW85\r\n=/1y+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c6addec60d43eb106ac774211ca2af4b04d40f1d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.a306aa488.0_1600304242917_0.509616573831003","host":"s3://npm-registry-packages"}},"8.0.0-canary.fd608ff66.0":{"name":"@material/animation","version":"8.0.0-canary.fd608ff66.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.fd608ff66.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f14e03e472c0da08991e188e8c0e7f88ed926cae","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.fd608ff66.0.tgz","fileCount":23,"integrity":"sha512-Fprn51GiSfYlQrEx4wwbJzAs39lvAbLArpnpKo8WhxaZ/ITFLv8GoVkSbvhUtTktfXY21MLuSecJeSMJsO3gzQ==","signatures":[{"sig":"MEYCIQDDJJ120O/Bl2vUg9gWapz0lymD724pGE5qKqG/agPm/gIhAM8zMtgqVLc1xbNqVtHJiSNife3rldAo6vQyX3lVLfxE","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfY3GeCRA9TVsSAnZWagAAevgP+wd2NGZS+RTu1WjG9x7b\nmZFalm+G+oaziaLWvqrhNEW6oAs8tZxjiuoNwB5wOJ5YJxMHZ02BB25ELAMJ\n4GB0CRzptos6HQ5JyQA3tatfTC21WgikxF3oy0XhA+Q+9QMu0uD4lmjh1M3n\nzJQD0CqtKyroaS5uUgojPKrDU7rGCPdLBMcGz4Z+MODUDjwsPrsYGJe9HLv7\n1/DPqZ6OKkKpjjBMxQ6MyYpF1TchK6kE4ItOnAL7z7o9tf0+JRicv9FHeufS\n//xsNO4YJD7s+7gLtsFixX1BwYxNpV2Grv/rpRq9OHczeFNQTPAij0OVgHvt\nazNBrnrku2PVopQxFbX/5d9JZhJ91V6apPnEFgAxlhfFX5AHT+ZRPaA62R6s\nG3Iwu8VV9RBm0YaE8W2CPIlhw4VYPFub41vbRtxjCpc46dpcP0pUzbmZfZ1C\nL+BH/5MO9fSAkQrQGSV0Z1Ni5iqQsZJ36IzCwJqaK94v44ZXa+GAEAp3LNUD\nwaly3Y7SCiDKta9maw3CPH7fNOHG7tg11OBzdkJKJ6pnPsnPcSip/B4f7IYz\nsK1WcKrTztneRXJSgT2y2htE4hfo1wDKSzo3zxF3v9UFYU+jMhisIpwnIXGe\nl/M5UJUTd86ukk00gVm/XaqAktI+AG2Zh5+MX1+wXhVEfFuD9GcpTFLnaMgQ\nzb7O\r\n=nui+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"03ec88b3967ad97da4309b1dee0b9764edcf89e1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.fd608ff66.0_1600352670127_0.4807361629765239","host":"s3://npm-registry-packages"}},"8.0.0-canary.3e435ba57.0":{"name":"@material/animation","version":"8.0.0-canary.3e435ba57.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.3e435ba57.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3155c62b73f038aa254ea2d99ee849f7ecbed918","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.3e435ba57.0.tgz","fileCount":23,"integrity":"sha512-FmyXC9srcLZ30+FyjC/GtZ1b2O61aFfnWgz2CQSo7fy+BXokW4hr9KmMSknmu3h7Y4ESBM6ItUs58gLOWrATGw==","signatures":[{"sig":"MEYCIQCzkw3/1PuOtyVfZ8fb1z5lM8LOR7/Yi4yyTRzhUwT35QIhAMU+pEp/SUhu687H00kg8tMI1rdlFvHlK7P7izZi2vxc","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfY3WyCRA9TVsSAnZWagAAn+wP/RTWXglDEl8Y0QqAjbeE\njBj8p2xUG30LEr5u38/xrxmAD/FlJ6ntZBC/kZMy/rvgG1yNmeI/1GGvg8yl\ni1HPDj9JAGW2hL8mUHw9EERE3u/olOPecONC9iHHfhHMoo/2TJwazsi5hdLW\nb8mRl68cMcEXgBLTPIyfRMrkCQih/EOaMsOAvrEFKVWcKnT590ixBAcyJTUt\niZN9ERpuGmbKrdYfaNiiPHJVRi/sp8a6ZSwDGkc0d3PtNvxGuAWCaK3Y00pI\n11rffLOerlFVS4ORnU0HJ+8kL+uR8V5Vtv9kkwSU+CibVXn2WQbWP9UYZ4Ru\n711yYiFkUtbItNli5bU3a3ALFbUV+kRH5KUzFxKSmk4qq92JH3E4UJi30TPC\nzPtQV6Sc4J5wbdDjxsu8z/ojnewvqtHjxTlcyNwYJ5HJf5I/5K2XyjYDZCTK\nF41nlffiAnZO4L19CcI8PH8tMy88KkHaiZHs/xA5eTQ5itadDovrYu2AKSce\nekT0AYRU5E4W0tBRmH4k51b2n4ot1IpclMQYv1MkdnrvSmdDi4KBD7xBmkH6\nDn5rKvk+UHSO/tu4Uzj2LhQYt27AcCMggf+fS4qo7/Htssfs1yck/l0nG1gk\nAN+FyZsn3MVnfz8cSP2cReHYM4GoI4uwu4hJpbJCPq+y6pW54GFoXOi01qjr\nmyaJ\r\n=8tuP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"15ff2ccef4cf94fbadfb06cb750ee6de035cdd19","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.3e435ba57.0_1600353713542_0.034722965012903284","host":"s3://npm-registry-packages"}},"8.0.0-canary.c250ec52a.0":{"name":"@material/animation","version":"8.0.0-canary.c250ec52a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.c250ec52a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9db98d91c406b87aec91556ae5a2b37caaa37310","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.c250ec52a.0.tgz","fileCount":23,"integrity":"sha512-/94z2cjxqFfvNQzo4F2ftigYiXmvSpGtgfhEKT7rvv+I4J3+2k5n/or/APer1ggc6IRNYulDQsoYUVT/cSryYw==","signatures":[{"sig":"MEUCIFMHpI75+/9utDqWhja83+bWuqmr4UkBlh2BM6ELiBaDAiEA1DXg32U6PLgzd8PE8dtqr68IXF4C5u40AAA8bgDYL68=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50331,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfY8J2CRA9TVsSAnZWagAA3LYP/jyXCf76EOBBJgx406yB\n9Uo5Lu3nz79Y2H26zk60ble9zbgQD9QiXRaad09pLtXQlDJjaJwsZ8Oe9waq\nZDV7HZJxXiBySVt1l8+S2JjuM+DlZjnGV1eEXQmOaUNjVsGGQTIvjVZlVxNj\nlr+T2Qz9XKgnu0mMNfKqQR67WR7ws6MMHHcI9HkbqVHVoo86yGMERY15Zgxo\nqt0kss6DcdX62aYB1Vo46GSf72g71HWw+QJyd5trA6XoP5pCwrkX1LeqHuP2\nnMu4p98RjaVCVYnDVNq7gXnEnMJOKiCOSLimesPNmpkeyxj/XQYYAQWalcy+\ngcfok64TWpEKKmHdW8F0wSUMTfR+vOc/kdut26/7+t+OL0Xa1oZVDSre/4Zs\nCWlJz9oUuUHH7qE646SeZaTwN2EnE6XnjqI0jdHsX5MeV3oCRgHlfIcYhQuS\nYraCEQds2hFttlgN5gILHNSpXABu+iRhwytZ30BMCbwL4AvniHwo2o4NgfGS\nuCNIol6aaPbm0bV92gRS60ie8W5Rk2oFeT2mqJcuZTonNdzVJMVOjB5/tOtE\nmzU5I5M6bd1oqNyJhQYT5vMpgI+ZbmdhYHi+RZ0Y/jLgrZon9FLqutRx9euO\ntLW8UeVGbuDGySC42WkkgRvU4Z4IbCngyq0YoGpIi2NHhvSm5Na7fN08Ktus\nsf8l\r\n=medP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e214ca7cd3c1a65ab89d2fe2b4fc899aca418adc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.c250ec52a.0_1600373366409_0.5766359437570121","host":"s3://npm-registry-packages"}},"8.0.0-canary.e34e411b1.0":{"name":"@material/animation","version":"8.0.0-canary.e34e411b1.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.e34e411b1.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ee1868dd8de68edafbba9c2ddf427b8dbdf7bb51","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.e34e411b1.0.tgz","fileCount":26,"integrity":"sha512-iTzS06Qb93pd8vsrFJFyqozUS/oVxtDOgfRX4S48jrN+bic+rdGOAHgXelm+QVShqrQWCYq1kGZDdjd5CO01/Q==","signatures":[{"sig":"MEUCIA48HzrPXAHYlHUcr5TCB0pnjA87WS1I0xLncZqH9a/bAiEAzbDsgkWJwPakrZUJ5qEmeEugnjENr7OBSNqpnttLrq4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfY8QvCRA9TVsSAnZWagAAUAwP/imYHcVpXjXtzxfRlCU5\nvcghztYg6KSHNxVMhcTRzcpgAn/oEDElVh7Xjn2xdRROKH/ro13gt5A9yfo8\nFuUJrbY8lbPbLx+cx2hU4NMm3rrxisaNRI4puaGpT12k9Wwy3IG9zwfirSuJ\nSsXU2tbKuvlnw15oz+FQJ0Xvq7wdQjHNF4OzQgfnoiLv+JAsytVpnfkxT9CZ\nw8OgpBE0AEUiUAKYf/N/soap0tENZPmkkKZsxaEL1JMRZdVwkbf/Nuv8TJ1b\nXH9rl21BD7Ka88TKkoTYsKxaFCnX8CAdq25p4TwDpnNmut6Jopa35Zu2mTci\ndaFflFK8mt8B5AWZMLi/YR7TyhUcJBVIJNRe5sIZeEFJwU4vqJRD1yiYJa9c\n2Qg+FO0nvWp384wgayflkwZ6Wc51giycuyVIhRC5CyWGNcXpjEGuny0etHX8\nxFUM1zwzeB0VC+JOTAtFL9fk+uliYXLlihHpepF87SYfaSBamx239j/sQxJd\nA4dRBdQAZFcQAN/mYgylv3C8v8A2RbTTfr3zIXzvQkfIOIAQ8rt7rjMptQaH\n2yg83cmR24GVYqas/MRbnYYgYGAB7PCxCAnvHE+yqw5SxhSZeROdXt9oYb9h\nsM0/0DFnH8qE2i9mUbDY8wXRx2Dka0VzKqlFPcoeauNTqAiQP8Xsc2kdgS60\njHSz\r\n=bQE/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"460337b237852aa88d59152c38df2b32b73792a0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.e34e411b1.0_1600373806893_0.5922085146029406","host":"s3://npm-registry-packages"}},"8.0.0-canary.4e9343929.0":{"name":"@material/animation","version":"8.0.0-canary.4e9343929.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.4e9343929.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e49ad62664f4d6e7300c22956dae80d8c2b09e88","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.4e9343929.0.tgz","fileCount":26,"integrity":"sha512-gBIktB1Ktso6DZOji8sHXciYOGMpPfxBPJX0B3fhR6jhr/rL4dFhgMeASqYZdrcN9O5AjeD4+ZskID1LG4rTsQ==","signatures":[{"sig":"MEYCIQDAczdEwsqq1ZspkD84H74pgZyzKVQZd8/Diar/l1gPDwIhAN0Cf9PVTgbZui+mdnHOKsZhiZT63yQlRMicIpM9tcdT","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfY8oYCRA9TVsSAnZWagAAcQkP/ir03b/avS4Y32n6Rcks\nekKgYrJxzZcOvk0IJrpmOQjqJYsFJg+F0OHQRFa0/5XmN8UT0fIREcHtvYez\nViTZxFUR1PpSefnqNwgwbZmzydYP1sPay46r+Yfkx8gA5h6js4T2bn6QSxmb\nyGu7IC5pm5RvZap6t6Ji/9WIUNeeW4cK7tUm2qrIAuucuoJaRL5E+s48DsqB\nT4ltzWnqcEijYPIwuLJAi81cAeLNU7LTXGOUd4fMW1nyljOY41Vhv3vFdWur\nrxK61FV78iHPl+7cLEzI5GHfwkIYV34MzrZUguMdW0uL5GyMeGTG4rWBJIu1\n5fRcXvkwqIFsGS1u3Uykqgka1S7P340nejgOGe70PeUESeBao91CQFMhexFz\nqqjVQHdWX4Ot002VZjGoWj7wFl8ciQ1R1wS/kLXnetgvrHRmnEhtWGd0XXCC\nkAwVKz0s2l9hSH7a3amujW99Nm9trnW1o2hw/j1iUjHmCbjgeA9GkYxIXN5L\nStG2fc0KJct/8HRauIzan1WAR4pwHy4Nv9+boZEVW6jUoMTJn9LohOkzXsoJ\nb3/2vYXvuInLvNhNery6dcm9wIeQlfHuH6+bPsGe6FR+DogainzlJAlj32/d\nB/0q1HAEMb/BqlgfXnFYbA0OISwYiULYYlcXfDxgzGc0FmVZlfM2uO9CJp+N\n5Ivc\r\n=/S58\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7bab75a521cc7f81a2f78587d2146ac140e3cfc1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.4e9343929.0_1600375319310_0.939888405333783","host":"s3://npm-registry-packages"}},"8.0.0-canary.4e5c350c2.0":{"name":"@material/animation","version":"8.0.0-canary.4e5c350c2.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.4e5c350c2.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"143cc6139b9df8980c1b60b1d1824d056c4bfdd3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.4e5c350c2.0.tgz","fileCount":26,"integrity":"sha512-IwL+he8AfSKE7CmF3xV08iBTZpYFKqqwPrdE1BhiFUlXpfRLT+TLvNGDv+UHwdiq5b8eKlLfnrJz9RmUFcZzmg==","signatures":[{"sig":"MEUCIDbT/hQdPZoST++X8hiOBCXqHx3HxFMfvhB9q68IjaJpAiEA4csIHqggsH6b/SpqWrTAWSsUJPiz6zUcAk9VX2omFp0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfaRdgCRA9TVsSAnZWagAAhekQAJCVJUBpZ+WpJWHQP9xP\n/r/Qi47573gQ72ZJ165DokK62G5gC6CYFEr7sesm5d+nPO9VXcxkfAwcJlxs\nlF1J5maVj4BRQ05wKLrY60tCkBu0PJw8xGZPNS62fJmFKOzlV619oaSs9xbb\nCUjRyD3m5ebD2Abat7EnictyZEhcuypDLAVcDruYqee8JJh8foiKksR8DDpb\nNQDnBoH5+gDIJaUZtUvGJNsj1bFgGdTOrCPNATxzydvZCNmq4P5B7QTVlHDd\nEpvxcqfAgSooZkhNZm8CsQ7XiQJT9+Pvon1syRqDOY2zbsucIb45lKR3DfHa\nTga8NwjoBxLbmP7vgUcfuAY9P+3mdcKl6eoiZIDLMcIucETG/O2s9QTrV/uU\nCYALZXLccxvdpG6gEtwdOpNxpLSTDrc3VytjOK9pCtPiGkQZFNT39Dwuklcm\nYQKA+g5JKZp5NFoBqhSgDrei2K47Q+HlGG+p75HHOSMjGOIevljqHh070/bB\nCxHstWur6+DNrDFU33ZGmO7YT+ylL0QM9k5m5EEn9VdJfY/JIdbszpza2jwb\nBrH6JbnF2owyYLdMmix68/FtSutxlikt1xNnSEx4bw2nO4y4S1iVhgfPXBy6\nDFqwq/gmiCRLmxVO+GZ4w3cFIboSP9/CKE21nSioiDJrUORj0hBLmuUxST8I\nlxtk\r\n=j8ux\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c753481bcbad808064a366112868670fca5381f5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.4e5c350c2.0_1600722783476_0.49139988320893435","host":"s3://npm-registry-packages"}},"8.0.0-canary.16c563ef7.0":{"name":"@material/animation","version":"8.0.0-canary.16c563ef7.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.16c563ef7.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4bc1503924586aa6d1f0a19083d9b1d61c1d2cbb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.16c563ef7.0.tgz","fileCount":26,"integrity":"sha512-s5m5SS/cBMVxUR8cfocMRIpo93e8RQ7xlh4yHMF7iibJDlK84OcXcChIhAsA8y+2UPNU7LaN8nowAYt9ptisWQ==","signatures":[{"sig":"MEUCICNKZy8xVDq40lRTd5P7Jmb+UXAWUMXrDdMlg18NVuDmAiEA0yMvCdfM9OJhHUGbjHl8bMH9njlwawGK/jInl1xDYv8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfalQ8CRA9TVsSAnZWagAAcewP/iHwljCtKvaM6B+iS5eE\nYVW1VvOCZgbgRINo6pIEBDD2+RfeDWLrEjldFT24aulO9Ah9w3339T7QXtwt\n3yExy8f+i4oLzlv9hcTjyjk/qcGttvh3AJjowombpVSL6Tb3wR56MadkNNgo\nJu7Kofs04KtwFSFBMjKnrku7mSWLvThPh7zgw96u3YYZH8YixJukig6oXa8z\nnA3OLh1HhtFCze9lEqxTIkeO3PoXnSA0vlZdk4ax0X67aSqHa9/sH0N1WzGu\nOxFxO0hWCXNR31SlE2T5nRFTfV1ANUIDci0a2GqWcGFqXUK17wvqWYRCyNYN\nvzlTvOzzgFPKkZ5lwKzzek91BZOlZT2OxaRFWBIX+FunXWDpu6NAzoJqHL9V\nw+wjWBtPAFZnJXJ6KUzYgr64gPlwcAW+S4hct57HimDzxC1tAduQiP0R/OP/\nSFF2QZ2KquH7KMPBDBDwskHZjZTN+I8sNStsN6N5Gx/XtBre1AD1K1O4PYve\nV+GkqAPcojFJBPNq+cWEIR5C17faW8hcxotySm4jVjzpiQ4Rh/n2WhCD363i\nb4BTj/31SIybV/w3oQbctcqqfR+4zX1UbhojAkHSTxZVjMbe9usuqvxgfF7/\nh7rITf8nLVNsijtA4YjKPwbirQ6LJ3B5fjai+/48Exs2XGc/COPnDWXNeWRW\nZv6N\r\n=Nr66\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e3abdb235aa76184bd5171f68c237f58b8541f7a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.16c563ef7.0_1600803899673_0.4504003967526855","host":"s3://npm-registry-packages"}},"8.0.0-canary.fd8af3d43.0":{"name":"@material/animation","version":"8.0.0-canary.fd8af3d43.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.fd8af3d43.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fe1ae2325f6c0043a07b484ee9723f88804d579f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.fd8af3d43.0.tgz","fileCount":26,"integrity":"sha512-dqgBJK1B4HSkregPquS9nzIUZdmToiXgkiJ0vZPQsUW92poZ30Rn/anyN6BkaqhcTBaHxNDxfuGVJynU4KT4ig==","signatures":[{"sig":"MEYCIQDzbLVR6q0qPk6EHAh4XLWIrVDEniQ/TOChc1JAlW6REAIhAP1jM0ADAoXGXpA+UvSTRCnTOe+ArjNbopJV8MM/XOW9","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfa6J8CRA9TVsSAnZWagAAmMMP/2viqj+hOmLSkfUpaXhG\nBNud5qrI5VuQSIhis50vFpUr7jzF1AufyK/sfouWCUPRqWFGdsoF3K/mq81E\ni2zGYe39AZw5XRhUSjqOgzp3liu3a8rJvu3XWR833hdFYvDJ4RwNGa3bCJl4\nWskIVJ2FK7ufw8xL9crta5hCeV5ppSOZl6YlpTmZZCYtMWcgUjUu/cMwGwxs\nlq566K21llFkZ1OlshNFK5vefe54zyd8HyC+b001lghxdDHBU39UO+NbqM7G\nrZWX0mS1ZnuwBHpCPuiQB3lo6h0nkska2TuPxPnLGjv4kjgUqoPCMiHt86GS\nL/sa32zj8XqxYvZsZkzlSzCIeIaLVHHRd7LLJfEhY3SzsImISmOCrHpd1sWb\nKt7jmnUFX4BadsiDrbeXmzZvMXUtS0jl9FsDdvYo2lWG806USCwA7Rsnoyfn\nRG4ZWf5rqRCG+Lt8XRE0XDB+TVx5TC4lTgV7r1CcO63/BTp5QUkTW9Vwh5ui\n1388W9xsp7yNdPiLvcjezOHSPjV0iP4+xSUW51IPbmQUGmHsMtsrdGcEA+Z1\nT7D9noTLlBaw4fv2ej0odH5Laou2/wl83jL+nNMuXnpOcZ+z3end5zIiemxZ\n+OHYLmRhFICeKqdMQ0Rv/n2Dyadso1C2lr7Wh9IbHCZCtK1PlDeQvTsJurxQ\nYZHR\r\n=H/jw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"0f295a5eb9518e726dc271a945985bba278bf9e2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.fd8af3d43.0_1600889467936_0.093438914244103","host":"s3://npm-registry-packages"}},"8.0.0-canary.d4cd83a85.0":{"name":"@material/animation","version":"8.0.0-canary.d4cd83a85.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.d4cd83a85.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b502a5e24d35147e60ee9463b9abb6fd7e5e6874","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.d4cd83a85.0.tgz","fileCount":26,"integrity":"sha512-VVhvYrQ6Jo8BsDhXTVi4BvY2T2xfUM9mwo58c0vzxLazzTmudaf0DIkq+b6uObcDnmXlvfXNFSgpbyDvFxln2A==","signatures":[{"sig":"MEUCIHBOsz5ynjwRMLciyNnuvT0JoFqC6n2mB5xAahilTiSXAiEAgWwb4kEMDuiJUABXz/tji9IiHn+q8Ouuak3nz6eNchw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfbTrsCRA9TVsSAnZWagAA0KYQAI+wEGbVfWD1Gb2lp5YY\ndATrboMhFTd2DgPxCPxBl3t7TTXl4+trMicX+xHZa7SOWQ/KArMK0ZDElLA8\nw5uN/iAeN/jbmPtNLpnzVOkgTm9ch8C02sn7BFzHTGb1a2YsWYgerEs98mnd\nB5rjvpeC293C1k4Yo5K3Zvm1123GV6rdNu2+Aa+tIxz3QCDJVAchmeCMGx8X\nnd16VKMjH9Jd1pWQnJVw43SwTqQ/yPR0pMaqsXmNrCZnopXRx47luMfrlrrY\nn+K/wHzLdNw9oU72/rUP8ncKCnJ8DMW8T98IKU5VLJD6X4gsKoDIrWwbAwE2\nb/d080R9vYWX3fu4hKUcohjeRLgUGKMTi5e2FYYkc0tZpWRKmPp6E7/bS3Xo\nP8Q63TAIhuablve0ECU/D5hmtzLQ17IFgqRseM0zzTUcKD7LXE4PU6kTWXe1\nwfSxGfudy9J8di3zttQdhWmD6Z9fCVd6KCV/7KQ3NVz7i1+auuFID1KRgZ8R\n42rzXqB5htw8oWwSHXrq7ZpOM03oyhkFdkVSshhWUfWzKdsdaSy4sUkoHRyC\n+4W9Mb9LCftsqKLzDqnU8cIQwA4tsUmRQEtlPPaWC0QN8qF/5gVp75EMIx1w\nJGvjbq0QmoiD7VjTlW7bnEFoU7/q6elWT1iYCaMnPXU0m3FBTyaubmL/+oui\nA1VZ\r\n=C0pf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"80cc7639dca83570a37de4bcf4d7501246ee8eee","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.d4cd83a85.0_1600994027888_0.8118211604612391","host":"s3://npm-registry-packages"}},"8.0.0-canary.199aecdfb.0":{"name":"@material/animation","version":"8.0.0-canary.199aecdfb.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.199aecdfb.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cd80e16f4cd89d21cd74d8e4d1a3735ea3642a31","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.199aecdfb.0.tgz","fileCount":26,"integrity":"sha512-uIKojgUNaO2MRAB0KjgpcxlcGa1M/J6oH7autvTz3mx4qcz7+0gddyzv89wrbzzDWBAILhlG+SzngYZ/+9TpzA==","signatures":[{"sig":"MEUCIF0Re5pK9BiI+630TbdBrvk8Ew+28MpmmwY50y1WHAlIAiEA3Ztp3DSGW4ovbOn4LHrUlx8gNwU7o6hTaD92ViKkF/g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfbhGzCRA9TVsSAnZWagAAH5YQAIZ34Qt5Ezj8L09jMdxs\n+idXCsY1/IwrlBlyejrFqm8VGm+az/HVn5drcfIM5ceDb4AVh4TAEWeANjMH\n37jMVsyUclCwZtwMw3a/She+XwRhA1KQXJ65BRw3Q/l20pk3OUkHyla+exVd\nQo6MoH4HIsGQ2RH16vxcyTCfCw3fNyX6Ik3HC0ZXNnhegcwOQmyZyiIIgM62\np32qsJct5lTbIswkJs/wdOTDUsDUVgj2ztcTEWX8i6zO9bQb8CPh44z0jaMm\nJmpJBqm6xsluFGc4OY00o54tzBvb3pgQL12yqmU/tQrHzHLsa3vMv+KZuEt3\nxY6TQv9RSj+xerWJZ6GxgTPsuvCLQDPUwi3z/pupVZkJ8jJFobGPHjjn45R5\nDhsvp6JXDQ9kMXRzpOcoMAHfZnzsrAXOwR5s6CsEej6NUnX8DYeTNDmL9fhD\nAm6rj13joM9LHkN/UM4UYtmwnFQYUZ6/tmdwMpYGTbbWdPYs4rL7eTdHS7tW\nDEJwIiP94Kok1/yazGw4VkJQrxmezQ14xrfPPfsenFwc9rmmQSu3PHzvFCNm\nQSivzbakbvVvlnLNQftsg+HNBlpl5wYUbuu+zmDXauxtJnX53EXjN49J0oAx\n9J3KebQVUwtgc2KrKpR/WJC8tOm2d1LttFx0jQQSdGLYI1MNO96kRIITQLcw\nVnq3\r\n=kkrR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2ced06dc0aac728f58cce508c7393aec959895d6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.199aecdfb.0_1601049010472_0.8280539621576712","host":"s3://npm-registry-packages"}},"8.0.0-canary.38ef4501f.0":{"name":"@material/animation","version":"8.0.0-canary.38ef4501f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.38ef4501f.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"935fe8c8a4fd51f92191df769154fca50d9a9ffc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.38ef4501f.0.tgz","fileCount":26,"integrity":"sha512-vd81iIYRzTHxkhOUIO+xb3jtaLLZvK9EMdOvRKL0LHFMvY3+RcopYGoys//mhFAMNifn7Hpdtnav94xMzDJLEA==","signatures":[{"sig":"MEUCIQDlTcURN+cvbRWP/TJzFYkDSUJHWn5779F7g9uruZTRRgIgc3uBFL09zmC3CjyhQMikDPvVRgr9Lv2W3QMiMEAVn0U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfdM0FCRA9TVsSAnZWagAANQ4QAIuEKKDof0NpXE8ObxPN\nq8gdAmhfgqY14t9TNzxbQ8ymxFDPA1b1yL/BTaSlIzAnKz9jOMxgq0/3CD52\nDmkd+6nzZpitiiXu3uVO529pe9rErtNu1iEF+XFd0UwJ9An3CJ6fqI2Go29y\nHkGDc5o3F6xbSmorScruRbCL3X2nyJcVG/NRMd9W/8ht+/PFXV+3vSDyyUax\neXjMhJPZmyiPwCFcQmpMGnjdoS4VXvTwRU4wPAkZL2Kv/SzK8mqJb1DWdXVK\ntSQDSY9kkGN8i8XuYk7ldpPU4zf14rm4j4/z3sKcKEJ2jUVkX5B81br/MwRq\nRe29b99UZlPCupf58EZlW1gjvxMoyhM3+SOS7PBLsfgdb8lJ5Rx2g1tF9qlz\nnTdT9Pc8NwTMmZHSFsfMSka+MxuAb3LBL98eGVV5BS2lC4SC1Ax8YUiHXiJ/\n0RPHyooVoPJHETx7FYwIyFtP1XzkQrqWEbCOWGPmBu7fRCil0Wor7KB1JOPl\n1yUyng36WQvRjNRztbf/wv0pBLayiJorBQEA8KVGfjy07toshPeIwkNPiBR/\nFJrw3O0fePV0AbVbIpJxwgzycUFb0UwJrm+yBFlZ2vqkmdTUVL3esKOH5XKs\nKv77Jy2PG2c4MPhtcFxGS6HRAXrHGcjKG6dpPEopxOag5mDQCuHhdLlXavI9\nG6qV\r\n=TBnf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"bace3094edebc680b12a257aebfe6170928076ab","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.38ef4501f.0_1601490180788_0.5716847737073429","host":"s3://npm-registry-packages"}},"8.0.0-canary.774dcfc8e.0":{"name":"@material/animation","version":"8.0.0-canary.774dcfc8e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.774dcfc8e.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"26b4c4d804397a2350e9eee72cddcc0bb5dcb6a8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.774dcfc8e.0.tgz","fileCount":26,"integrity":"sha512-h8pGWQy5mZ7yNveKGSwxP1pRV9wGs6hjXiOR5nS0NePjfIgRsqUBnSwNKW5TcP/ThPtnATbq0FfARs+ugHdFqA==","signatures":[{"sig":"MEQCIEnT6XvHEbVTJSie3CEqIKZdkD8vxmiNsDOuoTf2cGZ1AiAHaVx1Zkimn8dRxXuW09sAJSZPmxxbPEQb0xRHdS4NGg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfdab3CRA9TVsSAnZWagAAZH0P/1AdWNP1sPTA+7KW6jj+\naRdd6LvFJB4I4paRwyYW8gMBxJxkOs/tiiTTXDuq2AkIm/4wOptbUNP7QZOk\nZHaMgDe8S7mK78Wx6qChQDVcjGCOOKgPPF77goiE/GsW8d7Qs8ROhwuWz2rr\nJWlJN/CqPOGMbHECgd+/YJi44DqrdH14+9SxjwN0E7JnsayClJRU3edVHuLZ\nNzBrRfdyIQME88WKkgEn/YJYrO1tAO+cxq0glMQehHZMXXqMDidc9L+g/vAU\nuuj5UueavDFgxllx9jFt0BK5FcSLH/6LWXepkeExGroHJVu1j6/VilVohE/o\nBoF6YsPWc5yZRrJNDdNWRhj/gtUn9SYhvRSHGMt48OiroGajV3tF1WA0Pcd7\n8kOdOkRUgq3GUZP6gEkne5z3mN2GL/gHntEARM6/kMmHCDsjZIwrXnUvwPIU\ncEIHrphW+3tJFifzR4ETO4/l48HeqD2GxtpdxLCj4wS3h0eERTcCYeXe0Rkc\n0zwyRBvMEGDVpUphwU+0NIvzx40VWiudUTiEbLQAe3W2itGr2VeyUdPObMsO\nVhtE/p10Yi5suYdV/+T1CuSfWdUWChFykwB9xgfxwTG9mNVULQ8gjfX6vmCc\nZSpuCk078XcgQ+00a+rKwmxr2N068Pf++ubmXFXi+WX8z56Y9RPgOqLXQjw6\ncJ0G\r\n=JPhd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"6c37b80b059fbd4c815253f3a3868578afcc1afd","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.774dcfc8e.0_1601545974881_0.7796007241631284","host":"s3://npm-registry-packages"}},"8.0.0-canary.0f60323a8.0":{"name":"@material/animation","version":"8.0.0-canary.0f60323a8.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.0f60323a8.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"97409c675a98cf6ae23bc5cb3cb586aee0a1b75f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.0f60323a8.0.tgz","fileCount":26,"integrity":"sha512-dQskW6H0mNJuyFFDKVY+U7zwfM2Ri3VgC6WQ9PXUSNWgcwDDHElmCYY4BfS1tV9r/Qh03vJh+bxfslsCK6WCCA==","signatures":[{"sig":"MEUCIHoaNQkDW4EB/EJ5vGfUZ8LGArvoChwFguThOr3O+15+AiEA/MAjdYjyRGeCaNw+Ax3CcpXh3kvwtgV3lkaBxQAAPvg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJff3/lCRA9TVsSAnZWagAAF+UQAJc5ZiNpaK/tBxUUfVYZ\nUkzFPMg+ZMsy2t1oeTtwVB5MKMprJ06dgtI+jYTui2JYMK16ysSi0a4UlTMT\nvRvYmfOCXL/onsX++7UJbEzJepVj/MGk+0/KxZzoSIPkFZzk5ZZjfd2WYC9a\n23J07ntLeCOgaF9Pr/y6d2ywPZPw9FJ45m6TMqV6Cs6K51uLJ0VR3JAbXov1\nZsDXlnhK8P30DA/4n2BrKGBqIh2OyVGtBRc5hoSQWOMwpmhaZzGsjCf1ahSJ\noEHB9mgLTJ4+pBAbG5rJleR6ldhhRi96IBk81X9NP2aj20bCS1d48ixn59J2\nEvSG8nXUwljrdMmk0RX6d022CKIy98XVA96Hbbk6rGsx23BlpyV/a5/2ZAYT\ne5IGYCJPBp8pPD1orVF479arwl8UX0+l4otrOOAPLGQSCKs9teldvu5ujC+u\nNrwiagH093QGIoObvQgAfmuaQMzchSxiYH7K7M00IEUe5Z+fo+74cwCDJ4lB\nut1XUVp2bZ7e1i86BnIWZBZhqcGTW3llxYr6g6HWyyoGwI+QzEcSYxuoZIgr\nBw+z0C9JAuWGG6/3EHkr9P9dRsVw6oU5Wrr4a62zzt7WxxcBrSdE9zpkzaNX\ndnyFiETotEn+prgJbWIyeCoHodubOQ+hwe2rXXLvi21r/wKsnazo0E6FoACn\nTK3/\r\n=WRMH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"edfdb55487a31cd5f5130aad32b3fa8f369e6d0b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.0f60323a8.0_1602191332891_0.7351130726105","host":"s3://npm-registry-packages"}},"8.0.0-canary.d71622574.0":{"name":"@material/animation","version":"8.0.0-canary.d71622574.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.d71622574.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9a7b7a4485a5479c70b4b9627d516bed2c7676c0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.d71622574.0.tgz","fileCount":26,"integrity":"sha512-t0751xC+e/9iYD2D/PsgU+ZP0twPGIcHWtpp50g1ABsIaUq6L4CpHXbBIAJ7ITJWdeozOnySNVGSWxZ11JydUw==","signatures":[{"sig":"MEUCIBEXyfEkseePgNyaJ5Mh86dstHeEn85w0dekKs+Ke6SvAiEAmkTZA7QEOeU6n4wfQGzpwGgRi6GU3Bbdn2MiZEtubGI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfgJAdCRA9TVsSAnZWagAA+wwP/Rt6b012OIq+7z6bapJG\nB7j7BUl5tDnOPV4Tf/25YgXqLPTG5lRbA6yLPV+VAk/L6UC+u5wAOM8kkqip\nCeGEW0wd5Dpl3zK7/iquNL0LVFaA/CEgdVhbaFGgyufQywuav1jYYRYVk1WN\nODIa2rW8OKOsVNo9yev6mLx0UMUb5BVRrjv7cNLmsQaYHOicc8R3CkYRemCf\n4jQw1i6a8ObGA82RyplZHn8rfq7tN2gSLJaHLYers1vNpLY1T9dpbZRsfCd/\nzPZjVlNasHv9QdGx1j2ycgM3dqWdj7z+Vr+nRzsUaTUYGGOPc3CumhSxr6ew\n+UgoXi957qPiE1iUXHWy+Chk+2ifmZRJkuoMkfbLPdGquqbMbtrSTeusPaNe\n8LU3YtumeKKBOL1F2ysn+VbBWnyZP7M+Tf9xB8frSQV/toDr8TWzdUtUFOgH\nC+gXs8UYpvQda9OLp1bd9gVOLq/VBQQsMZ16jPww3Jlh1rqW83oaNlJCRFdw\ndFGXyxdobsx0nh2IvxbGatxDyW08/D65VaP36IjM7odaGOhfPQ9sYhfKouA5\nNIppLE7ifILy4zd7Egf3io7aJK9Ootiyt1afeaulzwv/Ns3adJY+rERxpmE9\nGZ1YPQFk1E+2MvcpcP9mCpBYTr9Fc9BquP7+3SxJJKmOHaBqg+3PVqpnGafE\n+ptK\r\n=UrWI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"19a45f4824305f22d61cbf9deea0fef067dea3e6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.d71622574.0_1602261020419_0.43992503370647174","host":"s3://npm-registry-packages"}},"8.0.0-canary.7a9afaf4b.0":{"name":"@material/animation","version":"8.0.0-canary.7a9afaf4b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.7a9afaf4b.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6194d1a372181b98d23165f391837c1efc7fbf04","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.7a9afaf4b.0.tgz","fileCount":26,"integrity":"sha512-simq0hPEeGKlD0nm+VqwnZ17SWMS3nyAJnKQvY+EenqZkCHpXSQSHlThbRLriGGtEU9kQp2q28uzLWI1Hv+4oA==","signatures":[{"sig":"MEQCIC0rCvLypzll+7RYsrcJt4qqsiCD10ypMRbHoFhxaREzAiB0QG+hsJttJZRYXidAAbR1w8tBIOtJLOq5OVc5ohx1BA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfgOm3CRA9TVsSAnZWagAAqTgQAJI5djiGk2YcPcRsExMV\nIASkRUwnX360xU2CkOEGnD/Kxjt/lJ2jDcqxCK7o8IS6SxQTS786AitbXQi+\nQF1QxwiWsduwilcW/r4eMnMrLSk/TWXW/ff7Ru0vmoCeG9btU+gfHXjH5Ni/\nf88gS6kVJq2A6gtM1YdaG5JHELN/7PNVtrlqO4/TkPhhbY1UZQnvAqPg7uzA\nAfV6mRnQ6s86UxM9qqyY+gZcBBFf4q+BoC77RSe9EGTnUs2S8lDgnAnJUYaW\ncdsMbU/3ZVqRcOB7d8WA78QCY3bJzDaQx0K/QMgSzasIu3snRHzuWSV5aJgc\ns54agV8/UND7ivq8OOqYeMuPIKmm32cjiASW4WIvQ9rvwcaUZQpcp9dFU+3n\nB49MIxB4uO70c0d/KgMZWkYIbBAXe7AScNuCuv4u3ZL/5VPf4wjOw7p2OhuY\nt1AsLZcZp7lYTNPO/MKlsE4iM5fq8d03ZC9MPYAtoaOYfpH3opQvzRtUTf0S\n+p2zCwohdnwGhnCXNDXsRVVC1jTvDkGq4gzwjLxN0KeVaXoAknYGBLK8Yaf6\n5eFBbUviOYMCnSglENDGrQbT81ZhQKD6EClRu0oWejtg3K8hYoGGRRJvM79J\nI33rIf/NiHw6LXUjXW1wUv2AgHEIl7I3PBrmrHUKOituhwcxN5Xy9OXz9vRo\nwN2U\r\n=P0KK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"137d6fb8ed93c50312981c75fb37199ad460dcf2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.7a9afaf4b.0_1602283958997_0.5486651847285433","host":"s3://npm-registry-packages"}},"8.0.0-canary.8a39352c8.0":{"name":"@material/animation","version":"8.0.0-canary.8a39352c8.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.8a39352c8.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d0eca04262228984504b964f26ccb7d36861268d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.8a39352c8.0.tgz","fileCount":26,"integrity":"sha512-zFf7VD/M6iY8Ke2XEMFVpoOHbaRwPdIQj7x88yKLbL5b2H3zAS5pfOfj0k2Q51A5ALMq2k3oWQQ2+LnFU2R1ig==","signatures":[{"sig":"MEUCIGUHo0P2sbzpKZSOqEgq8gKWR0Ux+a+GvQAOcL+hgmDqAiEAuveNCsilSwIPWg5KQb55bdVLG3q8c0+SvyfcWH2u3Ys=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfhJYvCRA9TVsSAnZWagAA8t4P/0XMOkjmfDEEeREVlUrj\nhk6WrnH8kd2zk3l3GY0Vp8U1rD6cp7NR9RlcEy0l+cTQwSc9wOP3FkCyAiX4\na6zjxuO2uKavJx3hlYYBphHFGvHm5DA56kgQATzS7OzrtuWDexnl8sgCmUuY\nqmNQLfHJcAj5FeBOMIhdHmP43M+74CZpQB6LKgWVvdD+4RAERpD4leQ37Swq\nS/OPRhpczQl9YudjWTFTEXKTaTL/tHeVc5xDJWp/Z9e/HVh29i5NWJ4pVDG3\nQe/F8re5ArIWamYn7txmaGeCMXpGTW+R3Yc13/KrcJAfVxQoNLHX506Fbj9t\nw71eiG83RhcrbFxEXM+IkG+020GcIAmUjIVISFZalcoaj0PY4UGq0uQIMA6+\nZw33YRTvaEvGAV48trpvJBM5NDIX15WT+fRRhztA9GK/k3qWqydcSKAUUao4\nlQ7A+hp8WrXsozBcYihMzdb0X53G3sRO+M3FPcoA35Zl5dkrKRL3J80G7pQv\nkwujZUZ+2zVeSf6u7aiaUXAluIAHP9lU1gEcLm3PKs4ytU1e7P1bY35m+BSZ\nB+bjPXfgo0N8gLGvY7C+fs3FptuGdV6fA0k+VFCex3gfssdtT85IKODOc4mC\nrviQ/5lPKNCphl5LaYYjkBbmXhgpyzgjQ1UlGhRyyiT2q/Ljb5uneQpuGLxn\nL/pC\r\n=zDPg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"cedb8cd906516b8d460c813039351e951b960c50","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.8a39352c8.0_1602524718785_0.37207987118930297","host":"s3://npm-registry-packages"}},"8.0.0-canary.790ca85fd.0":{"name":"@material/animation","version":"8.0.0-canary.790ca85fd.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.790ca85fd.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c8abc8f5ec5b60523176641d4dfc50c8f5a65a6f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.790ca85fd.0.tgz","fileCount":26,"integrity":"sha512-8D/Odb/Fjf4YbQSjXD1cITNN3NJyq0j3aXJnhcb9NhkCGtduf6Ci1RzaIL9urt3jbKW6XJ6FG7Oz13+Lox86Bw==","signatures":[{"sig":"MEQCIC/iMXwpJ5vf0/1PtP2Zu8tdZcto3CIlJCun/iB+KFouAiAI+Lx0CLU7iKdU/ARqjpP9oFKc4KVbOYHy9SKqxa1vaA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfhNDWCRA9TVsSAnZWagAABe8P/R5ZKwIJSiFcfBd0e/X7\nd8K+lul4KGYCWHWbGJdHZbS+Br/sQrovF7zS0/CSg9yKT6SNxq98FceT1hYu\nwx12A+Z2EOAN8Q916lRSNFzeOzEKIvq0HGlzfsSTfzDomPheWrhhX7o71Toc\nHqU/OCGKcIX7SDrzMlOCbWqrKyTS5qxtaO9BCP4Q09DGf99HXJiwRhERMYhu\n88nbzcugMkxUzxlvhoMagb+BdhyfnSiUYPMxmdoVBFi5uqPnNG2jzYRh1nrq\njdU2/6H/b2N1ucd2ZrQLhR5RSqjDsWiS1PKhR74PFSeK4L/2eB8DPIBtIBFO\nvkEPPqxbOKLllpy+GzET1E2sN1tsIB8aCom5ADgEJFWL2Nyh/jrsjUpyyHO4\ngvQI/VNs4u0vW7wWur7PcZkASIotU1vdv2/sx5/2LjtV0e3KXBrqn6uVmpm2\n7PQcb/h7tc9+E4TKYatKRBLud4MfEfYiJV0oxhw014k5JQeU10eMM+IObuy3\nrsbtrxjROnU+QMfX7cy+kskR1pY9n0dpQ4v9g6OK7MTCAHKOsC2XDr1BavVB\nlzXpF1lr7ZAaeh+8eaxslnykGMlcUUtVm0Z4IJ/DNHursMb4TfM7KMzPxL5Q\nwa1zgKfcbL+0QjUdGBBq2x2BCWrL1GRXFRQNUI6q3ZT8tIkAYiUpCjs5Eq/2\njC+4\r\n=wRdq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"8971e891898c4a8ca082beda756a7b93097f858e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.790ca85fd.0_1602539733613_0.26082887166213053","host":"s3://npm-registry-packages"}},"8.0.0-canary.174c0becf.0":{"name":"@material/animation","version":"8.0.0-canary.174c0becf.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.174c0becf.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ab9ab047c89f0b07d9525ad3f1f182f60a3e5605","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.174c0becf.0.tgz","fileCount":26,"integrity":"sha512-v9KQUHhT2v3H0CWdWUatlHYhAvVciX1Hx+P/ebAG+Jlo9b1ZlKYVjxw9KFS1tk+BmbzwP1GFc6uHZR8jsH3DiQ==","signatures":[{"sig":"MEUCIBWESNCvMg9lTn0rUJlPnCSPtuq0Hh6aCMzZw6LIVm+VAiEAnBsC5BcgGJ1NT/GXK1oZROko1D6jJUw0oexto2WnswE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfhl8SCRA9TVsSAnZWagAAh3UP/jLd7FzygMN5XPwtQogz\nl2hclTPZMfAe+n1aBnDUzr7CJ/ZWa6KgcT2OV3n96mkCKFeNniY/6xL+4n84\nQk6xe6tI2lIFR1Y1nG1DFfRcw8bQUbsEOSNcHjCp7SdiF6vF4iKIeG2639pT\nRGcFC2ZM9J4gcW0mxTRFD3Nf01HzwMqvl8BLxs6ZccNLR1yq0OCxtCKXvQiK\nqZybzkvNybdmhmNbgPGe9ZPoHghPF30rrzj7agz2JCOibZY+EYb+OmVoRYae\nK6QbR4IE/IXwRBXuCMAr93/FfNXxZk1iIk6f+imekMQzooy4mYrTOwi1hd67\nRb3+jqI2WXGp1mTLPoep7VZL79kvgsVg/BGTGHu8s25lRXHu83zvxbswCTt1\nqzlU+72dBqjGQ1sp0tUDtkk22uzx+9OiuOaVVKw23SD0Tt7oGkAbqhJFb56t\nduu7qKhuWf01ofpHQvDfFo895syXjkyPyWFpY4lU2LjYH/+KeDx8EpylgroR\nnazgry5Tnk4Ga+tvbcLIfTG2Yj6SZBYDXbgxNmmGRJ3mjG/HNOwWmR+tqm0x\nMwCjlDKIstdGQKEjGaE1FpOVrXwHAH/4/eZPNWpZkkPOMxCzTaBA+vPc0bhG\ncFlw4RX3jDeMkEeLTZHSG04WQE5FSEAl820eAqEEIvMfA6f14Ir4Zl8bmgcG\nVxI8\r\n=NzcV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"6dc7561b8695889178b3e884e84f5d9c3d59e100","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.174c0becf.0_1602641681538_0.1820908659114724","host":"s3://npm-registry-packages"}},"8.0.0-canary.c71ebfa02.0":{"name":"@material/animation","version":"8.0.0-canary.c71ebfa02.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.c71ebfa02.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3c16e5d1c2f819e13be347c8abfb4f7bec45e6cf","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.c71ebfa02.0.tgz","fileCount":26,"integrity":"sha512-5K4z23IanH2F4Ejw1GFbpQUWeX9K56LXRDXV2PsKe24DzOkoTCduraZRNenYk6XqrJ2u/Yu7oF9papHNRaF3+A==","signatures":[{"sig":"MEUCIG5uazYTKUsBny3MbPXWsao5un17IWKGo1h/dC9ynfB8AiEAhr+cjfvSNJc8PJoOi279iM6SM9EtYclK+JeM+cdZlfE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfhnuUCRA9TVsSAnZWagAAuHQQAIe+HeuUYmBmpWUotPWf\nkDzk6O51j8SPUyD0c+CUlMG8bTvN17ye6NZ2en9MOKU7MRo0twKRzZJNKi23\nEiEGu/tpQe1Z3pSASyRg8nKZxqVNiD+ozsKDM1jnvUqVpvhknv5x/rdN1A4D\nSvSsIgklCAnyQGMSgeO+d4jjgr2v1TjNfXGVP6zckAZrZSCm+UF+4BnRLYPT\nIOlh6CcagBc12CD71k7OWiWWcDXXgoXX4B76L9tfjTs6RRo8b4m2un7ZMP2C\npamv6Iz/WkvH+U9DfODa/A8scrXPYDr5hKMY2O/LF5H7MNtzUhDEkwlMOu7l\nUhMfiCiRSkvChDDZTI1NI3BtALsJfZQdPPxofna3iTRZOyCkaOPfeFJcdfXB\nmoNdJKq50uSKx32uDWqUOqZInVH4k+lqyF4LOjUmx/MK2U495Di2Ej4egA+6\nrpcu6LHDZAeyEJtNLMEHDJHSolAKCDR4Yu9UynzmSbIM4oodmXUvoYZUJuqJ\nuCH62aQisHxvfgPlRPC19s4Hmpw59YBGRuRalFZvD2kJhzaDbYyy+SZ5bnin\nCRtzvKngV3g8mwD3kTwUttGNs+a+jnj/ea50oXeS1l8MWW4BPi6RHIeqwoDU\n5ZKd/CaKR7y8oRAJsbKPQViBhdeN+mnKhfBLO9IvxM3TVD1RiN/DBSMV7UCH\nXQRh\r\n=Qb++\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d1158a184d234471c81501e838b409c54f591268","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.c71ebfa02.0_1602648979757_0.08089930654385458","host":"s3://npm-registry-packages"}},"8.0.0-canary.2ab716cbd.0":{"name":"@material/animation","version":"8.0.0-canary.2ab716cbd.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.2ab716cbd.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9594b41d4a73dcac6fedccb525d95c6429977a9b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.2ab716cbd.0.tgz","fileCount":26,"integrity":"sha512-bs2/VJLVKAq5/f5cVqw8IoabLR5W+ikYXqnlfMZR8MfTXPyTbmdQpMkU+CqMxq5tthJIUjN6Er6ozs8cw9zMTw==","signatures":[{"sig":"MEUCIQDlvJzNTvnsddI48EGOTbr5ggsY0a7w2cj0MfmUk2G1LQIgbuKRHb5OzRc5sK09C3NRd6rUslgaVmWHvl9Zpqx6pYU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfiONCCRA9TVsSAnZWagAAg1gQAKEpg8SZAQSyxgcv1bdY\nBfJNd/Qk5PXhpnjbeWjMUTuhU9LjQpjmITvDna3bYLBnN1o7CXWpLI+/7cyo\n8KVzlXhOhzrh+TLo6jWyovc4b86DuXZxTQBCeo7XrwBKPJfmAUr1YNFBcYqP\nIMfaH/ts1ClHIhLF/UJguu46MLtW6DuYgOtDYJ18v7Cy8FG26/IkFcIiZ0Si\ni8GILh1v6MJBtcQcKZV9qF9FBTkKz2Url/VzNzDLzEJQ6B3OtCIh7sJhnonf\nMMD/hOhdmvLm5OkUIvP8k81aFQDiR5Y1+9AChM2lnc/0aU1oflPu0uaMuAWI\n4Nvu6TQczIgGEg4/qcFoUFSLZGgULdOyc/bb7hhS3irJTTlWfZmTrdN1liTA\nR0OrwmefQxh5exdJDHamoPZLkKD0r5sG/eBk3LNMPPQbmRutRy/HLS2hXxa7\nc8r6zhLge49fBKtYGXe8J95/v9A2Uu2JRPlByf2OqtPFn/17xodc2au/SEkj\nSpusYiMFPLtaeG0xCpdAbcbtavdRFBOH1Vb4/RzizOcDFTyVF4P4mb2I3RV5\ncZoR75umuwQdIHSGjPl6cTkbVfx6kv7AmYO989M+rHuQXq/iXcGZCwOHH/pg\nGhX7/clrxCWgoQvayGGQDrRMqNJmpXoF6/6DYNmFv+jvHdDj6EDQlbWf8tu5\n82Yp\r\n=pwZc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a3f41127e9d90f7e393ee6fa5e01829e52160131","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.2ab716cbd.0_1602806593641_0.2782068776910285","host":"s3://npm-registry-packages"}},"8.0.0-canary.43c1c5e2f.0":{"name":"@material/animation","version":"8.0.0-canary.43c1c5e2f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.43c1c5e2f.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6ed7f5fabe08c98b2cb0d817eafba0708ffaf4bb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.43c1c5e2f.0.tgz","fileCount":26,"integrity":"sha512-GpoOKPixM8DOg+qKvuv3OKbct8kY8Hegu7i3VxO5BGaXViF/CbqqN6BQEVCVRkdB/hGAJ3NlC6jXrlp2p5FHtw==","signatures":[{"sig":"MEYCIQC2Qjl7kbUXSf9obbSAGwteBWJQfXxjJFBotNKVnQFmWQIhALBwLGjwAdUQPwbbqZh6h1nMx48PPGzK7vGogP45q4/X","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfjZ2DCRA9TVsSAnZWagAAvHMQAIojCCoagULNgbJn2szS\nWBO66XX0InHsllUuOpGIpi2VL0Oe9P9wQjjGGKtiUrP1WMEPyeHOKvDOCnEU\n73Rrv/aQAVqjux+8srBg0m0JDWs5d1Y3gZKwH6g0ScAQt2IcCDdIw1BNkMcy\nqNcmAS4A4tJ4hWCSDynczg/APWmN+vx//EEswQvALCKyeZ6AskVapkWyDmkW\n6IQ2F9Cf69pyJygjE1PMBcSDWkxxRj9J2gdFWRb2fZzIgixj4JrpMFAXEmEM\nHOK+0sWGT/Ww5vhCDi1fPo82PouMoXtdb0+h8VDmhPIB4TBxL+KK0BealfJc\n1+PaBOaBicwbSKDSmSzVr5XIJZHEFUFV7EhZNE7WeeQwspdq2yFDmbjW6G0j\ney0DJtqRaqDNLU2wkm5GM4Q/Xi4FnnBSBxQJ3b0Bx68V70ahxgDMj/kTOY7N\nLO1FGmxu4GLzRpjPvdDy+1OrTmZ+O4nzoecGmyW+PrbhYPd437Kkl9xRpf7l\nnrzC3bPH1iDQI4IhgjOQzqoNffvfJsZM7EeC5mkFkBG6WUJDcm0YmwNEpLvL\nIxeeSm5iyf0TajcU6wCJd3tSjDH5BKtuoDkmgm6RvFuK36mZPDoyi2u1LRkd\nuxkeocSSZ/8sSFdwHPFspwvzEpc5/NHX6wmTLaS4bCqkVjn8b45gEHdMe7ku\n36vq\r\n=oK18\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"bae89543d5336b4583fd1519cb63078d2a5c39f5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.43c1c5e2f.0_1603116418744_0.167404366765028","host":"s3://npm-registry-packages"}},"8.0.0-canary.ccc64eea3.0":{"name":"@material/animation","version":"8.0.0-canary.ccc64eea3.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.ccc64eea3.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fdb6befad11ddef975bfcaffa1230e0908bfd858","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.ccc64eea3.0.tgz","fileCount":26,"integrity":"sha512-ugcLqSuTljdwXI5rjEUDRS1Hm3SU1XeWqLy7HloQBWIX7eLUgF4sAOYVL/kG5NvGFFtmsMmnhl0udmZXaf+T/g==","signatures":[{"sig":"MEQCIGCDNqIo/iWE3Pmrw8ERLN3ZST10k3gAu+BuoHZcKwzmAiBVByXC8tpmThKajXUzVslWL0OPju6scPwU8uOk4FLvAw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfl1KxCRA9TVsSAnZWagAA3+kQAKCLH8+TpfTIqPwGgA/A\n7gH2gvgF4G41GjnGm0GDe7XUQaTputOQ/EyGH66yZwDlGlY2P525gEIuPyvv\nZmGILjV3du6emw9SLzNC52HBYkgtATiO2IsrbOcqtL+CK3nMutpbz7OGOVxD\nEwkc9+ALTj8xGY6m5OyIUmSiv2bVyaKE3lnYbMmFV1JMc3+y28ipBFBrUxbS\niWB8XJoWiOB5qIVs2pfVmn2OIpsCp/QlrIGue56FgF3kl1DXVuIaZMlZuLoW\nuLS/7I9ZysGFBCDoQkSk3RcmTxJWEfHt6MBWmQ6iJdxIC7o2Yhu92/QkRk01\nT39kZfNkgp5Dlqrh2WueRn5DWgt17W9p3nvC8ITCn6z89Ief0tmy/4O/pt0d\nenBHR4W7Q2erJ/Q5rMeBWpw/wpz73cy9qeHvx4vVo8qnhicSNcssgXrSG1f2\nvAFSDTBmczKjaiYIJWig7R0rSqUef0iXTdvxItVKB7gMDU8N6gRXqJ6y+pY9\nYcqGNoqccgLu1r7arPfpep7p7yu5ZElxdZOetyIYdW1qzVBKktDpgYfFOt6h\nPIMEfWZf/ZWxsIoHYNRwJAZToPMOlLVRUER6oEmC41duOUU+SGKNAD67FQSe\njBWRMpVGwCMmbL9nyjg7P98oOU1IHGcDokzqtpm3wHAHh4Mzy0Ei9qfDJP+S\n4RrB\r\n=7gcz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"26df299f75c86dada6da463cae5df1b0277d5c7f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.ccc64eea3.0_1603752625355_0.5881408129567771","host":"s3://npm-registry-packages"}},"8.0.0-canary.a79cdd019.0":{"name":"@material/animation","version":"8.0.0-canary.a79cdd019.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.a79cdd019.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5f26ad9a59fb49add02369a5dee0b4c69c103465","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.a79cdd019.0.tgz","fileCount":26,"integrity":"sha512-UwAV2x5TWP9HFaHErBSRKc0zoZzgjHLg68FcgJre3VvNaqC0N5uuhhmhcer0AfS/Ic3H1tVKW/gBHpgGs2pZtA==","signatures":[{"sig":"MEYCIQC3JnJgi+eXUFtF2OkxjYRiZDvFS084aT8XWxFVPFtdNwIhAMDsbv1wRT+jMQKOollFAYIA/XWdBLWDS2v2v21Pjczv","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmEsKCRA9TVsSAnZWagAAjOYP/3fyfabPCRKVlItiEboE\nGm1Xw6DlM0tnOz70FhgUa6uEYW1PTd0ZmoZfj80/icqoCQyglDRkFLNmFVCs\nBoG8nx2SklaZGC0rdglqSI9ONQWuiCbpeYXw9/TgzDODoA0iVLMuM6FaZZH/\nOS/s0C3fUFi/X/QA1SZ3XwmCX+RLQNIyTutHLI4VaC7GOIig9EgdRl8IXf9U\niTvmIceYbeoVKTerpejtO2E2J+U6T0YAehX/JnVVFGguVT1iqfHo3GmATCKp\n4U2PBSIZI1KiXiYjVgg/j+ru/KykzYnuLATc/eeyYFGjGlxYuMt2L32iRLcc\neQtgYodd89RBfM6TiRNe/zD5/sMnsOHVpHEic1ceHFhbq4If6MNoeiZmX9Mx\n1rJnu0VvgrXLeE+Bv28HHZgvMMvG+yDl+Hwq1Uua+ht7b7uiQ7FEoWEA8cTv\nUCB/Z4mU+YdgpVFkurA6SgPEsQ1iDYlnW3SGIwLFD/bR/5vKWObPEbZWKFHy\n61/zxmV2e6aU3IDAdDVWRcevx7T1y9u09PJRIwM+Ein5AP+hOvcXcYiL8Zp5\n+o+asFylQyXCjrJFNDZ3gW/19hPnktf1S8f8EY9/WehwwK4c1vlQCbYWVnCi\na5F/UKjYwq+eL5JGeJ/Ca2ZNLU3rpff8GscKwv1V/7h/FaXMEHEW+nP13vDC\nwVcg\r\n=ZNE8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c54ccf71e4018e84948fec32678595d974f80c67","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.a79cdd019.0_1603816202145_0.25579893180420843","host":"s3://npm-registry-packages"}},"8.0.0-canary.596e98424.0":{"name":"@material/animation","version":"8.0.0-canary.596e98424.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.596e98424.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"97f37284ebb8ad42bb644989fe48974c8c73b561","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.596e98424.0.tgz","fileCount":26,"integrity":"sha512-qhp7M3h++9L8Jurs2IQAGq0D0+1JtGyDnLxyi6AVBeWOZxU508WuPhc9gK68qo+pOq4dtQeovd1brr+zE+WcQg==","signatures":[{"sig":"MEUCICi2vr4DhoAmYOY+nPmuCRaiohX6BGdAegL4aKgZUTFWAiEA3pxspnL8UOMFdksH4FyNBjbIXo5wRIPPf1CeNaqsFiM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmZYOCRA9TVsSAnZWagAADvQP/2NNJidEVUL3S7nalsSh\n5YNsODkbA/zNT23HFgpoAs0m5gsKHrkG7twIOhSJznnfMulo0wIm44Tgncnp\nBOmL6mhNB5YRqLRGPq0vU3TJKLO2qLG5V0G9fOdUhjYp5OOK7GLyxse9Qi6h\npEjspxkocHwy5WbSBQlD8Tp/wHGFp93ciXGkudY9tdt2AbUENtSI5RJZbmrO\nJTX41HwPteQVt88yAJaj9vq2xwi/fPKl8cNUIFRjEIW3bo8uALqVDygvyxdN\nd5rtPYcywTEI2bkOblmelrApOXu3aYZDGlhRfvPMuQnOS5e41U82Q/kc9AXP\nz8HK5YWtKGJTLU91P5GD2oausCt4Gn4OoUjCx+yKdwU4LW2WDv8pf78XWAvQ\nUxxHQw/LdBjhOgdbuH9xI9tdq3kmuyC6J3P9pZACKWdLldgxuKQOyB1YPhkY\nWv5XB9mtD3dkGhhozvEex89XRUu3aj7JZKYXGJu/4WSzFV5/N9eJYBWiCVZk\nJENoIMBwQv8CaOWX+vuyT9DeX21NwT4OvHQWyfzcm8JpDluqOh0fnP/gyFva\nQDdPIAi9C+hHAApk7dXir7kydPXd1uaVqq/RmaUhLncy73bbWA/bNPgNO7QF\neF1KLLuEg/MeExyaFVf3UQNp/7/MtYSVpQz0CnTuyfluNUcl4jbH8xDatg2v\n/VEr\r\n=EHV3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"8fdc1f444b4540a876847c7c3fb4a934e75fee2c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.596e98424.0_1603900941364_0.035752326215927166","host":"s3://npm-registry-packages"}},"8.0.0-canary.05d5facc2.0":{"name":"@material/animation","version":"8.0.0-canary.05d5facc2.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.05d5facc2.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"dedaf5b58c6abd7dcd35730f2c0fa4d59207965e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.05d5facc2.0.tgz","fileCount":26,"integrity":"sha512-GaG5ZDz2YT2TADMCsompDtFM82ChQ2xLxwVCW0lk5uoLBeOX+z7Kqr6YEJrCMaHWjNwc9Y2tiPfRITJ4gbaoVQ==","signatures":[{"sig":"MEUCIAvrO6sdkYMShH2lgQoNOiU87WRMrbXanTo99kAdLK0xAiEA8VJ4QmU0uuvai5pdf1qKaDfR4meWKGTLhFa68nu5OBk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmZgJCRA9TVsSAnZWagAAqBIP/3Ecl1LVnfQl9Lnb4BYj\nROAiCMpBhsc5yaFEr4mrzlCAxm1Vj5wV3zP1go8eybBZvPw9ZB9mBBYlEhnB\n5msxqplqDJ5WGnMYUuyCgOERZvQAOTz59ePRqxtPf24YBGZag1lBcXmZg7cq\n9mqtESFFv4/mKeMi2eh8kfuMDQoosyI6hrH7TMjaSGvf6khPX/+Iku799m/W\n0iiET8k08wD3X8YuMT8rEE/HSrs2fJTx+jjD8z6O2YooeuXb2GUMp30U4Bxt\nNDSfgakQY/fqpRXRRHmyZFZ7dSDkRcVy/CHDN7vQcJ49McTBWPprq6khFIX5\n54vIXBUc5eilNB0Z4+LkpylwcWzfl+Tlyt0jivWL0xFAgOvOLbM4aMzbO/gS\nNZGzb/xZ4Fk4f1BAJcvmg87dDl1CFsTJzzMRVvxki/Fsb1zxwOP4x4oO3pT9\nPS6fpYUM99w0bmXyHHpZSE7zrxyE3jracTYKVY/pHLJgRIaHngnbvmzz/5DP\nfqvjwnBVv9+mUhazKYrO2hNtnQYGKPp/zZFSUu9RkigtjTCCH5Qvjmh++4b5\n3TIHUs/35pOk0RywCkoYomLi5Ld1wq60xhMHN4+aTFPmR5A9G5jFx4uvyMRH\noFaOni7UXrwRIpNCpH6TzByncdvkk9A4WIFWU05bn2Lj51IkxrRPc90GJGDY\nuTD9\r\n=1T3X\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"db17092b19dabd6628edec5bf226f0b6a48e4f95","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.05d5facc2.0_1603901449131_0.547312057281022","host":"s3://npm-registry-packages"}},"8.0.0-canary.291b3553d.0":{"name":"@material/animation","version":"8.0.0-canary.291b3553d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.291b3553d.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e42c378983c403ad133c74135bc153bef8d40c4c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.291b3553d.0.tgz","fileCount":26,"integrity":"sha512-voztwn7ZTYExuEZZR9TSeSm8sKwDq3eaUrnoJ/naIusd8Owmtzw09xHeYa6ABOfdMyIur6Q2zik9zTOt9RZWVg==","signatures":[{"sig":"MEQCIGp2X/oC1aZOqiBqt3Axv6hyhRAIEhqa7eXNOsKbDCTfAiBtEZMZ3uzhme8hzA7a122cbWhYA8G1faiwaZ1y8Q2Lrw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfma3TCRA9TVsSAnZWagAASKkP/2JY7ZF5H96lkI+W8OLg\nlhpfz5yVqILRCO1sq/Ff+h+aVFDOjdDMQXcogzh7Z9M+f8tF+uuOapZ8cUwv\nDKjOU1taq8ltY/+ZCckq9ZRrHcIYl1i2PxgfFu3TUZTPjzuYw24zqPVJfOsM\nDZFewx33QT1iFHkksERc3Cgf9f70vhSqopAY1N0Q2tkyrMFdxJBV4nkdvPUm\nSyNRMeczIqr0wzSQxAaWur3pbSiOe4aPiCRxSnZ7J9nTSarN+X+n7bqGKTTE\ne5mo63Gk+g4O1cAC8inwnHNgCEAHJ1nhn/X08/+NxmI54apwDoxjQVJ7p02N\n9zbY1VTCStjAMEY9nYkRZ2CFJ8gW5Gv9/ORt5cPqT6YJk8MI0yQORBOWyr6e\nWeTkxQ3EegyxgDu3jbGqIC41d4ghm8VBuXraHvp2IN/A/Ik7u2xZp4DcX39U\nRp0UL51ZecIw9S3+fhE1gDoXjWaZ67+1TDF/i+Ps989s2hFs/9PcsCUawgko\nw4X9tWwR8yanwHwwcnWT9a8mPP9G0oy3DbCJdfr7OFsQaFL6u2Yadr7xqUDD\nX630o7Hk515g3cMfOiHwbsdST1vQfUYIsmy+JUIF+OGmgBsVT62ZLvWz/m41\npDGPX334azmjrAfBf7g2WVhZhcUt6+e5e+9N0Mof9ZNBcrtuVufkbSuMKsS9\nNaky\r\n=sfA/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"bbd141e6c5168a84cdf50ef1302c9f705f0eb283","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.291b3553d.0_1603907026594_0.8543720383255324","host":"s3://npm-registry-packages"}},"8.0.0-canary.dbc449b09.0":{"name":"@material/animation","version":"8.0.0-canary.dbc449b09.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.dbc449b09.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a7f82f1885e987b3d2eca6a3c4c519f671cf84f8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.dbc449b09.0.tgz","fileCount":26,"integrity":"sha512-qr/DZvaWOH11rb0JA0kQSoQaX57S+zJ1IgNRPgP3O8ezA9prUDQbVBfr4K4PzWutmvlQUL2CzedvPbEOiy0K2A==","signatures":[{"sig":"MEQCICA30C+FaB15PBkChHxYCsBsnhBnnC+MkoHiLJGnsIKiAiAx/FmXMa31W4/XlpFnXMvqlUzBhveR0HabdTPLOVaDjg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmbRPCRA9TVsSAnZWagAAVagP/21Yb7ndXk2JXmn4gpur\nfkaG5fLpx8LpCIhTGsdkZIaP9hl5pLx36/bfT1A6oBQCxB96ke/xSyqtq4MN\nwO64/KSrTZic8ffoXFe5zvaagNqhcLEttCeOQOMI6N7yWbuY9kw9/QvVZmxP\nJgMTvdql04F0l/+lHwFYMY5p7y2wGysBaUl/NtkhxIzD5mMpGpVlBO5TeuKw\n3OnO1L7EvZDFwwYnzresam6/b2RSUCzZrciIezSE2QCTqePuCs0ZwPaa80mT\n7e7fnPy3umdPvFHQWiBuQQDRexBSCzMmDojrewtluBVjbffpPbevQkv1RmFz\nWb/8pt8djbVpWZ6jy4ARXZmYxb0redXg9u9adWFTMXr3W5DAP+GnM5lCmDrP\n2qkvES7wo713G2BGi44bCuaJLDjw7WfQurPoPMSJehc3yj2OUX5d/Yffz76F\nD5vCEikG2l8aVQUS8kTlX7mlFA083CglQR6rJhjjNF+8dZ85cbsFbVNTSIHH\n7xMeTjYqTcZy0tb2k6IjMI70F1f2TSYm2iGzQy+5AvU7Y8lgnRpQMwFPCY4P\nbP4q/SpZZyBhdFx4vhxig2pKYkZjb+lkUZYdTOIpVDl3OnRpZRqwlMT35wcG\nbdY1EOpefOsU+rU7QgTgz+vS66WuwZgmV2WHJSJk53hWyEO6R90rBe2UfxWz\noK9+\r\n=1zFa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7888f3b13baccffea8b2b02ef5c25e264ae321e4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.dbc449b09.0_1603908687352_0.7680088739844366","host":"s3://npm-registry-packages"}},"8.0.0-canary.4794b25da.0":{"name":"@material/animation","version":"8.0.0-canary.4794b25da.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.4794b25da.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e6596347d37e20e3265980e2ff3a1052ffe8e33c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.4794b25da.0.tgz","fileCount":26,"integrity":"sha512-TaDxe191hRJ7ZVQvU/IndMvN+51slcnYF09g+2WCVNCnDvyDXb9HlMtYs1fXiW59MVR7DZuRt9c4GjTikuYcSg==","signatures":[{"sig":"MEQCIFx86I+XXlA1UyhwWQdpjcx9apAf8TYqGSiTFv/pYnzdAiAjtIODLIylYXU/1KLNRUbnO1xtpO9a9WDsYprioGpMDA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmbsGCRA9TVsSAnZWagAAUWcP/A0ILbLFf8o9pENU5Eor\nzvkNudbDqvZHISHdCgH9xDtontYs61vN91PjOYdxZqZOPqJP9AQSDEi+G62F\nIEklQxMDnyXLhxkfaqiSPo6AHgwxzfGesBQ14VyCJviFlgqCajf2ILyDub+2\nKBAEtn+Auk8zYXw1Qj5JOn6NiUBEcMQTFOTJuAwKcmLKBIkc29BD+96WBpHs\nReIUfsx0+h7U8YEmGeRfVZuclkxVxvUl7S8f9UIM6e9ikd/ElEay927nw3gw\nvXpNpzqfr0YiJ+HkR71JOetTjjCPDaYlYcE27aSen3KV+y+LId/pb4gcdF4n\n4+zdYjCiwIhs04yjZfSFP7L5SCLRWheWlFkv20LmPQ7aW+sESg4t4ZM2JYPf\np9+KvHg9jVzARPOZhAWofhGwLVg+10BILOT2JGgkquTMEGojxgyaAq8+wTGF\n+21D5D4B7mZl+/8YoqDtjGv58dDUIuJpnslpSSDcwNIRedZqZngvh7keFR91\n0rD8wRvWooZagZJiIUe384/QMICdSDOBQi2CaIHhhgoVMeXdvVhQRtprXxhm\n+/g5T8Bp6r343tcqYgi5YRgYwj0nPaiixxNNDDlnkMurW2ElR+JismStgISe\nHwm+MOlMn25ukH0VNv8+REvWC8o8t7WL4FroWrO+REULzx84McHq/YuQtO4/\n2XOc\r\n=KdKy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"0c2eec6be7b76adae9376847043bcde093f59d3d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.4794b25da.0_1603910405750_0.3007217725080824","host":"s3://npm-registry-packages"}},"8.0.0-canary.c61db90a5.0":{"name":"@material/animation","version":"8.0.0-canary.c61db90a5.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.c61db90a5.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e28a4c70f15a5d4bff2746352e3430a4ab278769","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.c61db90a5.0.tgz","fileCount":26,"integrity":"sha512-TKT4/rFeZ7YB4qsgz5CORRObeOp0KznL5WHMccEE3DwlQYF5diw11gSFrvReLAJz2NkcpjyGpWU/9Yb617pCKg==","signatures":[{"sig":"MEQCIA7fXcy6AOeUmILUYLS2c1XlnGRVhD3vGoxZPz6MFjh6AiBbG6pR8Z1pKHKpzWzn5frxFTX78om71LGCePyFUvsasw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmb9SCRA9TVsSAnZWagAAE48P/1L4/jGi68yDtscHUhXX\nrCXlXLnwIWNbzQQ75w+BAv/70of9cB5oFAiey1VX3S2B23nefbAvoqxNv984\nO3l8zAnnPpX+fcGkpVQjAtb0mlclJO5oIGRvWCjx/iU8kdKbz1U6o/ccmhOp\nQsDkxUjFvwd4cn0zHaxasH2s2VmteSsV7pXbFkSAiNL5wmywuvNYn96sM3oy\n0599Svx6gRmJCGyN+hVInw0VZD0YCrbAFQRKm/B0F0rbtfkey9igqBEC29ZO\nhHXMcM3ycYmbcGi+6GzihDh8s+KdYMDw8B0Gee5TT86SQq+nj3nPJ3MQDHSs\nF5JgcdrVmMwEU3bYS87FJ8WKYkcTv5OOIoq0LFEaP5O88nsLNfCJDZbytT5C\np8hjcUxAx3DC/lBUyuvS13pxg7wipyNWBiuIXhazFDrG6zqn0iQq4o5osjJh\nawm+cZdwX3ZAQOIB+88YlGwfDQDvUrUqh7SnBog5Q4t7FCOgYnrTSTZ3Ai/p\nqQZdOIkKnI/PmJutoyC+AxT3awnf23BB8RDUzlSPiidJOJ8+7aI/ptKtPsFo\nFqi4+GqDC/2SbCCqLw2OfnRJlIImxnfFrYbBzQT1/oGY5BZE3ciC+yDtXRRB\nF8WhMEdDVGEGlMsQ+n8CWIeP4rmNMNpIpYkRhNB+4G1RjB9RYpP293ViCC+8\nLkZ4\r\n=E15F\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"695570eb7478c283510b9174ac7c4911866e0868","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.c61db90a5.0_1603911506229_0.41382548493949445","host":"s3://npm-registry-packages"}},"8.0.0-canary.6d9648ab2.0":{"name":"@material/animation","version":"8.0.0-canary.6d9648ab2.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.6d9648ab2.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"12670b5953782861654ce4e218f098fead6aa412","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.6d9648ab2.0.tgz","fileCount":26,"integrity":"sha512-/jsWOoxUW1LbxC+iBoXRmcWD2/yx4Fgwk73W5mzEdWV1psYEOSu3sBj6gbFIMroSTrg/c5ywxnd4fLnAKhbNEg==","signatures":[{"sig":"MEUCIQD9/s6ogBZ3HaSSThjpS4hoLlui6v9+pRqohQGlnleprAIgMH6l84QH2/MBpHSNkW5syOOJ4DmwZu4tr3fF33Ej5mc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmyaYCRA9TVsSAnZWagAA3yQP/1tlOrJLntFEdmNhI8sC\nfNKcHgqtARrc4xuM8XKs/wuBOKjE/8oQGk0c6xPDIsV3nrPWf7t0mt8L2HSg\nmkDxK/MquYVXXpOU7b+2uDdRGv6z9/rKaNhHF4Oy/XGx+zvit/d3PmvTLDHf\nKbCYW1p4n8OVvGNc0Elh9V6NqtyGsowlMSB+LLRk920SYMjuFymO670BbsLV\nqpBN0/yyZ0ZOobr4KoJrRM5S+XYpc3fIHEP+FlUIgh9tG5MUZWXBXAH2qdwk\nNxZj53IKufxvLtUwSgycJuUr1wqwA9tEstivTWvzOb4/OhxUgKJiWSwnxQch\na0XBZi7raQ5o5mUSwPUj0OV7YVmtWOVFLVI/DrOsDwPVW7rx6XgE9BBhK2rJ\nhSVznmJ67xVBGSvRA3WbI93vFx5oR/2Vt17yS46QvciB42qgXH3PyhdL+/vF\n9tyProEL2tlk3BzZGKf4m1dqp1nEa7HsGuB+rftZS+4O01HZfFzOShRhcP5P\nSv4lrBMLFpzH4uGUhrE0UAXbpL6HnIbrlJzHkghxV/xvtJ1+RpgKYcnj+jY5\nZiAgjYdMKFNQSzSYc0rQ20c6TVUKn6tjVBPzCMfpBisssmTLLerNMyN+f45I\nHY2YUNbkmWz73itCdNYvRvJ3KwCtOBoa95rLQz+RzwENGSZ+qgd/TspxSR0Q\nQiFZ\r\n=a7ar\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"5de6a39d4b70a98beb71cf8243a219f454b11aa3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.6d9648ab2.0_1604003479959_0.9610718004811039","host":"s3://npm-registry-packages"}},"8.0.0-canary.5511c5254.0":{"name":"@material/animation","version":"8.0.0-canary.5511c5254.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.5511c5254.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c50650aa9340b5bab600ac9f54fb12b8355bd782","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.5511c5254.0.tgz","fileCount":26,"integrity":"sha512-32j0bfQFAo7MIvevtrbRHr9pfXZehbP7CPEs+k9Sj/Wr27wRKZ78H9xLuZv68weV8o3K5B2ZM7nEPdK02M/pig==","signatures":[{"sig":"MEUCIAaXB1nwnh0nyGQg21SRso11nHO14QkDGP3Weuf3VknlAiEA1XLRZPuWtRNdWP0Uk/sgJnMjLPmfRWXMWRxnXJ50XJk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfnFRrCRA9TVsSAnZWagAAQwYP/3j61hKovOm1ACOJCE9C\n+YKyyNkQHCs7EiyyvSC7wbfynruxAcV/Xip+otillZvRO0/Ubq8DXZENM9as\nphTgzKoSBXTQ4OemBrXqf/TwgTQfMQR1M8m4SEjTw1gDktDD5mEW3z0gq/gi\nU5VLaULYxW8nSu5olFqt3rofackaxcIk+Y/r12cN8Uk2437JRxDZvxU1fZ+I\niBoNlI/BuNbpo02HAwTFdP2BWL6CrvMzAPci6fVTM5Wpayu62ydydbxOkH0p\n883yypEDLar+4X2SufeLluT3ydTzUbxLDdgZm+uOC31Q1X0VwjWxatbje6lv\n4UiPbmawIGE8I+aggSllNrgGXAw3nH1SoKSh2hNqPTIs8+uv5TP6f7DnLx85\n4dEKlBKdXzb8SrGfdI7YNkWFEUYqZykJiiu49BdhzkMk4sQn05quvCiaZfKk\nX3aSLsDSk7pRGQ15/LkxY3RnSLtH96Sez3PD48IKqG3z8CPb1BcIcOebqvY+\nmzJ+2J4iWMxHf4uhZdYqxrapirtF+QSBTaMb1Xi3v5yKco+0piREV5Q4Qo+s\nrXeDZZVTB5lo4SMehd+Sf7NyLeV/MHBPjSc65US3g5x9FvEAEja+IzBkUo2C\nQKc4Dp/eCQuUiyEgAFfiGN/Hl6tJYNkqVT2H8/4y3E0KkfTOHhUDWu9+2L/J\nB5kD\r\n=x2hu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e847a627e044cecc475be1f0140e17a4e2a68dbc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.5511c5254.0_1604080746426_0.7865325027118812","host":"s3://npm-registry-packages"}},"8.0.0-canary.bd6e302a4.0":{"name":"@material/animation","version":"8.0.0-canary.bd6e302a4.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0-canary.bd6e302a4.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3df3975afe88d4429a32e21746fa376d7a057887","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0-canary.bd6e302a4.0.tgz","fileCount":26,"integrity":"sha512-TcgtStgnFpG0fIrN4GdZTagDiLhEXe1Ggx4w+IooN5T3T/X7YjagjkHMh17L1eKVBLx3SMoJ0JM8Bx58MJXpkg==","signatures":[{"sig":"MEYCIQCrToxWnymx+Pb1QvHcVwftb8hAvttiD44sD5IdYd/tDAIhAOAXl5N1ZMxqO5CAkV2ug/O4shl30THbqthUXm9uvdFl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfoDvhCRA9TVsSAnZWagAA26wP/AoDb6eEIVGmSmSuMyC5\nAlBY6gd5BCB1eG+rUV4Xrg83Jax6XfeXnLhR3ztY1Mv7HtbpIoppz/BKIBrJ\nEj+5QCdfdf8JnXXAIH42zdcf7Y5kVylD1lxY+Npu///SpDTDJ9pBwYHhTus1\nrl8FXIO/LyTvyGYgJ1n/Gp5J69UTzkdnrKeBlWpKQjcJ8a5RKyIN3uSdCrby\nByB1IdYTxXZ8kHyztJx/dpxUopD6p+jNPnL2Qjk+84yyKNpg2fDD78YxaoWw\ntLdQ+p3dehQH6Vox4VB2RUvyEWaW+ChSSbI4Z4+LGkPyTQF04fFpdofW6idB\nFdcokLaJTDPog/qtXXbCi4gpa3vAmwU/w86sek5vJ6NX0M3B7TPq4OSaNt2L\nQEOqyz/06Z7bk5kemDZzl5zMlK0LYeL7dtxsDaAgdgUsHKQXypzfYMnFri6m\nmfYDV92jcrI0ovf6wZHTlFF+H5TbgwHGkf1K9beowyRiGdGflv2IjcCZES7S\nX4oHrL/YNZnO+H/4qa5yqOQo9sxXgp4TlYj9ov9SbrakXX5R8+DkJST9sRfJ\n5RIfA1sSH2Py8FC0PagEaKeKxAuPXCLlAh/hbbzmbhmr7Uqnko+ivahnRf4K\nCsIA9bAM/19B6xGYx0iaEQ0VDl+zB9AylTVrZx/xIR6b+3OO9waZ+Lqy2WI6\ne/vY\r\n=WtsC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b48f791b92804fe77eeba96f057b1baa89c48e3f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0-canary.bd6e302a4.0_1604336608539_0.6943665149592213","host":"s3://npm-registry-packages"}},"9.0.0-canary.d6b5cd418.0":{"name":"@material/animation","version":"9.0.0-canary.d6b5cd418.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.d6b5cd418.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"359b0ed6fe85b2fe4d570fd0f95accdde039b33d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.d6b5cd418.0.tgz","fileCount":26,"integrity":"sha512-qVMPCkg+FYSuNBl9v1QccMlVW5R8V0mcDWRebCZh/Ll1lW9/iCuOOVPheqmwUq9jKjYr0AxG0hgaMsZXFTlTsg==","signatures":[{"sig":"MEYCIQCXiVPF5VMuQozAVzIo2K7lCPZSEfVHCW0Zd64Gn/nu0QIhAJQHR8XahOwMxQfnEBS0NEvr3gtfrC2YQrNbf+B5XHhn","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfoI7yCRA9TVsSAnZWagAAHFcP/3sOgPb3MhhLfamQaMuI\nRj+sj6PW8P7Mng83OMIrkAUIUWbdsnD1OHeFvvk195KzGdB14qzU+h4XK7Xz\n332mle8x7zuuAwvgHS9C26Hkj6pPH122DkVGYxyV6PQ3dgJyud+tQp7X6ngO\nV/Btd5R3PWkjzHdYQdgFmLa3F1hXiVagpxLCKHx2z8/9nlDES6QGUpy11fSB\nDULXfRgEmKnlpy2wEsAjl9+cXmUBpk8+CLTWjcOgEdVw5bkqi8riNCO2OAV8\nvgO0OVzn0p2tSKxPqDN/ty6UkyZ3u71QTZ89D6WOKA4ZsWUoxaKBolxgNihP\niZ7N1R4Qe7Ii7mrYIV3J6TJpQ7gGT6Q5uBSPiB5dPo6S2MUXcjM1RNXfh60w\n7ZXAwacw3wUAiTfMcMkVuZUmxgft0S/uUWU9bVIl9Xh4Q84spSSLwmxNT22w\nF6MaC/EycD9a+haPdH6o6xydfB40Yi6EYLSoV+UQpc2n3TjAodAp/tXQiHyL\n5rDAAyIdfgJGTIvkZBox+JFiav6/LYLe18FJXIZzME39lYS6qOQYD6Un+yyC\nX8NCJHdgV8w6QDqVhIf1opb0KPHvB1AjJ5LYf6+wPwnK2U2AkBrTdLkjSM9K\n5+ZPsELkjCxR23twhTQtUqbFIRusiH3gNpoI5SvUl+KLGCkoAb1/RFE9d2Hm\nKfK6\r\n=FUUi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"4fd5e4f9dda92417995fcc822b1d02016642b511","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.d6b5cd418.0_1604357873624_0.6033708928114516","host":"s3://npm-registry-packages"}},"8.0.0":{"name":"@material/animation","version":"8.0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@8.0.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"378634cd8c9ea295c9f77e49cda34c7ae486f57e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-8.0.0.tgz","fileCount":25,"integrity":"sha512-4+rCFDcfJap62a/8luuq1fmMA+EdVMASD4CBd9cN4LNOc/OPzBkLqv0PHFTnmHu9Y9biHD94uyDsbEcvtyGr+Q==","signatures":[{"sig":"MEQCIHKTzcjxgZArG5HjtbcdsTu/Misf1bz+uyRUvSrVrvdjAiB6H6LPunVrcwr3f7su4FoZ/FWSLbzFaz2JVe3d+lMYFQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65802,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfoI74CRA9TVsSAnZWagAAwnUP/3UUlpPJestrI0B3dBdH\nNXs2u4OB0XD2k1iuxejMySy9sAZMRD3rz+BIP/ZGVEtzBrpQD5wn0rpbIfek\nMEn/goSKUwsB6+IS/Eb/rn3LlKjwopukOwywJaWwKmkRHwolHswOIca4O8tn\n7V+hd+AMEBg9rJhrrMx7dmOJeCyPoFhfAATHE8Joky1lkf+Nf8xN8LWFszuZ\n94pppn5+sEwIe8WN0MEix16EL8diBPEDIWfiRL5IfeK72ev/WRZbIMniBGpS\nUFVle3SJuGMwyDi9ZPl6PHWNPSynBUjVcF2xc8XhqJ1x7tW+6sF6iWBCDQRJ\np4Zk/YfNZf+QyA4k+Zug/222gYHQ8+aDywSxtO+GUpRGHk6sGAOVVxKeU5n3\n2E3cJsr8ayKpnyz+0BcxwsK7tNzCpi+qAa+V1h91hZLAQbkHAv5NxrTlUqAS\nxX4GilsdIjOc9g3d5vi6rztISktXP/7Zt6o42xy6zi+uBoCPxRWWT0wfGtBB\nKLNAxQWbWrJiBXTmwZy1YLGYlgicoSn6vmfvU5OV1V9Tha2sOG2arRB9FfUr\nbDYStHCPfuL02MBGyxlThDor8Xac+hGKPaJTPKaZlnEZhGOZsJvJ/XkemS/P\nUu7L5iiO+zA5w8dve7sWP+tyyoqcA7iXYqh278+jw4hj2VZoc6iMs8SJlMu2\nZ7de\r\n=sjW5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","gitHead":"d6b5cd4181d0bf11b598b5ca142343fbc87976b9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/animation_8.0.0_1604357880406_0.6269543122044201","host":"s3://npm-registry-packages"}},"9.0.0-canary.fdf9a2634.0":{"name":"@material/animation","version":"9.0.0-canary.fdf9a2634.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.fdf9a2634.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5f7585cdda42a84cfd9564cee478d4ecd9a52f71","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.fdf9a2634.0.tgz","fileCount":26,"integrity":"sha512-qT76qDAe9A/Vb4YzqiiDQdnXpwXkYEOYsXjE8cdzMudKoaLoqm+NoMFDyysX17pR+EJ0kYe58qURqHyQoFh1Wg==","signatures":[{"sig":"MEQCIGvj2WcRa9X7MIB2gqbwFJxegZa1xoktH9TMh1kFLjPoAiAMM2d0d2+MaftyXC3xDgm5HPgxmFvzp2RL7KINqSvpAQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66198,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfoeWoCRA9TVsSAnZWagAAFXIQAJrWWCGXeQsfwyMusI89\nZ/k17nQo7noiL+jlkUnCoMFgXT9BtexZvh7lONHnw/Bnj1YcFq5N7hQexczK\nfmoyTZqOFsUP3WSeLUh9g+lLAWgz5LcJur5TkDZ24e+3RGYptSiv491oKvZ9\nDqQQMhQ+g7i+dfoCDBX0AZ7zR1FuML1LHCe7Xyp09HTwSAHApSbY4gaeu/Oy\nnxpqBSxSmz8/zqNi5ca5jBo8I7bdNOR4eN+6rXzSXA8XwKXyMpG2VqA11Ejo\n/tNE+lhV+znNSE3Pj/2BdqK8vJkj0vtxQQs6OSAeQ2v3U6p9sevrFhwc/YId\nN8F38e7F1Zm+BjlcCNI0cIwS88jwVOyUFNzBJ8LESwug+GkviofWF290xKae\nBSbF0Ntw/ppxLXQuVyHvRjwWjvKjaGZImw6qOK9WKfgk0T7CMma7oGQ6pHc2\noc3IokUDdjS7mtX0lArLQXKXTuqC0B/48gixOhWscDqVMu1bg/+4106COhVz\nOg1dG+ivjIpRtu+ohOvyRNf6nA8LN+5fZlcCdJ1JnMx4PyfPi5bPIm678S5B\nSyycL4TwCy/wt0YDOCM9MnCDRv27cD09gVpQrzpeRyQw+NdznFnpnWMpcVpA\nWGvELEqHZE9IEooOGXRTAbkmrq23HlgF8ClbRHQ3CB0TeQpFcZgCZP8EHK8R\nDf0l\r\n=4Tr8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7d38b3b1a677a24d709697b68fb697f1367fb5d0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.fdf9a2634.0_1604445608048_0.9052470145499312","host":"s3://npm-registry-packages"}},"9.0.0-canary.4a86f30a0.0":{"name":"@material/animation","version":"9.0.0-canary.4a86f30a0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.4a86f30a0.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b149cfdf2d9ef785d8b70762338b6e9e0bc6cdfa","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.4a86f30a0.0.tgz","fileCount":26,"integrity":"sha512-Pm/2M6KL9AaPBbAf3PcbJQyhwXiEeny17FXOGIbTb179fTiSYFGCrGjcKlsqaithSdqPln5MWT4Re/1IcLXZeQ==","signatures":[{"sig":"MEYCIQCrtWRul0u4+DIXrPnKLvCvRLnfor3KVN2tz3+fi8VA2gIhAObNS665EdS1a8l5ciDrsoL4tRJDFp+zJ0q1S3Vzrl1Y","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66198,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfoecrCRA9TVsSAnZWagAAjB0P/3NRgk1qtqBgIL4i3+Uv\nLqwNGSgzFx8o7IxMjv8O04h8iQ66RAeUKGaTdeAVWcxM5T1nxXx9+Ne52aGT\nYkDf8+z3BWKgI73mQjiXrDm+8z23N++L3JCiwtnOuaDCoOR+ZaQgwyGK/qFN\nptx1VATMoShPF0McMHnod5IUIRnOyx0qY09DBgkZY92whlxX5y6VxGQicitD\nbE0gIAYagw1vqJdyLxVJKEvGH3Y2hfZsT4VSPTQ/c0NBeY0gsDxJ1SO3SNYF\n/5eZD94Hvntv7Vfp3IAM41uD6AoCfukKPjfB4hxCg7eCDAw4dZVILQh0UEds\nYgMLHWNT/JmJdnf/lhcdRtxF8ofHLAOaAnkJVqaTZ/5FTEO8nKrJvbZammxN\najKGob5dwe4k72DClSJlKld60Z5x/duX8YI++UPF5OaoomVVaRyOjgRdxx9W\n9ScmB+c9CpfKVjxZ8vmvLe5Iek4PnJU5wy8FnuRc3os+vuM33WhrB+ZMlx5s\nUrLPIbdKZVIZsqn984iluPPYg1r4gOHjYBcK67ppMdDn4af1CbcR06uJdAiC\nZkC/0Wq3bO/2kSNePOagpWLL6O1I0jQApwgWG4MaFtrETq9iGHFxSkb9Pyjf\nUsrHhoY3Ycvlejz14xA0LHqjdbD9fHAOFbrZ7LAkMqLWUGT25l6A5Dn8LUEP\nOaKe\r\n=m/tB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ae1cc15cda11f90ef629a1f536e69a9648db906a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.4a86f30a0.0_1604445994853_0.7697363854270076","host":"s3://npm-registry-packages"}},"9.0.0-canary.fc8b045f1.0":{"name":"@material/animation","version":"9.0.0-canary.fc8b045f1.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.fc8b045f1.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ba9b94b06363bbcd0fc5082dd50896ca633fb3a8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.fc8b045f1.0.tgz","fileCount":26,"integrity":"sha512-VM+33Q4p7u/cbniWXXXPL06qLw7b5G5tBOCAJNAGhi1cScB5pHOcdhgEsM5XyCGlkvfyVMmu+1GL0XGX+Do3zw==","signatures":[{"sig":"MEUCIQC4FUpGilieQq8kuqaAxErBoudxShH8ttr3ok54A+k0mAIgXLrze4kqO21pDAl/QI9kwPQJO1blhlFgrgnTkZ8xpH4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66198,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfoellCRA9TVsSAnZWagAAtSQP/A0jpTKUimB3rRu6FR0k\noVDvOWkpfYuXqTWmKy4XasEVgXD1hZytDmTtgywDrL95KROTL11MGLEXiaUT\nINqX0XGirlOWj1egJWH1pRAYem8dr+yiTWsUTn+0zF5aZ/ktQ4SjPH3GuAhr\nSJVKtuMssxYeleGcsm816smNIur2mOALawAG0t2fgzL7wVcYyr+Cn0t91LL+\nc0C6ALG8569XfuX09N/st/zfv9+2VnpIknKSrR19rGKDkcJurYcg1RWKpwGw\noNQfGbtTts9yM+LOho19WCQgGPABVpRxCVK/C01Nr2kfhvT90Rslh7uYkSMn\nPXpdEwSIG2l2CXKoimX2knYxjC3KwOBEp428dFYLmicZ4Ol3y5QTvxSZjf1n\ndI5D44cHpsk8yCBPB2Cz60PeDNk1N+rHfwnU6dpdKqOaMOtkIBt1ho7+DdTA\ngf/Kj99oPJmA2qmE8dyYtcOi3BhhE15REeST975LQZ/9haGzY6k8MhwexpWv\n81ssINhLIcDvs575qNKmuHaI8HhlgFf1ZJtZTx5YNlll035qDqDPFAjnkOG0\nJ6N1vqzRPgdYJ5WXPzFXRFb1JjaGzccattOApiuZuJ2zT4ArA49vDlt4eaXs\n69DqgYVco9wp62PO/qsZESz1Atp2xdXjcZOiHE+Dc3JVvDJTtsoexUtsZYAe\nZ+5e\r\n=8VfR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7df7659dcee84f0af6a1e7d8617abb4056acceb2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.fc8b045f1.0_1604446564667_0.8504591713302614","host":"s3://npm-registry-packages"}},"9.0.0-canary.a0b2db26b.0":{"name":"@material/animation","version":"9.0.0-canary.a0b2db26b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.a0b2db26b.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9b0d35854fdd3c73c29f14c596c1d1899589629e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.a0b2db26b.0.tgz","fileCount":26,"integrity":"sha512-Ifq4jwONN3yLXhtD003ogmJTtgb5ohBWKa9o11+/UhBmmiu8ixy6oOa0hXwTbVespEP5IzaKCADRIsnrpN57xg==","signatures":[{"sig":"MEUCIQCr+h+rdWzh9T+kfBP0azTbaOsr/1cCkxzWMNx+dOM8dgIgVfTH+Sq0rpri1D72iAiGRYClmaaeiiTa3w96S+tLsxU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66198,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfofDOCRA9TVsSAnZWagAApQoQAINlVG8oW2EDM8nUye9O\n/17RG2H7Kj2UauBE9wqhOmQb/axueieu+OlgOErc0bZRBcnGLHIkslEia/7D\nckU8jcU4XEu/FM9yM5mBTZqUGR7QPRjdPIcP26fgSaJQ80pSG78ujwJPmMMK\nbPEZPHejEYo8C7TrVLz7XSQaukZNqZo18xc8LFnO4nL0nyXwM5QD9Rb16nBL\n962UYakGBgcrY3AuChfswceWtkZf+oaOl/gC1bSc01DUSW5npWnQy34gTiTg\nLJr8Dnc90pNzAMUwnzGlV9Jl18BfmlDw73poxtusA5VFRtVyjjXfZH4qKeJd\nIe4s08HRHJpqLJtX46zQBbWY8D26+il9C1gIb+MjGLP1MoA84zabMXGwECLt\n+Y2DRu2f+5Rwpv9KjCEJoJSMNcAWC/+3EGQBJOA6eKX9l4Dej8Y+aacW4/7T\nLqrjxBbapbkBvEwHMXv4QSh520N1SLHdaaVvbc4ZvO6fJVxmGpd1i9DMNnfW\nrRujCbY87lVuczRSokp4JlPi4FmmYbvQRwXCtFRClFVBR1+/rWfLDAYN/Ach\nE+K/yP3uqdL81XyzWdei3rHPkSzg3LbJ2Rhem4pl8HV3jPlPYnxdG9Uwe+T0\n23Sf9xjx85X7mLI4FLSvHI4OBUdV/GtA/dcERlbxk6xeAuz/r4+lUOM4iTUh\n0hYn\r\n=07Ib\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"885abc8ece3b0c3cab58996fab25be733f65b5c2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.a0b2db26b.0_1604448461593_0.5809460307877237","host":"s3://npm-registry-packages"}},"9.0.0-canary.419e03572.0":{"name":"@material/animation","version":"9.0.0-canary.419e03572.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.419e03572.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7bdff03883e007f3fa5d8b9f3fed1a275b5d8f7c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.419e03572.0.tgz","fileCount":26,"integrity":"sha512-vkrkQd0DV700fJYzSHfHvnxQ0LMbuNrcxZa70Yujxca23PHWuVx4WrOG/CscOzs3ntEEqElicMdiRAQSkDUuyg==","signatures":[{"sig":"MEQCIGCXOT1XGUSq5c1cgim+MCWW4LZkcwQwh8shiI7ol3scAiA7pf1rlV+2EVLXbs4pUByQNtGU4tOIgD9KsYeGPt1QtQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66198,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfogSQCRA9TVsSAnZWagAATk4P/RbHlGZ7VL5N/iUPpBL9\nimL0/n4mEGGHMp3cdwIEEepON/pJf8+WdWwcPW48vZ+9fKkqTkppqOLI03x+\ngnhK9vnqcQhtYR4TsOVIUQpIkilzUXUqrOqcobsonicXbmIl+c5j/glJEFsh\n6ZOsRk4frFVYUU3FQaoJc7c5qgeoxIcpDYV7QFQAICO4gnahulNbsuu14eWw\nCayB032LFCfGRuFUbeIekxyINaa4TCgmq62cqt0xkf1dmUWvIMbzyKHNttjf\nIJF2MYTP9hfozvk0lOjUS8V2oEoh4b9iYobleV4DhDX2yLD6CH+wTgMaBP3C\nSm5pcrIjSnxOm9tXm8dWhwIV/xfOU5JBgV5QWAJukrTQZjaKu8w9QlCHkx57\nFVlmeAEwOmkqOJvSw0kCLS8/9stA8seBIYuJPWbdL7aJ14hYhLJ0eNSCUnHA\nEW4OfOflBNvFH/GfAkdvpvT3hP3aDsTU4NphtXpiBFnRLMmO7AdTDDfDLg7V\n5luWVY5P9baJLj3UjSiqXltcepULQ6QtsvU6Z6lWMU4gDEnmu1O3E2AA0Dwf\n6uZDew9HIH+8z4D0kk7Q7NmiSAPhPEXNg9DjtU06W5V7Zpw96+e0FhWSO9Sq\nciTdcNA20Jb52xz8CbMJ2VxcWQto2MLWvi44+6gec0kSKRhyGUc4bAoY+l10\nRHrC\r\n=FYMi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c9528e0a61f88c4fa2a5bcc6a5e406ccf027d7d4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.419e03572.0_1604453520283_0.6034264187010299","host":"s3://npm-registry-packages"}},"9.0.0-canary.a432ad542.0":{"name":"@material/animation","version":"9.0.0-canary.a432ad542.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.a432ad542.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"68007bc4a297cd923decb33dc82436a1076f5d31","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.a432ad542.0.tgz","fileCount":26,"integrity":"sha512-9ZTiJAHoqS9NLQ1BnIyQtJ37RbQ+Od3BU4R5wzXu7aPVd1UDW1m2v2BG/9nkXw2qvnWUco4YS6pkG8orK4JIzw==","signatures":[{"sig":"MEQCIB/2Qf9mD/dQFngPkd+PhhAP9rVMLke85HO3AxPNgSM0AiBpw1rpG7gVSRFwOlE9t5xxCwBlpiM5WgFRgcs0+EGcZg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66198,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfpKqUCRA9TVsSAnZWagAAJDoP/RKS7X/I4eWng4t5yaWz\ndmgCxl8ZXRl55b+BQPMk6tGeCJUVjBmI9lsysGBbZCQoV1qrvk21UfyoBzbB\nA9BWUvz9dThj1xGy475tj9KugLetiBlq6XEX5sFD+yHEJ4JDZ0OYIeK4lOq2\n75/26kv29Zm+VKjcLY9EpIBk0bhzLE2dOuBxJQs5fVAVmjktBzgXJ9mB/qqC\nJqXFLFpmO82ymBkvfRK4lGCuBvOU08Ig0hLuNYeQ9GLsjUlpFD/Wf+WrOQbD\noZYkHu4Je+bVgPkDADn2+xU3o+AltLmZB7J4FTUQjtIq/B/7N2x1wMFzoCm9\n+X0bDlYwoelyCQ9N2p8I00ZRmJ5HxfcVu0CM3Zv7syZec0aes9Q7jOtCqVi/\nQ/6zscjsVAK48m3L3CcuB/wccWaZ7WvdyuYdbvMsUucafQe6S5q+ifgphstX\ni8AVAXuY1SoBvdgfsh4eGG5C4JnO9RpDHzEdi+pb4M/REd+JLheUqVKvd3as\n6RPNnk6/fbqLJMpVHS4Qvfa3usorGmRvVLU94yHjWqzhARP2sKAu4/XmPSdO\nOljiuF6LorCh7xwG8Tz1bAAA4RXrmvci2rpZhZzatIHxXV4ZSz5QIWM5LF1x\ngT62VssMCdd4aGaTp5jR8u7pDb06gJcVSjEHyptVynG3bGLOfjbRmbDDU04I\nyQo6\r\n=2jIl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b873a7878b871d2ced45e7f04055b3d4ef0c7af1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.a432ad542.0_1604627091632_0.5061025810332678","host":"s3://npm-registry-packages"}},"9.0.0-canary.e2e8aef1e.0":{"name":"@material/animation","version":"9.0.0-canary.e2e8aef1e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.e2e8aef1e.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c5e54dc7db78e32c6b9b50e980c159070e6e59e3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.e2e8aef1e.0.tgz","fileCount":26,"integrity":"sha512-/x3SfCW24qb/iUXkxESez9gMroUufx4RdwUwhqHV9dx+LJczyCP2L03rpSSLT82uLT/EAZsLA16I9mhMA3wfhg==","signatures":[{"sig":"MEUCIDy5CN04N6c/gGHI9Lhws6F20uWTfxtkHjTvVmEwZH1lAiEAmTeQuzcHUEgj7kJsEvoTg/C0JTuToI+5cTiCFFS7gKM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66198,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfpK8YCRA9TVsSAnZWagAA8OkP/jy6dHbhD4FjeYBz2MJj\nsNPm7SDkq5SFEpY1gvOO5DRedJHG69QVJl0Zfr6SGBNxy/Mu6TcJfx6q9P4v\nxY7MQqqjp7+X8BZf+nzy6lLPvOyq6oWq2RtSkfNea7HnR4E6izUkqUjMlhhu\nprFYjtHCqvHIpKSNyk4SQ5Lr0uMNBvzt6ekxo9SJyKpNtN0wuK345EVI4pM2\nFsmitpKM56Nf/ZMT6qjRNFUBeSAqMWDztIeASYY3WMd9hHva4EBZAXEdzTwR\nKEMyr0/4rGGbLr8V8LiMk0eVyVlhnZ5fkTBFGLeFaE6f9H8HWOaBKoZZgi6Q\ncbN4n/NuFh9LhNI3v8BilBLXsSSd7nx39VSuK4eoR+h0wZgMod59uNWGeaiF\nG+XY+d5jcDIoUms0hIbceZq0Rc6P7job3NZsCaDk/cVEsR2nzSt4Xt8mnZsj\nybnKSlU8wpb1mdrzPHnuuuiAUxSSKdrqb3b9NBcFL/z7NQV9pK4PTIwfz41M\ndE+afXPEPUdbOgvFzwrRnoJ00enoHrkbvFEygG4k3QcHjPSf8L8kkLcQirGo\ncC1vr6xgS63NBWL5uYJcKTCq+v2xmV5ji72ObBtt5z6w45pfvKknnSK8toi7\ntSyqJ5tNeAe0qyfjye9WxC727UR+RyVpUXvOmuiB/noONgRGSMmkMvEngVGk\nggIa\r\n=NdTq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"59b208be2f946b47ab6905d82c0135e81316f2a3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.e2e8aef1e.0_1604628247404_0.036546466370822595","host":"s3://npm-registry-packages"}},"9.0.0-canary.ec6b68b34.0":{"name":"@material/animation","version":"9.0.0-canary.ec6b68b34.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.ec6b68b34.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c57a67c5bd199fe3b60928e006dd7239c07961fb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.ec6b68b34.0.tgz","fileCount":26,"integrity":"sha512-cihW8j4cjj/JOzkmgu7AMuB4GQlGo7x1TVnQ47U3AubjYqra6hIGDYEMQ3GVlT1NGvguKf7xhT0AO5ezM2O9hw==","signatures":[{"sig":"MEUCIFNSR4p/e9R/P6iZQHkXKHcvevAFIqk8rF00wVBOh9hUAiEAoaWkRA+oYydG3BNFlvpeQzxZmGoj6S6SA1nCnrM9hJk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66198,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfpZwcCRA9TVsSAnZWagAA1pcP/iCbNQhoVQ1j6S6lARlr\nW98Eh3imft7n6ySXzY2+XaviqiJsy8ev47A5TGPFiZNsUg7IHgC8ADiO6BYd\nzRkqk7rOqlspB6p/nW3xPz3mavXLHwVn9h6zNVkcxPyB7LppfddZ6vEmT5GC\n0orTEj9CQX0fkNoWHY2a+K7yJ9sb5b4HcU5vvWV5OvaQYbIXfLFy/FYNtOaf\nHtTeLOKF1fE3dSTg8vIBWDZCDLgMORj7sYMlGhuiGvTDAW/sqjaSk7487sMR\nXfU6fTbUHTSHYS3P2yAhvysTlhTwmftFU4Ujjzj9fVJR+VgoU1FvekzDOEFi\n6zsPYjQDTXnVMLsPdCCRhKjb4WeXul170K+5bJkTCzi3CzqQMVvmUb8S4gqm\nriCBMwgjDbQQLEhZdEz60ItBHsOr2NfkrTpjpUwoJB4qB4fqIWBU7l9HkzNF\nV9rkhKy32Vbl1xDKXo+VMUTC4LeCjz+Dyb+jALTtdk9siYOlCCxQGAnJbUn+\n/v0HDbc69dAJkX1irZsGKF8fy+c5ZBS6JhskOvwNVV4+Jm0QSWEgC5e8GQXN\n2mx2SAuwKCE95ssjAJNOQp6+Te0dEkKrtGmcQV1+s2XCEJUq4LFyIz46QhyK\n0yi16jijj7wgAfY8qsFi+1hOADwCgB2fv7+KdNsbDbTDxdHlKZvl954Zj2zz\n7XAP\r\n=W1zQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a5005840630991931dd5d6aed79aa4986773a5a4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.ec6b68b34.0_1604688923346_0.3317724259395374","host":"s3://npm-registry-packages"}},"9.0.0-canary.b39094d14.0":{"name":"@material/animation","version":"9.0.0-canary.b39094d14.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.b39094d14.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f82abd31e7f516c92d98523bde513799f2fc737d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.b39094d14.0.tgz","fileCount":26,"integrity":"sha512-8Dr3jCbGY48Jpnp1Nuft0VN3sk07VL/CaPpW+VqgG5REBEdlNiCAxV2HFtrBN75O4I90xUmsFBOHi/S9n/Nbjw==","signatures":[{"sig":"MEYCIQD1B62arOOtVMs/ovFDsB34U2Ue3LpZ7n6nnq67AxRH1gIhAIW/C5buECZknnD4QoSEF7ol1FT5phLxE6yckXc3S0vo","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66198,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfpbzQCRA9TVsSAnZWagAAlv4QAICpsISZBl4hSnHaSKXZ\n7ZmHglBquoFfNMpzMbmskWxQ8QrcMZKxI5Sw+H+FgU76reXdfP0ZjO7LIuoI\njT8Js8kidTRUZEb44AGyJRxDgithv9D108XtDrrWfAvHfZrdtvva+rZk8ZuD\nlcEFlhwkeh/NQ8YilbHhXp1YFOdDzpFKErj8AKhldVmHAJ/9eZQuR0IClyqQ\n9fh+ASb9+Zcb4iCd5iprLdjy1AWDFWzpe1oD5FOQWMcosYObmoO03VOK2VFr\n+dtT1uQKp5WB2H+SJpfmSMesV50sBe/ZCiNZm9G2jcWOipD5P0GI3ytJ+cq+\n8fV4ZkQh/yMwuhDZii95k+PituZvZysnMyOlWgSrvw/CcIenwVVUiXoCbFnd\n3M51VDJ8RkZ3/sPpYShDWhsJK9q4+s+82pMgUisX4l6wXN2InEZ1bF5JYxUi\nomKijn5bGGQTf7qYVDR5G3xf1YETcWbTxO9qRSMAbN2oIORq0eCJyKk27szu\nddaThtKbbj6jspByP08Zh7XSzUW8eyFSSxSyjQaZ4KtQycQO2wUJi6CHSERF\nMexghsJ9mvAaV6E+0luWcVVZK0ML8jX6t3QrnzMDqSh/Oy/ps9qkf1pVuDBT\nL9ERU5+AksA9tBhzNJti9YANZDRCzdDCuY0lW97qG3xFVq1HzMR+swFGcIa4\nhIXO\r\n=haXv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f8c5ef7d8cee2d0a63421ee4afe42e4e9260cd47","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.b39094d14.0_1604697296062_0.7682310827048526","host":"s3://npm-registry-packages"}},"9.0.0-canary.8648b8258.0":{"name":"@material/animation","version":"9.0.0-canary.8648b8258.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.8648b8258.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5373e251a0701fbc6c633876d0b5ff1511c27e7d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.8648b8258.0.tgz","fileCount":26,"integrity":"sha512-E5u5S1Ko/JW7jvl9zWGjhKhsPwL1ZsiN6xDui7GsGzQ2dXyLkLmRZeP3O6aYkH7ml5DWe21siqGqt+gg/wt/wg==","signatures":[{"sig":"MEUCIQDZG5wVaBYIHQaF7J2PdXphtmapYlVxsImDQxl5x+gFCAIgMNzmUwgNl3nVFXW521BjuH/8YVo2C/aoUjOivRYKubs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66198,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfrRHYCRA9TVsSAnZWagAAWoMP/0fKTJFpDK2QHE8LUv0v\nDLVfpFUMhMSjw+0eIUdEKkVujkn6ZFeoVkXEi9O7TiHgfe9lQ0nBzkGivqIC\n5xXAaJXak9yIWSYieMnuCFdkxf2TvdYITYDQ37sN5dhJaN9uoM2cQWoedP8r\nNDwKKhRybTJZgDduVm4jF6Vakq12nTWgSA5353Wf7BXAPTDKakFVZAiVnEeq\nmv+hnkgDTwKXzEvBnbRk9VXqSzHrrs2ZZUN7G0VKDMgpt1YbY4t6ChCvDbZL\ng4DQcq71h6XJNo2dyx9rZxX5kNKUq63wxNQNvBZV8Io3BeKBU6OFVeYLpdr5\nxGjatq9gPE9MQDZYm936R1A/YGnGTAXbb0siWC3mGys8osYnGOeTDgi+NPwp\neetYBfLVOhta1FSbnZwcG6WzdtJwDjFXYIrp1CsJDjKQ4Ihl0wvYPahinBgI\n3LUaP1Ei80moZ3bEaxEf90ZYwakA3YWMwKKQfeNTjw0qZWRtaARzy0UPpsj3\nnNv+Dwyvcr1NIDuWJqMsA3c8Hrzg9NPK9qLfL3xcmuOCEDFD4wCFATCizGm/\nH2/Blu8OOQlqdA5/DDh57fUUrGRxpcxJfk7zKs89oCc2cvwgTPp6lptAPNFo\nxMgFJuzFBARG+Mu6V8iAvME+AFb9eDqILYhdKgsn94rOWMkArZ5lkMzr6Pvy\nCxdF\r\n=+gFr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d98de60dd3d91dc14a84abb664678188ae936030","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.8648b8258.0_1605177815638_0.33156123272643434","host":"s3://npm-registry-packages"}},"9.0.0-canary.240c5f74f.0":{"name":"@material/animation","version":"9.0.0-canary.240c5f74f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.240c5f74f.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"53bf9913b7bff343d6dac748d8988b3faaeac6d4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.240c5f74f.0.tgz","fileCount":26,"integrity":"sha512-ffbw9fh6dPK9G3ZZVJ7EpyjTBvUbsIYU6BDeSA2ZHoTF1BGFjRafSjFqxbvNbfydJFSbOvlPs+20SlptIcGRFA==","signatures":[{"sig":"MEUCIQC9tYWOr6yshFkZnym5o0IdbPdGZfkmPvMskqMKi3YucQIgAx9Ml8ciZx30896qU/tN3Jvv/JzsKKvvGO9bkxNxiBw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66198,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfrZjRCRA9TVsSAnZWagAAFL8P/A+XrgylqvPrmvZ/3sjh\nfUQi0dkR5CEtx60j8IFINazJr6fpM/+JL1MVdcjtCMsPMgWc55UwoAb/Bosq\nJSkfn8Ru5MofiBxlCJXCTD+X7Mo5naTuOTBQ60JyKKkGf7DSXswnmmmalKh5\nKycOkAdVL+bHh+3JtUmU5QOVqfuKwe5NuxHVFrZn3XGC3rewZX2FyLzQwOp+\nQhZMTy6BL2llOXKKOHJ73qjvkGLuTcmVukWrqb1kK/u2CItajytJTLx42kQg\nZuQUbYm5QEyRJFx6GyfdUs1QfPu2UpAd2Euc/M4AjpPGAOPIUdngq501EV0y\n49TYWXEwTre/8hII/hl8WebAIN+B0+jCcxrzQbZpQbQ/hJaJqXltC2YhQ6cm\nriiliV4HqaaH/yckpMZWcDjMCCecz4OKxi25CNehj2NNW2pt9y6D4hrAjO1T\nR6FZTsBi3/2dnFtT76FnB0o8YrDMxNVZ8jmSKHgsncwOBHUNXv+sbTQ4sGOt\nqXyKf3il19e6Zw96eMZdXNZRZe4QhjKHxER6VNOGh4MC/FcM+8pwXd/HK3Ip\nsB7a/da5CapcFOD++3+iNVleJOoEbB0noKBKa8IF7lPFzwumEAGarf7hrYTQ\nyqtio5UnmQYGpuyMS4349eKluWc4GPsKXjVXm427wozstu+9itNf6ysS44+w\n+U0i\r\n=Ao/b\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"33b77622681b24909d892ec906f608e75f5e9809","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.240c5f74f.0_1605212369298_0.7393146503399812","host":"s3://npm-registry-packages"}},"9.0.0-canary.6cf6ba4f4.0":{"name":"@material/animation","version":"9.0.0-canary.6cf6ba4f4.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.6cf6ba4f4.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bbb38ecccea010b0381a104013ffb8a6b6013fd8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.6cf6ba4f4.0.tgz","fileCount":26,"integrity":"sha512-OGD5os+Gpq0mIFxgAULALp4TSG5puBEV492cwwUa+4LC6GW/OemGT3malcvxa/oZhJHhSXZ7FYLNN9C2QCgWOA==","signatures":[{"sig":"MEQCIA5AKL89Waf/aO6QSa62WROkfQYqe/0jDHlkzvtKmOweAiATPa9yAzdgm01tW8ay/trAJRppnWlyDFIYYwCmqSdvrg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66198,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfssmUCRA9TVsSAnZWagAAZoUP/0hkXoD4AyKxqXkGoKMF\nKzOzYnlKrtz6iz/yd/GQtTDsjl+M+zPKEHYYc4sUcdfaySXkuxrmQXJokQ0h\nAQTKtnE34URAYEmMwzbGHDmhTaYZkkv6Gtj2yey0Ivxy7KP1N1xmSI0wG/bK\n3RN7XIdI2PGJB6aAcfi7plTZL589Gbh5B2Syikka7TgeNqVvoWtIYB1r9hkw\n/qxXMIR1V6tQxDJsrRK15qE+jF0vGxVTtKGKJZJl3yUrQQr05lA7rb2NBrCZ\ncj+KMAxuDFeFgJSYP9ulR6GTU2oJSnyZFPR6Cl4tcqLiFJm9Aab/ZpDKU5H3\nSnK0QYvzfLs/0nG5Xz7G+ZgS51kDyg5cDZxHOdQD1gvXe/CcnuYd+z+PXsmB\nA2P/B/YCEPNlFf2pfpr5BWQF4OokFgx9OwSsErC605s+e37xaEqz7CVvUfNK\nGAYFar6qGV4bbI+EtZ2ZPxBaz1OV8SbVcaCCc+/3GSKNQexa/yiPBu6X8LZ8\nobopC8meptdty9/M+DPs89XItdOBFgrMBGw4+WwRKi6TAcdr6igEkYhNAVhS\nudloMeBcW7ItvFSYYr34NksYnYUD9uMSvr8Vf3Tj+C0UyGr5awNrhneTCPfc\n8lYwCExWkJlibXJrDCIWH7YWGLg3Yv8TH1Vnq3DuOPkZwPBxDVBDTi08Id5F\nWwak\r\n=ne/R\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d2d4890ac5812ec797b5f621137f4e8a077c3c0c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.6cf6ba4f4.0_1605552532015_0.604251157565294","host":"s3://npm-registry-packages"}},"9.0.0-canary.07f3e01b7.0":{"name":"@material/animation","version":"9.0.0-canary.07f3e01b7.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.07f3e01b7.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d399eda435d5c3d39d3b96be365547826a374b08","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.07f3e01b7.0.tgz","fileCount":26,"integrity":"sha512-cK7z7vYGSgHKuV+Yb8TSvoYqOFXsgPTgz4tMQ3V7hpJICYyhbNblmSkZ9kNl1X/St0m5NnA04SfVzojpKoo0hg==","signatures":[{"sig":"MEUCIQDj84muzIhArGoxVuq+D1Z/BLR8UvCbBWa7vThxX9FJ0AIgTotXFju35SNvIAVN1plkHZc91933C6NG5IHSpkmqGB8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66198,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfsvK8CRA9TVsSAnZWagAAjigQAJ77yybSvUPzkSWQ4G7o\nwtOHbXKGcltC1e9ZC3JhrMxZmM8zb8mIen9sbxrscDErZLxW3ilxuPS+aGy3\nQHxVvJ5w3R7Dp4qoJwrXZTNEhxb1ur1FM7N4Bb4c0WCXFK+D1kWwK1NsbHov\nWbF9qmkbY4VcytLnL3lkZbpu+S9UBtf0TEwkrHnW+VEnYiQxpjkBN/Spiwdk\nnL8mj+2ef7AQTdum2mryHffU7xBstP8L+5UCljk3Y6OOzUweA4+zD0IveS/8\nVSotfyr98Ae9hyd6RY1QWedh55oL+sMURChj8N+x3Quq1/VMttD8HuAPPRfw\n4rQz4l7t6pmwUzH+t3kD5QkGSu1mOsahCg7bV7aWHpg13otjs9tFCG3QqHj1\n7ONpGCAzlayyz9LIqBXf38gHmrjeGltboijJsxLY3fmTY8Eaop+ZxAkIx40v\nFRWpTgSgHso2P+J3vt9TACxCzbqVnUz9PhLsSJ8mgBFZ1xS98htlRwxDLqzt\nSXnts5sRKY5GpBYlhiSOtRZ00Zssq8ktul5AQOaPxGue0GTmkuBUeQEL4kmy\n0ahUsX03bV+Sz4WNJiY3iaCG3PUyimfNyXPb0v9oXgkG33oZBDk8Czo17Yrq\nh2qLmQABvrefUfZXbz4pZkQJ5y/hLGwaRHBX7f7VIIGWzff3DwVfYKKV0Lsr\no7Rg\r\n=0hTa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"39f1e043d0db0c6881d84b3d7b54423f64cc8c0b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.07f3e01b7.0_1605563068285_0.12229005018415795","host":"s3://npm-registry-packages"}},"9.0.0-canary.23491cf85.0":{"name":"@material/animation","version":"9.0.0-canary.23491cf85.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.23491cf85.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"354c67ba9f8e9650c20d06fab829898fc5a16482","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.23491cf85.0.tgz","fileCount":26,"integrity":"sha512-6lrp6RQkZq+9JDfSoGpco4xD2mQuprOBtiItngV1FmGD9Ad5P/CT0yyICecKKESpIb3DFqS4oHgZhVYqifP+VQ==","signatures":[{"sig":"MEUCIGsLiFfTkHzvAS8RifyEHfskWtIYLuM5lLKPfEJ6HWhZAiEA+3EkJzuDy5FurJYoDmPrP3x+Xnyq+2m+gHNBI6JADdU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66198,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfsxZECRA9TVsSAnZWagAAbTIP+gP+Negs9iKQTuv/s19n\n26ZzFtYM1gpZ02vDoydo/BXqP/4Zv7bTtZy/jmOXHYhB2a4onIuuaUCnGCWx\nV5uoPcqP0LuLWP0JP9TU7RZRapDHUoT7zWq068tXjRoX3Q5u448VhcBOrosK\naVyC/dfWmpDMQ9HKk6kU5bxW7mewP93iTh/IosrS+sY2bi/RjkEAEm50R9Gc\n/fMeVUKzglqUUXpF0D+7/iL9CrmL359KKglPUkFY1RRfLNnaS44bAzV02nF0\nEy191THDyjxVmnV2CGFgbwlACb5BW/vws1rxOdv4fmR0rqJ9kRuHsLvQesaC\n52PKVkOyD60W1dgC17ysAOWsc4Rmw00fMnG+i4znWAsEd7az2XHXF60mAajI\ncVgUfgAjr5SYJ51Ih9/n3XdejFNtKU1mxQ76frIITPCrMai7+1kGESs1/eiB\nlN/G2KriH+a7u24zkxjYSQtECNwUB8MMli+S9njX+Iau6zutTujX8IMpwduY\nd1nM8J/kP08ZC4FCHfsgC2PlKSw9pnpIMYTodP86/50s8p4reHFR5/yJ+DNX\noDrjs47bXXv0+Prd8AgMheTGeubghPGBRijGHNIGHILOZ/4LcCae4c0T0Nn7\nf75Hgdw2qYu5pxqrqOGMX9ZCREapC3QkE0ZCVkLMqkj/E2hWCZnoopcuo+YZ\nwbJq\r\n=m8jc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"cc2535ba5f66f73426d236b8a85291d7395ce589","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.23491cf85.0_1605572163981_0.6058739457126376","host":"s3://npm-registry-packages"}},"9.0.0-canary.b659d4fc3.0":{"name":"@material/animation","version":"9.0.0-canary.b659d4fc3.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.b659d4fc3.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"32659b453563c598abd566e4657c498a3458f168","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.b659d4fc3.0.tgz","fileCount":26,"integrity":"sha512-CT3hrVlfSOA/Ns+MEpQ6SIIV7P5iiCOqiEl0pTpASeJBnws5Umv/aTjqS4k7JETdKd0lBo3d7L+IHr5r4iUtLw==","signatures":[{"sig":"MEQCICo8fmbbjvhGMnKV1uKoU6NnAk1l8wAis1AjR3vCaOFFAiBuF7aOxdtHTtfIMjBHh1n/bUJMMLMW0O4yESMLRGTJaw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66198,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfsxgZCRA9TVsSAnZWagAAnU4P/RtKoTCVICpYnaKhqsjS\nR6hdSlrqrHmBsP33CrC4J9uKaRzeszATBVh1q9wKZQ9J3jBVA7ggFgLNG7Kh\n0Pw8n8OwY/imHj7aig7o4rCVpm0cxqjyYPnTauuNhlZ+JaOUBzL6Pp8ORMek\nJMaG+cBpbkvouYYPQlFSKLHJduA3Wg8c6Fl93SNgK7AFLJRKp2wQs8j9miUi\n0z6Pf8PDXfjpkJcwYoVPGOAD2/XH5ufOtSGD9FiAy6H1dyBcYqzl4osVBJuC\nNe4EUYAjhch8e2jqCmRINnKFP2qXrCfbR8/mSIdvKAyxXk3zunEs88JMDbgU\nHjjWVT1NleWQRzyambi5o1lALrdlRm6h7Y1MTLz+2q+er1y8E68Dle7u7lnw\nSWQht17vyYxvM4POUvZln0Ct81WT3gKf111htT9/P5k2dEFn/gDzM1Vts8zl\nGNJuaLP0G8Fk6/x6m9VsUbQjftcqv3LaGGLrDRLH1Qt6AGSMDqp9AUfR2TOg\nq4u/U/ZA/rlSaUSjJuoRDmI/Rl2QJPicFq5NynWr1zC/Fcm9H2v7CV8k0cOE\nbIvLTIFQdGW7Evm9y0RyTop/bET8zIQRsLij4WMrZoig1g5DEsPoBkuPkGPk\n3gWbXGfgBucau+ssl9CH/y/WULAzqWQFXEMSQimfcdDJYSXSQ51dMQVDcZwJ\nZ5QE\r\n=/1hQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"da948526208886bd05bb015d249db8d19d4b3f05","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.b659d4fc3.0_1605572632885_0.8377483658950515","host":"s3://npm-registry-packages"}},"9.0.0-canary.d8a3aed67.0":{"name":"@material/animation","version":"9.0.0-canary.d8a3aed67.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.d8a3aed67.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6c2f6536e328028f38d1a4647e06ed48299b13c7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.d8a3aed67.0.tgz","fileCount":26,"integrity":"sha512-y6oyE+hmXY/ckc/vafDfsLCcHHrB0QNg6bBc6YI8QQhhdPmy5k+6SqcN+CkTHffKSIMhoKPnhjAV3v6NAHxpzg==","signatures":[{"sig":"MEYCIQC+gH6+GyYz7WxAox4oFGjjeF5oywQBt/Sue3LMO09RHQIhAMnqgA6Jzt8zCi9mstnZRkX9v/I8HbYVWZEOsr6Gstbv","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66198,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfs+uICRA9TVsSAnZWagAAFFQP/0ZmeneMSOyQsY1ZZ6vp\nFLSpb1YeeOYdVfRHVB6QBFjNf5y1tyPBtKbYGZipqBpl6e6A+RY5TwOdLRw2\nQkAUqmwsy017lfhlsfJiSGCx7jZpogMGX+DVoxWsyUF8XLjF1GBT/0DAaTEW\ndDgcvK7uN2MaiRzkMfplWyA2pnpM7SmBgv4oL4CvqafFaOjpcltwEwvd48sN\nQ3Y9czGCFi8tOix/LP+zNenJ/Uo4Qbow+/yAlBZ8Zed4vA9Wp049rLQL/mw+\nfBJASpbckUwmpKWTSkCSvkKJGUP//pUvlE86icCsVlbtCgwNUiGPtA6FG8Tr\nvOAB+SN9YE44QNaCdBd7JcYeGkbcIPtTWAkSD4QTIEcsoT2o5i6xg570VPck\nQzaijqzo0eWye1H08sZ0dn8sadqqH4EeNriKA4Z+COc6qfhW+8r2ZDWnZuz2\nxyqjsoyfGFEvRRfRdtdn3J5upE2aYZzuJr3fzQ32dTHlPwWeUGMoIzBmh0cd\n3JySLfX3dAojJBbzMq+5+aygdFYS+XZRFtmCBMnA1CiVhWZ1SDwfDu78O8G6\nrMtMveRvq8OSpvtQbFvrMO4UhhR/7sYU23OOD3+6alpIrIOwSSned5j2rtzS\n9+/tE+Xz1quUODsJ2DY2Vf8elc8famq4+z1zHJNdkc+iQ+kxgHfWS+6ePlCW\nG3+M\r\n=mshl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e70765503f122fcb3d748ffd41882655d9d4035e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.d8a3aed67.0_1605626759728_0.2907982443398389","host":"s3://npm-registry-packages"}},"9.0.0-canary.482ff9091.0":{"name":"@material/animation","version":"9.0.0-canary.482ff9091.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.482ff9091.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6c2dfa15c42fb1214394695ecbf60e78f0dcb207","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.482ff9091.0.tgz","fileCount":26,"integrity":"sha512-ZjDKi/NiGFBJBXeJ4+3Ay00Iszx/pZKfkGLqMB0tKzb/WZJyVEJRwMyj+1TbPiis464hYj4Xn2du0bDNFbLvdQ==","signatures":[{"sig":"MEUCIAI4orLF7gAMRs8kikloqWEzNfCxFsCf/B1H97/3yRtSAiEA1g+kEpMhUCPuDmGRIB0BjcpmjQ/i3RyvIA1YxJhvyac=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66198,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftA7eCRA9TVsSAnZWagAAQO8P/jZSiG46FiKBvwA9bljl\n9FA/mkOwmWwPsljLnpGy8bPhB33H3Fe4sOu5CYnkG4y9wFXvFy3w7L6YpBxR\nltr+JWrBpP3d8n9RCnyspq9kAubk4hq3PIR9G3SPGnwpi5Z7ctihK3rXoqf/\nJEPInviOUihY2Z6AmBlpNU1DXjNs4biECOCgjuglsIQUeZXynD1GvkfxzUDr\n2yStpIZ4W0Ls7toDp7jehuAstqCC7LUHBSDnXPYGPouuy1VQXA2puV+FprA2\nStfC+rCRUpXXzCylmGada1+Qb9A1Ba8cMwUHETfl97lrocXi1Re4bIlnX/39\nVpS8ErbUh19mjRffwxBzXrXoWqhkwhAabSz7NgglG9+Pk+JGsxhkkZ7HmvCT\nVLRIQH63pR773E9lgzBAP9BbGjrJi7p26YIZT7hvtEXFyAp+JJXg3SvY+Sxl\nspPfGtIQ69y+Ie4z8w3hwbUN5aBdeMtLGG6ewneDdwMVS4s07Ngpn/EiFD5w\nXH2T5VvQxfZ0NZok0xyQ6bOVqqHGgavgNgofhJiBhzi1zLHEsMQrN60FO3Wc\nCwdHwAfC2VOMK/uTS7HsmrR/NOrs4ya6lLemYnRgPKCh/Cf0vTBNHMsx2nYY\nR/TSJ0eGXFoUdWvg455WIO/o7CkGpkn2vvUsS8dbe/XdF6mWIrJ0/T6KAhVO\nU8IO\r\n=lt7C\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"5b4b306ef0e5d1d3654252169bb9fb9d75490dc1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.482ff9091.0_1605635805977_0.17829617541676734","host":"s3://npm-registry-packages"}},"9.0.0-canary.99cfb6bd5.0":{"name":"@material/animation","version":"9.0.0-canary.99cfb6bd5.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.99cfb6bd5.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e5f5a64419e8379f451fd3e0ed41a79a6e6d2e84","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.99cfb6bd5.0.tgz","fileCount":26,"integrity":"sha512-F3Dei/sLYqmsurd/ybqX5xJQagmqoVbNvHl8qygnzkc/k77AW9Z5qBMMgzeQsyuzWQEn2pwYXbOxeoMfzTb1Vw==","signatures":[{"sig":"MEYCIQDImEqkeU1ybjJ2AH1e9+c/uZvWECKCDbzWrxSdqXITrQIhAOXjJDOb1pEtOyx8OWJAU+mc7OddkBpNDtLb7m5lwefZ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66198,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftWsWCRA9TVsSAnZWagAARdEP+wbCdQ3h8LL9fSwfRFGm\n1CnqT7IMvpKUngvZUWHHq41EcuPIiGLEcu630UA+BNHVMizM/yEi+0HBMtxi\n6lDDaVuTVZlqcDQDfwzWwYbIz1I4ufbGz/xVw/vnubxHuH/XxkTN0rxTZej2\nezet0eYzDHtHKMfz1s8LKu0iIRY8MqyDLTnuAAeIcaXkrfgU1s4GmJrtCDUx\nDLGdJXkCcZlKG+mbDJ399A7PN39ur3kK80oZZmwgUzYFyM/wiW+pSWACZxm+\nKy68XVOtZOak0wdGm94U8n6wj7wnlOdB7nxw5aj6f3NV/5rCQfM23Xg93iYL\nsFZ7/uRnjnx+5+dqrgUF2FzjaT48mk1Pb2jZiawgJV4iYkM7re1EmbQE5UQ3\n01EO3jRJ0mL4aaN0LhmMZexk79pv/l6tfmlukvCw4tKkUEE6AX1ka6GOEF5V\ndCh7UJ/IPyg5kgP2OIBKRJ4Tugh5R2n1ecEpa2vush4mzvvoN1GFx96woAec\n9vGztz6GS2c3XXb1OiDvKpexLPauFSR7mKku89wC9Eczy53Il+oR0T+gvflE\nz9hDalnd13XWJ2ECdUHVLVq3Y0xi391JNPjHOTGhQHoEJLHOArq8csIjfXku\nZT7LMfLXh9gfCnufGMd4NQa3eu0e399beTWzQmxaUvUJQox2Y/1Qzs3kBmo1\nvRp5\r\n=RjLk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"97b5b434f189a370838c9b867dfe1b766ae52fde","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.99cfb6bd5.0_1605724949299_0.44443097689413835","host":"s3://npm-registry-packages"}},"9.0.0-canary.b98d15d90.0":{"name":"@material/animation","version":"9.0.0-canary.b98d15d90.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.b98d15d90.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ec2e555528bef15219850a3ec1a2ed490d7c3e12","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.b98d15d90.0.tgz","fileCount":26,"integrity":"sha512-Yb/yNW8TcMQYeB7I2unWor/qaa7+K1Fw8Eh4x1nz+2t6CAEfNwPoipeerseWPlxtiwzBOETW7NsHkp52wxUU5w==","signatures":[{"sig":"MEYCIQCDfUIcRLs8ytAhqgKZTO3z9c0a4aYv8qg4rk0zyu1i7QIhAJseRRJsjQIA+aLQ4eK86aRkkVOleaoyUwoKms9mOwuH","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66198,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftaFNCRA9TVsSAnZWagAAiYQP/1yDVbfF0P4xYesb/+eL\noB34OcRGsRaPGhWFLtuVrz3octiz4IeRe1m5pGn0FAgWGBbwACVSViZQ52wQ\nwpQIh+OK0kc3qc2OUm9KSnaoGlUtaKHH9tx+/sRXlWYH5TSaxLf9YKPy1e36\nMiSuRhVbQIzN2f0Cyhb68XumSdPo1RdaZu1qGJBw3T0qULif8iep455dI/27\nKYIrI36et7Dh2KQXT3JEIZ0iGWkBy4KJNi+mTIuAZN8iPSayXDiukzm7yJPJ\nFueyn1Up+Ye6NCKWrskUXANBVGHnK+yTAxQdbzkY/T/o4df06uX2gh4fYl2l\nL6sFaggsV9jZMz7yQJtMHa9F21hMXE+d+kfy3qDC6CpD62bgvJX3LqgbiVBZ\nEAfP9F5z/HAbEs2RGsdOxHo0JUmV4H/ugRTUvVF7s7BMHRWG4o0+di3S1QyG\nldLWG2HWy1UGD4cl9NVqqiMwkb9vabjFn1gOktqd7Ik8hbs9r8Ra5iV1nxgj\neWx7kBDvW56Wle+rCk1Iw2xpM0AbNyQ3sgAxjlf0NejvCWg/jhmr/ozf3O5U\n656ZF5iQxCRh9osrOiD48+yBfO+B4omUjC5wCa3moheze1yrh+rvQLD3PaXw\n7FvIV0wcs6aaFJ3QLY68vFzMjlzRLH8RKO48GZWsabODe/cY9JMcPk1ETLxY\nKBUd\r\n=IaCn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"abbd2c5bad9fedd634d7a0c98bb8e4a8b0bf3439","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.b98d15d90.0_1605738828535_0.4418183979175252","host":"s3://npm-registry-packages"}},"9.0.0-canary.30c11bfc2.0":{"name":"@material/animation","version":"9.0.0-canary.30c11bfc2.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.30c11bfc2.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fd1e78883bce38e9c641ec5ba4656d598bd9130a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.30c11bfc2.0.tgz","fileCount":26,"integrity":"sha512-vWyVKugo/vBT13/YwFthslH74IQHctDrl7c1aZwaB0Dkbi3SGcLmtkZ6Z/ScVODyu57Ff5fXzFFWPJSpt+iQdw==","signatures":[{"sig":"MEUCIQDaxyO3WOzouxmOHwzYMokUhQTneIj695tjYbGsymRhCwIgReJjiS4z52g9Ul0HiXYqa/YjgUIFwZ9fTGOMCxG5AjA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66198,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftclpCRA9TVsSAnZWagAAHz0P/3a/N7zlZS1GnvqR1Bni\ny7pvCHi2cyBaVSC+taiWy4x3Yj6MZaq28RsB7QFhSZ+p3axjGNXxafHCCox+\nMBTI9SEnrwDd1gzd181iYMvdAL0B5C6uXZKm5PVg+5iP729vY2oIOss5SGX5\n4UL0IKTkKyXvUxgkjwfRQ3RyjTIYUmQ74ek4GIitPIpHeGaEfI1Vlw71R0AX\nw+awsZvB7gUeSAxO1aV5HWOWur5ZqiQJ5orJl1VkmB+S6j0zgksd2qRgH/Fd\nwW/5n9Gx0S0QHTosCN/1iQJwiBRDLyDAJiZCtqw1JEHo74sgfxm9V0r9qgMe\nkqBrXMySbVRgUnARSFWHjqc3RHlWTq0pfydQ3fyXpzokdrTtpHiN9HZ1nahp\nGEObh1KWB4loVY+wmzwIIM5agG8Dy+fg2dzlnK5PLOEUs4gG4atwHrmaBmeJ\npahRkvnU1bA6czUFp48xlM91kfbTCiXJDRxhO47NVWWvsJmxCc+w8RXCTxaI\nXARUtk+LmOQVm/SmcvGGuRdLhWWV2evyFogAy8R9Z/aUNXbvb0eXGthyUFno\nH8Vr98/ib4/9xi0tPPnOWGf/OBfllDpebdhFtmMZANMsgU3zE3GotShgXC1e\n+zksk6AwFTlCIdJldJy5zwF9AmR/vXljOpCyRBTdqxARwEtzopjLWuxqFveV\nubD7\r\n=GW/x\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"bde404a844a4528a097cb2c90d03c4ce8bba9d74","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.30c11bfc2.0_1605749096771_0.7926038396826911","host":"s3://npm-registry-packages"}},"9.0.0-canary.1b731d51b.0":{"name":"@material/animation","version":"9.0.0-canary.1b731d51b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.1b731d51b.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6033db55ae2365e6def617d8c219a408df377ced","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.1b731d51b.0.tgz","fileCount":26,"integrity":"sha512-gGmTAfxkbo9e/LmcanZCdbDVqdSf9CTlZT99ktmkMT0f6se7DNO5C7+/UzDv4Z3d8oT8fTO8AWpFF3pmZCRAVQ==","signatures":[{"sig":"MEUCIQCDmduqxSeO3OSje4f++Dl+/t8dNxgzvjMNkT22n0UPtgIgE7amXPQtesiAdZlv7ijixHo4rZxhGZKBwtC0RsNqjt0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66198,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftr6dCRA9TVsSAnZWagAAd9EP/RUhl9Jdq3K6ha/vR3ef\n+8E8t5+EMp5r9Uqa/KjzVexUmR4OmzcIQ8SXP41gwMHTQZ5rnBN7ybKVm89a\nhFyknaXU2FUmIc+SbetBFdlXvTaCWl6F21PcG4UfuNNpyR7MpxV3jlLDzUVn\n3UBbTGS44PTMrw2xVVb8UY2bYfpcsuA4vOJ8LnKM2B3DU2oluIX+0gyAawjX\nfNWgyDNhyh7DFcFEdn6rnrnq45pO+qrNRXDTelahoPsp5H7hkYtizIk6O0US\nH0CuGo/z84iDqx5VXOEd5IiIS6zkKQeNCMPc8dp1yfzR3O3f7zuUMgrAHeWL\nve8avvft16QxHGL6vY4i4Jri6gt6/1hTseR7ak74SfoPw4MNG0x6ku10X4E2\neUgNfT5ZFo9VR0pOlKI9suoRumi6g6trBcPyHo7XuC8sI+Ub3ab3AHZNdqF0\npEwtlKE+cAm4bqHeUrphsgia0wjKn/TstbP7XHYIutxEfmptw7cbUtc2Wcfv\n3eeP7rZUU+78jXUOHc3UE2+TND8DEaptbagKW8x3V9huXUS+GZPeD9W4nwsg\nSoX11c6Rd5laM27VYZXxjSl8U0shsNay/Q4+7LxirpXDWq64zjwOtffOILNl\npHxRp5jwxTiEou4ccP3+EUBUxZPSApriGCX+JXqe9pU6ZYf81euQeo905lSz\nkv/O\r\n=HA2J\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"22fd036a79b754fbad742c64041cedbac73ce410","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.1b731d51b.0_1605811868881_0.8772615738303746","host":"s3://npm-registry-packages"}},"9.0.0-canary.4ae94ff78.0":{"name":"@material/animation","version":"9.0.0-canary.4ae94ff78.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.4ae94ff78.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0d4fe1b0e06ad0c77fffefebba783c2c9c4574bc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.4ae94ff78.0.tgz","fileCount":26,"integrity":"sha512-co0TF8BzNdra8rA45x/n2wKHsvYFQ+9Jr9O0BarPL0ok2coWEI5NNo/0SirH4vXeHXG+3ULImPw+Pu0gLVH8FQ==","signatures":[{"sig":"MEQCIE7NhymWicNwuGf0OKOGlKCGiESMQ14gR+tetMOS8Av/AiBm8UT2YdDiTxuMD1YKdz/HSklOyOH/eECN+waPacrh7Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66198,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftr9KCRA9TVsSAnZWagAAxwQP/1WX6jV32OF6gQvB79zS\nC+P1V/v9dmOXwjgyvGjFRN7feA9+0pjNPDInsgsLR8h3QLXrE0a24U3tK1yW\nP/NbfCrE7BPSKMJQrKDeM1pk7nCGFB7qS6l+q8k80HzgNzXUfROGZbf/FwUo\ne2r/hdsohnH7a9BRjRTbxawosIN1DXRWCGehNAlINkCz624gLDZan5ALNO13\nCL5OXfJEQS7akIJxq0wq93Kta7HSPOsgoR/puq/9YG5yFMeUOq1BR4C1Sj5f\nOEhZHXGzL0EYPWI5XI6oWZisJ/3xfF4XlPFe1M50tjlWV6Mg9cMvj8O7WqO0\nonGFdHQtNEIVU4D7AIgf/omQ1vGfrNlQn1qB/9+7XwCGUG5xUCLFFRCI9Ru8\ny3EjLhp9xAzn8GCQbou059IQMpD+kqSMRODx1GI/8xTsNpXFg8tHDI+BDThQ\nIm3R5OWWCM2/ziUt6Cg1M5qnMBg6A04PI66cGQZwSo2uEgT/Dvmq9SXZ0o+U\nQSqwldfS80Xwo9IgfcbL5Sr3TH8Tr0vhKgTB8pqCOsfns0oRRwIZOxokuzDq\nIb4DTPSIncZTMz1hSwtYGtOu9dSXVvbbSYvlkO3IN+m0H9ASBLgCGQEVlvOH\n5UCxRmnolAq8ggfMJi0C/2gyuUWR8ttftFzOmJJyTLYThoVTif94UoFZRoR+\ntL5K\r\n=3Y0z\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"34c69ebecd44026cff9ea0d681fc2be3de9900b2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.4ae94ff78.0_1605812041777_0.2808456894913347","host":"s3://npm-registry-packages"}},"9.0.0-canary.7ad038e1d.0":{"name":"@material/animation","version":"9.0.0-canary.7ad038e1d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.7ad038e1d.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8217dc525ecef161b0d7e9dcb5797a871b7a9279","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.7ad038e1d.0.tgz","fileCount":26,"integrity":"sha512-LS7gBlk+qRWtWaRb8kfRygt22vt7F0DnPZq0PLkBte+zJG6adgbR6kt6bOGFcou/ahxLu+qNGFqxV4rwBr9OHA==","signatures":[{"sig":"MEYCIQCX0XBnohDD2vFzd8PDVt2aFEfioFSJSPgKeR2Fs02zegIhAPiIPj6nYW/byxEasNrHY6oq+Rfo17pgqNkeHjhuxfDi","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66198,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftsS/CRA9TVsSAnZWagAA3FwQAJBn5lh8mvdbdnR8wugt\n7G7wB1pthZBwFCHPKMULhl3YvO4SlwUvBTBYd0Rh8GJ/YyOgPEAyT9uJPNov\nIQXMbb7oWExw/Z2qZwNtkQSo8gE5n8aDbMtaIx909i8gOKX+fiylNkATykJ5\nI28+jjf+unr3i2QIZgWNDkG/XsxVUfBjVpqZiKKRHB8HYucLMyl5/N7dxj5S\nl44KzUaPKVsc3vkDhUnEv4DWgl96BSIgPIKi8z4B9nGJV6G8NJJssBDbgFex\nxHM4v8JbI7pjYMPPWmMyFPmPpVmrlb1UBBRZCoveE26mJH5OxmRhlTl47ZgN\nAhw9ngXXok3cp3PbPJvMAblsq783oCgJWU0frcseP5HGtfiGO8+NHKjgeQA2\nDldR1/sHfC0Q5C+B2cm8gFhapCGX4GFRo3othh5nP6mHceyVhZoykJ6Gp/3l\nW7JQRahSRAGGnQtrVGOMBhmJT4WcFnNq0O1WPjdoQvrYc/SO4qTGC3GixWIt\n4tTt8Ykf1JIAhd3R4dCqemfci0MNUlBH62TmNKuuhPa8wFbOyQDDXXE9VchC\n5tYsPdmiVDuCZaRcCSuZvf3VZex+uHK3IWY1sSPlq/WjYEM596U+XM18Shf0\nGcF6awebkyFIl/t/9RLueRYfeicrs6/a1hFVBlel2O+15Klr6I60JfTATGHX\n8eQ/\r\n=v9zu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ae5e88e00f948f916eeb8f578dc80b6aa2084116","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.7ad038e1d.0_1605813438816_0.04893337340776682","host":"s3://npm-registry-packages"}},"9.0.0-canary.a41527604.0":{"name":"@material/animation","version":"9.0.0-canary.a41527604.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.a41527604.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"330f13c840ee85cfb8bbf877c316dbfa8d56669b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.a41527604.0.tgz","fileCount":26,"integrity":"sha512-Y9LDUFhyTcRcFbzdkdsLJi258I1RbukC3I7ocZX9se++kUqrDkldrCDuS7nSXsoJLCTaNGER8Rzv58/IwIK1cA==","signatures":[{"sig":"MEMCHyWmMBMiy6x6p08xQtQT7/FPopN46jlpqoke9QLQpXsCIDtVxPe5Hghbpq507GbcUmO9GwoG1MrSTZMIK82hGZ93","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfts53CRA9TVsSAnZWagAAKu4QAJxyxQ/B7xwXKR6suYhi\nRmnV1uK1I2fal6hGhCwjXtFR18XMhr1NOsykjvROYD29sO2+13epRepjujJ3\n+Vqfp/kDZjJ9p6jqcNXI9DsTnx9DuSyQe+OPQwBJV5rpmV81c5RQIVDgv2ae\nV/gIYmPAAdtruK0B0g2PRIuwSQEyxSbqcDTZCJnVhMj9Kai3oe9tq5balspl\nudsOUBNLYztEh5GSYEfZqkwCqDUv9tS6Rg4zr3ZX1TBcxx2Fl/BhQNuASApD\nyZO7HSjZ545k3tbGCjnw2MQeXHwYaxv+ib3AugxMrbl0IZEnotyKb5pUepYN\noVjYuIKDZlZJXBAlkAIkXrbNKvxXElIi9cuqSxX6WfIsQHxbPG4vnQmf13Ic\nkPojk99Txcqb8IipjWNbCSz2l6Mo+Lu7BOVaigK9a2rpGiA+QXzeTm4jBi0Z\nXrBU2gLy6RcER6ANXNh3MDH3y6Sg0w4kjovZQdQeegEtM1NvMlQzfp2PwLfG\nzj5mcyjPFMoENxv/0KZaSnpEnK+vQBH7wDkMwrKv2CattXYwL3ZnaO8Idwth\nACwFZVsiyudSGflbyA+d6XknO+xks7RIQZGL+LteJ8VKDmESVaBZuA6F1GPM\n9plCE4K06mUy+U0AQgjgN53N8IDwvL1CUB/o9hTrlNtLK9DoQtR6BFXJgsxP\nbZR4\r\n=tuWP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"4419897c2a5ae382f471047e38ac619bef815058","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.a41527604.0_1605815927461_0.24097691008537492","host":"s3://npm-registry-packages"}},"9.0.0-canary.7b0e2b377.0":{"name":"@material/animation","version":"9.0.0-canary.7b0e2b377.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.7b0e2b377.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8d42c758fcb88111327832a25d3f026a3c5c532a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.7b0e2b377.0.tgz","fileCount":26,"integrity":"sha512-U41SVflsx2B+X1EylAcCpunitPo/KHxY0FyND3IR5hfMhSk9Pl07LRB2Uo7/EQtQAV9gDiRTsQS638Fr5TfE0g==","signatures":[{"sig":"MEQCIFvYexxF7qtevt+lcIfMqnxWcRFh8LdPadKbvcr9pW8xAiBAe5K1QGCv5quTT8GE2cA7fe5zP9DV/jAKnh5620JY/g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfuEkiCRA9TVsSAnZWagAAP9UP/237x0lUzUJGA73963g5\nwkIabM5VJXGKp0eYy7V5gtB93tDnZaCX2vukJdW2FifhsD+d6p98JoVrl6ac\niHvPhLUTuphuMymJla9hONfsqbSesU1PNJCS+SE8o+EyCTHfyA/3wkj/Un00\nq2s3+5pwiNDuqKT51WsOSfNMTY/InH3AVpP1l2ftV3290Qs77nwg0cibecgF\nIIiaZukP73Bx3SdhBreUKIWTWAOXyanp6i1dybvTtYP8dxKB1MrU2b4ZWZkS\nkhA6z7aY+dXWyxBXOCetZfn8aQrNbiO++iF5GEtWh9y/8TivDjQouZoDg3z5\nOD4yldMGDfnnhQdit0YxwbaKDPLj7G+tnXV4JjmgtiEeEp3jTBVPALLYTpYR\nBi5QFZU5w0jmEBlkLud8bOokNqZtcqOlI+YMNmmc+1vNn8gYT+J5DwxB02iu\nda5kixVoiZk6zZMB2mMaDRW+cOlXvlSOAzLKvvWbBGMvcJij36NfN6YNGMgF\ncPkm61uuooP13bflgegtAVYfE7SSJl1/WJK0dIeuTgpaPJjj3BgRT4LBoxIE\nbHH3q9yTmbR9aWOvUp0uF4iC3YNphzqD2ehB+q3A7JQCqYt2R0FbgHvajJfr\nCkmBEyCEHLiaXKzQjbDaXDHun/zsWjb/C4R2ayQA5GPLC/HqPnrKzqd87nEo\nT+Uc\r\n=PBVF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"51086f360a63319c786c7b166e515a34aa76c112","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.7b0e2b377.0_1605912865493_0.799040410279368","host":"s3://npm-registry-packages"}},"9.0.0-canary.c927a5d05.0":{"name":"@material/animation","version":"9.0.0-canary.c927a5d05.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.c927a5d05.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0347836ff581d0d512497622da1955f12f82afdf","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.c927a5d05.0.tgz","fileCount":26,"integrity":"sha512-n0oJIXecr0LThjlam0YgZZ/gaBG4uCmUNWkQPIrnlw0dFX6wy3R8k4GwOXdy7PikjNIJNTM10qXF8q7ERAcOdw==","signatures":[{"sig":"MEUCIFtx/i0+p4fzFPbggXtqcd7/fER2Z+dAXqMhHQltiJieAiEA/iFUt9ZHQMWAc9YrG9Vw0A1w2lYMtpkEHYeEcKq/HTo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfvBFxCRA9TVsSAnZWagAA8kUP/0exC88MsTupIMSxLu3s\nB4Zb7Tr2Z8MuQhBYWp8W1i64gAAAKl9dM7wTDmk9urTirc+XTDnQy2PNoy81\ngYjhzaUgUSoGzN1OctORDezrxEiY+2igJy5ciW+x0/xUNi/GcvrrzVA0wpke\nGECJ4P4XHHYp0liIiyA5GgRVTJ/unMMCAk/VDLaZRnGec/rjyqHQZ3yR0Hv5\nvYWHpkQPu4a/qxeAgPyrmdzxIbj/hQpZ2cnu0GbXclU4BUy7m9Nnds1wcJyl\nl+NHVGIoO72DQJgpMXzu9FFA4j4DPiKon1882xtkh1YCk74k6LAoLnG1zUI0\nJB+j1kBIXFvn7inf4NtPK/XL4yZPiVK5/usv8iNMgIGA9hkTGLGv0LI2q05o\nSdpy7s0HjQodQUEggD6WUrUhCKqmG7YRtDiN8Th6+F+pxT/xH8sYrUuBTlM2\nA76EDbx6MabJdwoxEj+DnPNg/EORK29kKJ0jyNalyl0nez3bRdYwY2is+01h\nZBbW0cph5LBae5x6SZcDOfek9BEV/eWnHQzqNUAN09X+mauavIPnJijM2wTn\nWzU7TgwCrfrn8RVAqOC3b3ODDWYoDtkbiSODiFU/+IUj95dHu/XqiganPn+f\n2Rn3C+MCqlSCy3Qswyj0xenY+JYHb9vhl3I7JQEabw4ygSMXsJ4/xL44okkA\n/lCa\r\n=A1ZZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"1e41eddb7d951c0eeca983e08e3fbb7b21cc3776","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.c927a5d05.0_1606160752659_0.60292145688653","host":"s3://npm-registry-packages"}},"9.0.0-canary.b349b5185.0":{"name":"@material/animation","version":"9.0.0-canary.b349b5185.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.b349b5185.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9b67a60d7ede4bf07fb62bf8e873889acba09059","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.b349b5185.0.tgz","fileCount":26,"integrity":"sha512-Mrbi45Vj4Ir2PNaCWSYlBPdRWXIHCRrV7/iQswsapEuTWseaKIXLIt0DZQZPrABFSoTFNpTejsollUCB00HlBg==","signatures":[{"sig":"MEQCIAg675R23B//AgQX/6DDvMv5Ysnhea1WH+SUqaajcOIMAiBT77j8Pts2FF4BaVEyQC6EHJv/X5rTFs3f8EVF0pNGFg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfvT3UCRA9TVsSAnZWagAAikIP+wYczTrVVw0Q8k9aXK5b\noVKycibyctWJaxqGUD9owSyXVlT9lxwTTrE41uTLoO68+lw7qxc1tYmaivdl\n83GEBExDAiNmc08iOTkCNxKIRUU3ky4ipRgnKJOJ+K/m36HP9PnhorTuHz2G\npyqHc4mUXOV/aYt5p5lRlM80tiMlsH+F+BG50k2xGBoEyxt1e6DjEIumUx2S\n8KfcDzSKMl1otL7YijgpxEzeqrqPedoAKtXzMc82+26H3qraW3tnF5wfdbju\ne8N7ByZVp4mkKmG+y6EDobkn5wsgCBPA9n/+3JWUi73kSpwiWFeHXwa9prPo\nAbemtMiD4Ezol20/3OEnT3IzgDuOXCeFycFIm8aWQddx9iJWtUKeGmngsFiB\n7l1gch2DM0WZhnaH00UI3vYW+JqtjJoqEDn7u8OPwfYzUjyuyr/PTMplrdtf\n5nD/QgLzWtCemyEMNULDRUAY/ftxa/OkLZGS384v2pQfAJphb/79ngUNx3lW\no4ROaRoNqxEV4KFs+XZ1jqRN0yV7TDwqBMbe94ZpipBxQymPoyDjn6wdliaG\nmAUGw8zMnXFK3TzrG3XHDXBZoIn+GE9JcuSbBOeFIs3klPw7bFJIi4jPmr8G\nEcUgdPmegU4LZJPIdNNnJZacVRSJxZzdOHHYMWBULvqynmkDbHSBrtCIt2Yc\nHidi\r\n=vob1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"92e0cccba580778200706f15aef4e667fc007066","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.b349b5185.0_1606237651422_0.695937493789829","host":"s3://npm-registry-packages"}},"9.0.0-canary.9083b7d61.0":{"name":"@material/animation","version":"9.0.0-canary.9083b7d61.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.9083b7d61.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1d662312717e49cb4a3f7a9193392c4271be8945","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.9083b7d61.0.tgz","fileCount":26,"integrity":"sha512-4AL0JmvItwRL56i2LnDvIKyt4k2vR7q2SJSJ7GAt/q9aqXOZP+yO3GERO1dWLWJgjioIAZBITRZ0c60tRc8SUw==","signatures":[{"sig":"MEQCIGW9DZGWsX408IknhRX9PUhwd6ukQGieOlLIlXa2Fu9wAiBi50VW6oMWlfZBD8rHG44TCZ062uMZfvyqD9Jka0Rz4w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfvXe1CRA9TVsSAnZWagAACcoP/0EhDPi3mQQj0obUTNTr\nt0oCC7QASRAN+RpkSFZD8pG1MpEBwSBLd0QNIKzR2U+Eycg/nOdUZABlTOPV\nMcmxnty5Huet+uCuFP95SwyehKUVRCmi2htrS/06jb7qCWRM4nAHJtztqYys\nBmFYl27SwotBiPGs/k3YW9LWAvvrv8V1woAgOlX/i3KZ+Gftz/+tVoS+Eh+2\nW/iwFSvQbIo9Frkmk7XDcIeIUcc04yW3cFH4WfjMFAMssYX/qtE0i0whfX/p\nNT/hq12aOFjDsh5IBTwfIclidn86d/IFpCRX6gLSQyEFTx502PK2GF7Hpj+y\nSAeVls5jDvie1btPvBB5IuLXk9+w5OUlrSsb9fnACkcBHLqZqw0K9KAFuBfK\nfYixdmDJFZ2+BBqhj0K9su0dApFs8fujVi9i7VbXmcO+IxjAWC4zCLzGpLKd\n4CLXvUOFjEBPL9f6qpVdzojZnCzz3bW7aE0/aN5avvyylZmAq3oXhYvKShNZ\n0pFi87ACVZ4XIvpXGK+fWdegqGk7s+4R2pEtMX97Bmtu1JpfjS/0CEexmdJy\nV47FamA1PRU4P6ze79waDScell9lBVWIuDovIrZlj8tY2fWYjh636wIJ+vDu\nig961WKSJBLJ4FTawy6sS5RTFebQfFc6R3tpvtju602vfPmQ0jErs7CEHTkn\nb5gb\r\n=fCXL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c6192773b6d2ce6a74a5b464d7df3e9b57b238d4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.9083b7d61.0_1606252469399_0.7128668913380962","host":"s3://npm-registry-packages"}},"9.0.0-canary.eff7b46ac.0":{"name":"@material/animation","version":"9.0.0-canary.eff7b46ac.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.eff7b46ac.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2e0421ed55256371d93edbfbcfc8e384f202db0f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.eff7b46ac.0.tgz","fileCount":26,"integrity":"sha512-ZuIUwYcBrHeAxcBhpoyL08RUc2xfThY/OV/TUyTMsRWFauxJrtWMtxx+xNWgcbsRr9IjZADIWZmp1U1M/OIeSQ==","signatures":[{"sig":"MEUCIDSk4iOO/IGLobYLJBBnBrkDtXWFkWuLDd/wDskm5ZRAAiEAsJrXTaztpPsyHjboGlzQFBqq1h754ic591AC1g1eI30=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfvZduCRA9TVsSAnZWagAAtQgQAJNKOjq8tdEXfcMUfNXE\ntLUO7haBYCeRrMJ+LsnNsvRTdkV324ZLq8hkq2MWeYRiPh6X2Awhx3DAYjxX\ncC7+zG0ZMCyoxwpg9+cU+uohTYW9YwZ1gHNOBV5uSaYD4Wg2YCYKqbg8ridw\n7t95hr4Q0sBXoYEfc03y7fjJ6f7DzvnzI4L+h+hLq/4qK0l12NUd3HJB0dXk\nXQDIGGZ5WXH0/5GAY6G6H/l+HuU4h5oo88P1qa/DoiZ3hC8ABIeHZFl73Ee3\nkEEiSqi/mxI6+VI0JeEHgwtz+y4yXOZoGNXSNuxj8ybceo9WK46AQI1KMGIv\nuBzpmQQeHaRR7Ky0k8GsU4UogDrtTO6dp+mb2XMfZy8woLpCI7Oru1mM8D7p\nFriGnlS75PY7pwomIX6mS8Be0zmuMzD/WklxbX+DjWSFc2a/bGwvvMY1WnAX\nGskufN0rVh3FFa4D1t12c6NfrL24xaKwWalBbnRAZLH/6KMtBFXydPXbRCb8\nC7MHjuIpMI8ElHxUdIej+CvXcMW3W6wiMd10W0NXrZsjou41YM6027bwqOKj\nWeN9zWRtnhIy5i21JpreoUa4rCfMn3vGU5fXGKjUBwFdCoXbIboRoyLhcDNm\nt72dGq47rC4pXv/r2ccZeTCDIv7mxSWLgandTDJ6XnZ7cZAYx4nVdyggeFWy\nwcWH\r\n=brzC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b8790bb41654e5c7f7a7725e8e58c9dd08551129","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.eff7b46ac.0_1606260590002_0.33406804819185787","host":"s3://npm-registry-packages"}},"9.0.0-canary.ae27b44b0.0":{"name":"@material/animation","version":"9.0.0-canary.ae27b44b0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.ae27b44b0.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c3f1f02fa58e44c694b630378a0614971bdba743","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.ae27b44b0.0.tgz","fileCount":26,"integrity":"sha512-XUKbcygppECXhVwmkrQxrhsgWxEuybmwut/49uXVnEhvAGWZl8qA8QUM4cljEoimMUGTEA2AOowuHQjCe9yIJQ==","signatures":[{"sig":"MEYCIQCRmchBaKdwbOhRL59N7Msv+FqG46+cRxF1vWUJZG7uzAIhANqCmtTYZL3exRNLNhIhLAijkLWVRjbEJQ2ev4NCaLeN","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfvnjUCRA9TVsSAnZWagAAEc4QAJ3W4Lz+Fln0Jh+6C0XQ\n4sdXluFfRSr/3gq17fXhUKGRgjsEn02xfxU4Fztl4PGomt/S5AgvwlVYZ8AX\n0eyyfOUXWknKx5lggqb0DQwJD7z6UkKmZu/FLANxM7j/HAZy5hQnWfNk7C2o\nN2SY566eTVVDUrCMIAdZHREJOhtncRwot591CqKyQbLFdf/MlAtiHlE/Vn/y\nkEmbksSyhOPZDuNUItbu8CZLQdd99898JevDCLCxrG42XbdAs1SUmJ/TgwkS\nhVB3z95CetuRZRdfD24+9osB00stLihojbCkJRNCWJ9J6WISkObTN1pQLaGC\nh/KhX8Fyt6OtUpt7TzZ14KtbfiE5jr4YDGPujBHgPCEhqsKlpBBYp/1pqt51\nhiT7H1DHIhUIporyx0Dg0S8d2xt2FmdhlqaryqAZy/baziJyasvdJtfqyDZZ\nTxA4gS3suPHhMtnwIqjMLjFwVw5tG0H3dFQEhHJFcxSwizDHccl7dSgg7PDh\niSYo2Kf3+MEiE/Z3n6niITGuczUXnHR511OP+2x5HspuGSXXOuNko/uePiCw\nw6/M48AIchkZw3fvuZqPfYgK8jb8GddbfwAKgHkeQl8nagJFR368ssigSz6P\nbdxp5tCFLhGsUlqJIrQxBa2ughDVbB2y+cm/fFlaA1WLmLf31vOL9x78kIeh\nLKoG\r\n=eBNd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"eb690fa0e9558b61ded00dc6e4b467cbeaed4c4b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.ae27b44b0.0_1606318291743_0.26916158357385433","host":"s3://npm-registry-packages"}},"9.0.0-canary.2fbba2554.0":{"name":"@material/animation","version":"9.0.0-canary.2fbba2554.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.2fbba2554.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"47232b1c22478a727d50a3beee4d90accdb7fa9d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.2fbba2554.0.tgz","fileCount":26,"integrity":"sha512-sHVQMXIl9IdIKd3r4wo/M79IMSqTInFSXaMdhXQ1qMuYEXqSCRmMA10aRg6Ak+BMCDbT9Ymr1khyi3RoVeAFOA==","signatures":[{"sig":"MEUCICMN7BCJqSIP5X+17wSYrsyvFzneqyheKYFgjNQwdl+EAiEA2JufoSSatCzvnknXfRCVxTDS4IzO2V5RH2bL35Sm9Js=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfxS5CCRA9TVsSAnZWagAAFFMP/A5GOqsBl5cpRgWlz8Gp\nW6n9ZQM4vcnvXSI7pxCe+T49plak/ndlaPfOQu1u7RsYxqMjc8qx05tMKzbv\nOWSA5BakjNl0HtUoXA44Zv2OYs/NN1go/6QGZ4vJ1+g1VOPXRglTWcIOQbNg\n7cr3jl9m0ErIRwnYNElohtvrz7rgXNjOL1gMk0zFp+eo9m25fxBvJNPeCWp9\ny/fdpojXbL5ok1AG5olQnP1+kSmK9sM1MkXxVlCVlHV7mTtQ+JRz59ROqeH2\n2jxiJbYMmOn75abOMhf+OdkoPe9st5T7ICeM0b0L7xaAIHTc/x1nVV/sFNgn\nDH+RQuBrFpl27rqaSg3T3F4hVA+8JrLTeSv+El2Hy0qVMKlv2CGaFDAnxYLs\nEW3/AyK1NLyUjhCmB/ylMm+1+QeYmSFCo++pOCUB2XZZVdrCGLD+RIozJVsO\nC+mk2qqgsCz/GQfl5DZzpuLmr4UCSKmMZxkpC8PAwZKUOrSB1nmTGPZX7pZK\nPSDSMi7MDpvkRWgWyyB7wdqQkHHI4BwEzXeWdLppbvQb/o+m1SipKW9kuzVs\ncLciATNaFBVlakrih9JHYlmiYKntccJ0xHB/qJc00nbOIyFBPLUTBlcGd7He\nsRyCSoAqiE3rEGv/TFnZx5+2DSAja4t0wvbKx9NN5tx11NbInehD8iGNHoCk\ndQsO\r\n=le+6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"93356628825eb23bea706adfd527933f0c5e430d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.2fbba2554.0_1606757954030_0.3564577482295379","host":"s3://npm-registry-packages"}},"9.0.0-canary.6d8574fe1.0":{"name":"@material/animation","version":"9.0.0-canary.6d8574fe1.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.6d8574fe1.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"115eabc4f903b3d69c4b948e47f6dd249db8983b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.6d8574fe1.0.tgz","fileCount":26,"integrity":"sha512-6BkBDVyWBGTQPR/MwTSwnuOO6/UW+6RepP4ufZuJ327vKxo0fjnNYC6+gxJJTDc+oEWwJbSAsGa1lhm1wfSqGg==","signatures":[{"sig":"MEQCIGxfF1j6N8FwTq+i25CGHI4e1pCbxyU6uSu6i8rDZIobAiBAz75jKJSQMY9LJUjp1UoNxspewywKQPpQMn3/z5KUzg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfxTDfCRA9TVsSAnZWagAARZEP/0NL6H/2xZlSqatlbVmY\nn4Rrh6vPKSONVTVjNiBPnOmu0/F/fjmuK8h4SLmJzk9kJmQG0/Z0ql+r7nob\ngFROdtFYYIStsOgUE84qekOj3xYGaKW/+8kppUdP5oV6jvLn4a9fufm4WMRQ\nsWfLlMjY6Uozn4JvwxbG7+nk6Q6xUYECjP7mdt3Ed0ZtFvjuFhmEHsNoAaBW\nETj9DuF0xi8a/6EqBawxjUASBNENJaZoTyqq2BzyrS0WTcOvULxcLgcdZTRy\n4CKNgdkvCDyWjrHDcSlkBq5fOYuwDpJ4TQStnTfCAE8cyJjaiMF9XZjS1Sjj\nXr+vajze0azpWXcKeUJIcHeRY3lcGOdDbrpz4eA53QjVg+YCG8triIg7zYZr\n8sLnNI0FyZl276r6ApZDiiYnptF7P9CJQ5Z/temTGNoLOr33pZ2aRNSVzn8+\nJZcqcBWZnNwWK6FDfuu56rYo9vAwWzKxnMuMfhJSAfoOUbmjDobeXRf1kh7g\ngCgkzo873vpZTzkGg7f9r4gJffd2QKd7JT0VtIpsZAgIyfOP5U0PIu8JOGiu\nlRZnU4DYZIt7y8hkxKEt/Zv7qjGxv4Rv7Sy1ru5sqzVSHDk0OplaqA2UYBse\n9owXobu3FNenUa1bw1NjZqZ/+jiGiZmHMKqrqtUiUGYpL9XbyEcI922fd040\nBl45\r\n=m87s\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b98a165c81d2497f6c0e8e5652743d71d87029e3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.6d8574fe1.0_1606758622651_0.8372083583501047","host":"s3://npm-registry-packages"}},"9.0.0-canary.fd22355f7.0":{"name":"@material/animation","version":"9.0.0-canary.fd22355f7.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.fd22355f7.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"adc0b6251f38cf7d582ef9c4bfd0d7b6677c7966","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.fd22355f7.0.tgz","fileCount":26,"integrity":"sha512-mwbzG9Lr27p1uEFRSatlfxdtDh55iONMqFLOx7u5Eetxp/oGiTqgwDASKZlT/eSQKcq5qtiIzv5mpJoUD+/vmw==","signatures":[{"sig":"MEUCIGFIwd+xEiBJrJsWGrfVDMsjc+m/BD+EBWda9Pm1XH7dAiEAvnxK+l1TtOfM8cj9HYkwZhqkAYdaXrBPBpfRsX6gY7E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfxXkUCRA9TVsSAnZWagAAIAIP/iiU9ru4nWyhTLhDm+Rh\nP6FO6aqxKmlFzpMKSTIiHtJSD181+WcFXtzqrGR5ITsKC8EE1nBHslwOdlDB\n0d0V8d2rrHD4+gfLPSs2YZzW3hU6Hi6rq0Su6/Ru0WmfkGmU7n2AW3AiyHjB\nWJOy5hoHnbNzp+k8/tDAs3tjVgmS5NkWWEWxjphCwmP8Eu8ARh2XioFx4UfB\nSBCacl/aKznPS6EFAbKezRPlsRIHSCHuKj+XPZPzLLzXTqpfEIIjdGrcZdt2\nXIFrf/XnvBY0IU0bdW1vHtXiJ0+0iMHLTP0qLfP42RFrk7AuwfaX8AAoavJ/\nyqDbkWuux/vB7rfD3DllMw28vnRPPlkPjON8T36Juco6CghXH/odbnLvkfMm\nKtaWO0Mkdk5vtYEjgcqEjdeICSD+fRz+UKNAQ0upg1Q/qCAGhmIUi7Vi+tIv\nJ6r61udAJvt0me8zAKLNH3edir1OwfbuO7VHlCanURZVWkr3cE7mDQzSC9uV\nKYkUzA6b9dAHCHbziYPjZFFYPUOfawWrcfCKdhIgkNlEnM400fYJ4MRzW7lx\n7KQq/MQneGUGRGxZZe2RPB74vUH9g/4SuftBUFGgBhFROEebbcVvllS36H2d\n90wkhDpYPo/+Dps/xNfC+FudZnkmvsB/RlLmgO5wn8wOuKClv9b+FclHnp47\nilRV\r\n=OZB2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"86a40292baea3adb58a6c26ed8c68a9a425cef18","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.fd22355f7.0_1606777108342_0.6017574007047033","host":"s3://npm-registry-packages"}},"9.0.0-canary.c4ab98722.0":{"name":"@material/animation","version":"9.0.0-canary.c4ab98722.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.c4ab98722.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9a07518af9f7f17fe55fa618e34978c9af1fa7f3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.c4ab98722.0.tgz","fileCount":26,"integrity":"sha512-m+CeB//DkM+CzePdvwL2BK6spdCY43M1y0go4wwshDH5D2usx72wDfd0lX+OlTv/pOOFAnWR9GPCkdf7isF6wQ==","signatures":[{"sig":"MEYCIQCGrbPw25bnNfCG89hqql7oZVSaN1t2ufv4Ra8m/XkjJwIhAMPH/SGB96PmzJu7WXP/48hfhhhbhxgxd/2h+ah4XwsF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfxuX6CRA9TVsSAnZWagAAVXUQAItlDHjI8UhB1JUIwtCV\njOn45mz5tpNshfmbbJBTtGtedS/e01MjaUoKSeztZnsEqdyd8M1SQ3VOrYfn\nuz2pHjYtQ4PLUGULuglaZ33LLwl73/bhoLIoy31MuF+nmVRg2OVXXpoF+sO4\nt66d7vmbUgcDlSSUWuxgYzNmKBDzzcP8rukLlpjs1uv282Trgv6SP/4w6lXw\nlNHZR15rvuXFV9WuwRvNXhMeBrjhF1z/9ivcnpWc+1e+uPdNXHINfXp6uz0q\nlqhCgvli+gJ/NAz6kWMUeutbYSI7Qh7K/VpA6tMHcCX54DxSF0EhZGwJZPX7\nwZlpyuTatVENVZEkEqy9SZEzv8Z4jQ7MZCWOfEyTDfkXDSNod6vA/phj4nFE\npNbvoKFN0+YpPNTdLpiht5jA/GqjMgtwSzCphdowb451SeOZCSqwcKyO5V/0\ngFO+7oulCYMNmCynq4YwJsESKUbZvaWKhDW4LX4YGaOItYGltgZQp5DdIQyl\nTbgUScFoqtFEQP1eCailz+7wpORsw7/t5jUa2EQjjE9HOx7QZVPxFbLKGoUF\ny5AClUKO7UJaFbpQ9mm6kqfdE7seLj17jNLnwQofa9jiQl7GWj0zcstHAS8p\nRpqJ5mPpYqTI3TpJTG0lqKx0462dngL31w6qema00x3K6LCI8gs6tdgnShjY\nfp2k\r\n=jtFA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e6187eb74996c124e1abdcea72dfb697bdb1820f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.c4ab98722.0_1606870522332_0.6263438482136432","host":"s3://npm-registry-packages"}},"9.0.0-canary.977585650.0":{"name":"@material/animation","version":"9.0.0-canary.977585650.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.977585650.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c5ca1b757724b5d3e2c1c92fa6560da1e7259ef5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.977585650.0.tgz","fileCount":26,"integrity":"sha512-QHliWeHIxtW6cSI0X+tvTBZ2u6vRgg6RANSYmh6j2YIoTpUo04WjvLIjdB7zzmIPNgYMIF6O9N6pUzGCLk83fA==","signatures":[{"sig":"MEYCIQCdWi/WtLrHkVCRkDa2mDnNlRet99pcnp1W8Ijc7jwKxAIhAP0HVLrDpDXGRNFNKStxuLBcGHdo/y4en14yk9mzJQ6h","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfx6dwCRA9TVsSAnZWagAADUwP/iYvhGBJ2TaCKpbfAWIn\nUp9C2sSL1J7L6lEusU5xxZKAr/OkK5DZqz8/dSbdv1QmqiihBMmh1puJhgAN\nD8iBRCL2NFIIL4wV1BFdhLWw/2tJiw6fDv/QALKML4ppMh9aJYlFMAzyOrPY\nc42XdibdKnoDQHdY6qN1XAYD9lce6bU4helJ1LHe8lecnfuipWsQMbLP33k1\nVupepitMfiDFccdrsJkoubdRoi/rNG5pLDoPOm6C5jzAAYGv6XgbDDcxLvVm\nfzcl4qhRHt851tZsyrEhMJfoTlzefu6ree+TCFX5AEwS7E2sO8RI9v8uX47V\nvRQLytYiI3Bsbh80CQg/PCH9rRyP3iIChZN5YX3L4AkGspx9O/19mSfMN8e4\n7/L1CMeUsG4JZmOMe18A0ivgK3nGwGnAw2yFgWUNP3AXf1XgDwSIY9giI2R5\nTNCfUumzeBhgWCYM4VZhbodriQSlcw1pT/zBkym4uqvLRp/p1T71SYe3y80J\nABGanIMM7z6KyRVOPWvM/AYL1XgJwTNHJfjJBepwgd1PnmSer8MFC8h4dzk4\nRfiwFHNodFVxiNQOAzZI6LJJOvbc4igDSgKjXgGI43b4IxAhUUkwkeVo5WCu\n9yC1iswR/s/qipICP1Gy0sEGwpdfj7fXZlz2ZiaR6REm9gpi5vjQmYBSXm5Z\n7P2y\r\n=R298\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b008ede8c0d581314d3b967bd295990ca8eee38e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.977585650.0_1606920048109_0.5458079951756301","host":"s3://npm-registry-packages"}},"9.0.0-canary.c7edfc7b6.0":{"name":"@material/animation","version":"9.0.0-canary.c7edfc7b6.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.c7edfc7b6.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"96d3a54e12dea9daeb69faf2464b741a4b9d5faa","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.c7edfc7b6.0.tgz","fileCount":26,"integrity":"sha512-Utzw3ZKcOzSWaqMDM36MQd96k7eDUtrTOEKAXDsH0ZmJl6j3Uo3Bz1+K7KFx407/s7jVczYNu3h6SCboipNEkQ==","signatures":[{"sig":"MEUCIQCYZwADI/0FiIHdAQw6R8eeg14Regv5uCc9BcPD53y4tgIgEnYhGE4vuGcDF9mAVzGIFVE1pNPrESbLSvTPiMz3HGg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfx6k6CRA9TVsSAnZWagAAbgkP/17EHtNzmd4G0FJAujE7\noitU2aM/Mc/fHuhW9OTf0Fn02fv3FD2/kRwg/OWGTpqmWQo4imBxpB7yXRI6\nIFNMkqrYMHKP6EbS1X2uMMWsVZIzMCBSVYcX1aS3RjhUvmtgujo4HekFsn84\nz7gCdOQVTg3gNdPvbz3gQD7RO6vKfgBEYjXpUYvoLyQxfGD/bv1w6sbYdhqs\nh7WiQkcw3vjpMxEonvyuniStc8pOasysBiuHXdC98EVyC3plC0BScPXAUvrT\n0Mybnep6eHLDHju5U9Z/87KQN3Boabe80Fv4wtFFByh5vFfFTGgLqce0X8ON\niR2I1oq33YtJYP4lvONDkOVD8le3nsFBkaT5vwcVy1So12WC6FWp+74NiXLf\n5Xwtf8VaLFrCLC9QiOpTM2UJxZMBrVPLVhhaV7WB8DHtowFzg3omRMmQbib0\nEwshRlzFxdtVNPmUQoryc5H+kCXgkD2qZH/pKdOdLjXP9Cg3DTAR3Ks3hBSQ\nxwr6LqHeCCBTvkuuZ1WiBhdTqn3rw3IwjIbL3VjxQSVFno2ugZjItx3Qdizz\nBX8CABnQv5IrXrxzsf5qQZNsuzMUPqZfhAcY58nXAPb1fn3GwkDRwhFi3Gxl\nyD3mRlxGT0FIZfKAQ1l9s4PCRs++MqoV3lh7rFL/LRzq3mZ5ZY82QbUt+99c\no6Oc\r\n=nSNa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"791973660a1d63a77aa10d2bd0df7c0e6ea94698","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.c7edfc7b6.0_1606920505414_0.6066516765420056","host":"s3://npm-registry-packages"}},"9.0.0-canary.4f3347306.0":{"name":"@material/animation","version":"9.0.0-canary.4f3347306.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.4f3347306.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"02a5d063ef933b8f67044af3adc5fa15887bd970","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.4f3347306.0.tgz","fileCount":26,"integrity":"sha512-CZsZpmOBAdjeGMw7KFg4Cv0FsqRX5hPx7TUxIjriGPJiACrXPhUjhCm6R1z3rvF5GRn2f+ZoHt/1hRaYfC+7ew==","signatures":[{"sig":"MEUCIDRZLE0Nk7xriXLCLamR4PTQnVHXhaZD2+5gG2vr915uAiEAoT7fMAH6uQGM1hvDdEFCaxFihWt083SpEvk+R0q+ZhQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfx61uCRA9TVsSAnZWagAAJY8QAI9ECew8/U9H9zu/B9d/\niXOtGGBm+1MnkyJFuFqU0iyjQX5TRLWMIIlH74Rvfvd6KF5KmUYAhFRhPc1m\nkndhLy/RPGMe4eT8/jZureLAYMeS5sFeMt0En4wdzhXGzHphOnCvolcVZoif\n6GSsT6fgr8CYZ4sgdJFuoJKnB9dGZFyJKu1CGzxY02TAziIxncgNOY98Gw7h\niwGTZimkEKLVKMHpGW0oNvK3tHEWJ/oGCAqJAaOtZUJ6uDLvM+HNbzsMZEn1\nCjYJIljsmYJgKl2TMcU/5x+0sK1tsTc/0Ca8wUTHfXIPzzHBrqdzqT9CZHtz\nHcz+B1SJdBCIccResJ/V4wPOn6rr0m6mMXh+jViVqQWMDMBJfGjbnOQ5onB4\nK1WqoVqcjI1yWYhLRiywpKnGSJdbjAoDdZBtUZ7P8bZrgkBFspfMUr18y3eg\n/JAdgJmOaHGgSEL+l4APO6oPzvuwDqHpnbISimkbV+Y7jhsdiJv6U/PnIFv7\n+GC0Kh7C6nl7XKTsIw9Za8mZ7Wasid4XPD2qRwBYaJEkjQsrE02+riE2nPkZ\n/ZcOGmU5nELrIa5jtiQau4hmC73U8K8KtZPP2QoQmUjRNlK+JgxS1HQ3/W/f\n76sIqGzKvuoE5vL29fmCZnBToNjE8OqxOza9OQKOnl1Gwv9wxJxFvHF8HiDI\nVsub\r\n=kUGP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"31d08595c0470096709a4d5518ba7444313882e7","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.4f3347306.0_1606921581621_0.4990941173197909","host":"s3://npm-registry-packages"}},"9.0.0-canary.37fbae10d.0":{"name":"@material/animation","version":"9.0.0-canary.37fbae10d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.37fbae10d.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"30555e780b7f40cb8e6cd9eb6750f3cb0dcaed0e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.37fbae10d.0.tgz","fileCount":26,"integrity":"sha512-ZmPE+w2oxCXiFm5kxcGiYkmDo8WA1Z+IEcoKkoBrZnEJ5p27Bw8VVLOvMDFNJJ/vPXe4oYJmNliEL49psy7CTw==","signatures":[{"sig":"MEYCIQDEKSzv4XXHB9FWOlVVeweTdmsrmj8tMl7TtobGeWHDlgIhAKUeydVV6MLNBW3ySSJNGF7vxTi8Wv7FSl3vOzQF8b8/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfx9mzCRA9TVsSAnZWagAAg+MP/jnoBf5grundsTAXQmte\nTZNcttRWJhW6Gj0l+4ZeHdf9Ryn7eWacGG0I/uFHul5i9opRQ1weujRfMhs9\n3Ko3udyP5Y2flHeg7m/Kvmb4LefbJcsqQRt6AgpZkIiCjdhXxJmm6kQD2+Fu\n24RtHKv4UXpO2LmKSsSqLeC/mF513SwSQ7OzZc8wMF3kRyuxO03D2FMSbc1b\nEKKl47YWJ3ArzG6fJQzBuXugV3K70r219OY5Ql2ZSw00sZCAdsmhdPCY8GOl\ncpeAUfKlPaxwm5nMEJnglwLmnz07f8hTodh3+LK9paX0CRW+5RhFPzEORZ19\nLXvzuqWvMvslTwgeOAr6vh6o7LeojDR8lwcgRHcxVWHOJBYmGEtqQB35F3UA\nmAXf7SJvlmhnDbmZ/gYEufwi3BB04X7NAxLoz4LqUgaUw9BmQ3NYyde2EjrZ\nzLfD3SrUdakovhdfnSXHWxxrhWJmTS0dzj2Nbqi1oo32DU60yoT7oKR09aAE\nPg0lccv0004OTFgKP2AtR9PsOrxKYfWGfioG9K9+WpTn+wnbUQHPDwpO0FT8\nvGFljySLwtBbGTs+xJKeuiMWEaWPCuDV/rIgWrsUolezHrwt4xIYJgNtCD8d\nO2ffu53Tp66lRbmaLcF2N0y4SWEx4+vLTybVEoSowaGUQdZo4Ilm2r3rvs6j\n458N\r\n=xYU/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"104ddf5dd99e7bc09a57e2cae74614b7726fa235","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.37fbae10d.0_1606932914763_0.032965511798880964","host":"s3://npm-registry-packages"}},"9.0.0-canary.11da3c0db.0":{"name":"@material/animation","version":"9.0.0-canary.11da3c0db.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.11da3c0db.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"59ed88fa2af83a5df69cd613b552f36b6a96dd3f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.11da3c0db.0.tgz","fileCount":26,"integrity":"sha512-dSTAkioJs64iRZT58TrVJ2cEtLTCzpKYUhP4byVkQpygK20Fmz678bgPg6lNxlvK/FatqxJOXj8Dp1Xa9bNmCQ==","signatures":[{"sig":"MEUCIBlT4uE3R+RT5TxOev04YhemEQnjP2WDWQ0sRMu8L5KrAiEApeLV11YHYU0A84Ij8uhTetHAE3zhgA6zGO5onE+m/18=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfx/c7CRA9TVsSAnZWagAAd3YQAJkP0jCRXQCkXXyPLsIa\nJ6n3jeVhvs3FMSf30J2f9+IITTmRCLrAok9nis0K1lOLQPiOgmDqAEZD6+qH\nXZ2lDnjSIQwDqXle2PsFjg18ihHdcbamIU7WPLtmBmY1iLletNFuFaMDg/ot\nS4nG6nAOHGMRyWq/gaXV6KDTU8unC+Qhpo0Z/Fr55/GZXAhrn0Nz4iS8060d\nbb3tX7gsGsJwxF0ePDdku738EBhDwJiKiaJMuMI5cbEE2VTKsEjDNuEraM2t\n9SJKX05+wgXjbI+hUgyGZ4er894qYp/L9ABnNm616azPucMC12CnYBejUpwL\nv9UDnezKDMPJusJ0AIqiYyKG4sRSF18Us5miTqOslRQHixOX5J4s6yvRKIcN\nbKfkb4rZqmTIGgP/d3ilzGtd5WAAQ2tqnr2Vfkh2UbKCbd9IYoa9KBCK6fsJ\n4nc1LgfYFQgYE0kuy+vLIzL0J+5ENJ/FVF7+HSsU3MI2UbZKrQCdn4L/uwRv\nUM58guul8rwEyBqKLM38HMTF6hmrNLUighGSeRP6SMJugq0yR2QwYHg425Oy\nKVsGx7WKm9D4chFrpe3w/Ytjjk0EL41bO5wY/X04nGz79EtkZqYpg5gVxgMn\nKLqEndpQyJjEQFs5Uu6aoKQUa4YaZTW3xPm3ITXnTPOZ6yyNbh67K1T8UR91\nVL54\r\n=MQ2Y\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"db8b5af79bc8221682000a74eab75c30395590f1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.11da3c0db.0_1606940474496_0.5177302733634994","host":"s3://npm-registry-packages"}},"9.0.0-canary.489d4c219.0":{"name":"@material/animation","version":"9.0.0-canary.489d4c219.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.489d4c219.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d400897a812967abca496fe8947cae5afe76200b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.489d4c219.0.tgz","fileCount":26,"integrity":"sha512-K5G0I2f2PopUYclJw9qdkGmqWVd+rnrW0VJU6aXrdrI+YZm6/kY4ZNZpJ5i+gwjxpTj4lJuGKgYOi+wOf99trA==","signatures":[{"sig":"MEUCIQDxI9I0r6YMoUkinUgYaA82NqOarTmz08vyCvbbND/jaAIgHZ7jGxtom2L0CoketkVG27M9nG1RsnTcW8B9pohucVM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfyQQgCRA9TVsSAnZWagAAH64P/15DI+Qk79DXb1liOsnw\npR8RDZMP7c9EZ56XM+gB+ofztSk/rDEGvFZRYUuEeoSMGXvxVrRSalXQPV2c\nSQpUlvKmL0rqixlnwmMajTjSEyo7+nAIufRWm/nP7Oz4/aW+slNw0AQ3BKwp\nl87RwNoMxjQuboi71Wg1IfMAjEQS8pRAG1MN+PemDxewA7O9Z8O9JVC5N0Tq\n5p/pzjxVSgzOuOfjwEECONgbXSKWHhLPPN7lASa+XvCzFTi+8sfsczQEuCPX\nd2FWpRdeAIlmXUitjmIyRPD1/dW4I1BT1SDZK1JL9iHJYCV7H5bSBpPmmcuB\neAkbMYw2n2dtFFGXp8zbDzN/QHgvdGxdvO4koYaLP2ejDNfRhfKybd0TzFta\nBmzOC+VAhF+TcEydbL2BBMLJlhXoXznEnq9KI61IX5IORCPsdqpPRHb80lfL\nxw3Ewl43/t6rVH642SPidZbw87HfQ9JQ5DZIRdyK9qwQNxeq344z4ANePmPR\nj4gJUoQQIDbraTJE2Lc9AES8Bdy+CRuYZltktMDIwnAJCOUCoiAJjwzKflBN\nLvoqCHbH5qKf3BwSq0MXToD2XcdHBJLjh2kyVuFyVcBOQFxz2ACakMtjwEzy\nT1wovQQUOZBBG8TV6ptKJELi8AvdB6BJDDsRQK17NisZtgKdE3oVj0KhoHRW\ne5S1\r\n=mod5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b1c4ecae655bd87a48f6065e7c292d4b30cda43b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.489d4c219.0_1607009311859_0.8744641468712797","host":"s3://npm-registry-packages"}},"9.0.0-canary.6557a69d9.0":{"name":"@material/animation","version":"9.0.0-canary.6557a69d9.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.6557a69d9.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4b0815026fd90f29381a5cc156e7971874b0ebbf","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.6557a69d9.0.tgz","fileCount":26,"integrity":"sha512-lmGFj8Ou1wbgLZpuTMCuyO0ECimmNsXp78XyrZh7JiUkkPuenx84Tdo67idfmeQQeaaCyQwvo+bkhr+MBlEF9g==","signatures":[{"sig":"MEYCIQCMqI6Tbi039yIhVhV7gMprstCQnPbupFA201sLkd51qgIhAJqyFu2mKHrprAqULJuvMRCv3/3rrmg2cAOXpdTAWSxF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfyQbnCRA9TVsSAnZWagAACUEP/3RLpYSbu9QPjWB2eLdX\ngqKCg6raqxQORLphbgDq7dppf1/Z9mSEtp8+y6UuVvuDRCAHE6i281wsypPo\nQIQvifbD/fOzciX0QDMnJafQmK3pETsS8ceoD6mjBkSMZSehWeNGBv85tYIn\nnTFW1h2V3spV3kl1ij9qwJHXtX39s46yMW/Pu5VWL8JrPoxJwtxISfT4gUZ4\nwmXEvXUTigRLfEfGVmtDmXL5hh+hhZ3RAz3R8C935sRHcCbBf1V/W5mp3HPw\nBzYw+BzjG6V8otkcDFOYrdgCS338OD8RP1LBzS1MROMvIfYThagwYmZKZ8+x\naDsIoTzHvF8b9c518Fhp9v8sOzk4Obp0OjcIyimdvrPYuvATIC3XDa0UNiqO\nhQoOULFSP1LzEmapJIg8Jfny3RJ+MaCKEromAQ/J1o0Fg6wezsv704CSDmFC\noyxAko7KP+MALZ7od7fVrfdYaLGccqC6pDGYlmvRvj7N/GI2dORgC7kPTgys\noHOsmIif8NNO/Uc1TbFvxlLqW1A5bn/x0I7EAYTMBb62SUutCu8Xz+NcgLZ/\n7cF71u1pS/1W21I85ermtIKN0ahyxF7Yc30fI3qljm1jtffIDBfaIKuHFqWo\n5tFQ7n8+8ZEoUTOL1oNQOfkAQFyCyxCVua8UPXYbPiCc2GcmQcJHpYN3qMys\nMP45\r\n=uMm5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"55ff05f1fcd2efe299d07cfd81279127a6fcaa5f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.6557a69d9.0_1607010023408_0.6698511048620033","host":"s3://npm-registry-packages"}},"9.0.0-canary.4ea1b7c69.0":{"name":"@material/animation","version":"9.0.0-canary.4ea1b7c69.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.4ea1b7c69.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"130b879d9b00e6a8803d4c1c8758bbee93e97166","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.4ea1b7c69.0.tgz","fileCount":26,"integrity":"sha512-l4UzfVw1o769n7EifMoB9t0gLhebGKdS3iZW1mGl8ylxXXTtHs+YnQ16dIlKvBJMR9DqKZl1Iq9j9j7Vr4V79w==","signatures":[{"sig":"MEUCIQC4GMUzP99pauNmoaeFA9kwTGffifzMlcRFFBLgvtEsdwIgdr1B7vmvOH7t2Y+4plYFNLmaDWpcjQtY223pEMoubeA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfyQrRCRA9TVsSAnZWagAAM1MP/j31HGTBomYbyhhY8wH3\nt9JpRcz0I/14IUPzMdjryGzU/kfh/EKbjrlf3tvKZIMGk1rlZ3VPOJwF5qYK\nkgLcac76uw+VmAglXchVlNy+fiO0IHoD8KAu7fIrne/6NXSQltaCFC2h84gy\nG/kWgSckAyKlSaXYCDvYa1EJJ4Z2ey85DDHaRgDKdKtqed1V7sNsJsQuG4I7\n9aB0svO+Phy2MRXQVP+A8UEfe2IuwxhEW+xtjuqXzEhc4wH0tdDE+nBM29so\nHDG2nYnO8gDffCGj3xJ2G4Tb+54EizYEfTqeIE//z5Ql7zWqrkZlGZZt6+NS\nCpTzgOH598LJYrEa00TmvRxGg3KowZd+kQuY8U7QsTxvMWC5otuq4jBpNG94\nfRdJ+FnwKtasMFOZn8d5rl/XbojeWcGZk6xK7+1awCEh8qYxSGbYtTXMnImf\na3j40bvDCMorWSsAQi7q5+S4/xCnzE4YIAvuJ3eFBQRBls84F61ULRC5aDgC\nRAPm0bbOMcFDqUJLrMzIh+/s7lw1jLn+HcZGimcKysnfJUkstLhDSiOXUsRi\nVL7qHT8CGUC+FI2ji6PANN9Ziz66K4MTIY2ha3Q7X4TXXUZuxtYy/XbfeUr2\nYEGDUxft8BDX6wjrv2QYw8u3Jvl8DXm+t/DnLQqbPqJFlkshiiHQJ7VQ6s8v\n7sa5\r\n=s1XE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d7307ed831dded5d9e22a8faf595a7411258793f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.4ea1b7c69.0_1607011025093_0.6102176275439068","host":"s3://npm-registry-packages"}},"9.0.0-canary.eaeb78ce3.0":{"name":"@material/animation","version":"9.0.0-canary.eaeb78ce3.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.eaeb78ce3.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"792cbede30368883f1afe59e87fdae8e6b4c27db","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.eaeb78ce3.0.tgz","fileCount":26,"integrity":"sha512-B7yGbLsx8eaAG7CVpwxI4uK9A5Id5IXji26HIx7Z2cPyoYE0uG5LncGNRZ5oKYofO5lDwdUMYCZffc1H8V8ojQ==","signatures":[{"sig":"MEYCIQDEVK7oyeLF0XENiMsxAOLmkXTs6ud5PH4MDq+VGETl0wIhANiFWmn7/xP/aY9siNMpmUGAH0b4Nd8ggOR5yWdm0KU2","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfyRmaCRA9TVsSAnZWagAALRwP/ijh2Iwa+HHsM2g70eAy\nsAlr5mAC+SQVEXZ/lIGRrYe1LcZKRKuFWE4A1k2x9cLQFmUfvOYnp9efab0l\npLrlmFpiiSqyQCYxlnIYvw/BgwT2ZQsExqPZFmfnbwm7ZuiTy5WGfyEbjf0a\nHOUHk6+IqwPfP/G6aK/26xx6ovqwJ8RGHUxWTNMY1E2CPsil83k/z3os2IoN\nD1cPVQmSoj7dreNh/WX9TRo51UIOGWw6Uen8T2O1n/h7vsuQH2U7r3A+AIZH\n4AzugGj5QJB2t7ov+gEWpiM68qby0TpgZWJk1zWzT2hBB4xRYCho27u2mWrK\n0L0BBMta7M33NEELKzbb8cuFK/zVfqiJkwt70ygU2Kqpx6shIn1FbNqSoV3m\nrot6QEKjwBy/qvWWpujgh07j8c42/tlzrH+VQe3D5JX+q0U5kat9Vf3Y5Xt6\ncXX43Uk5psJbD8rEN0vcWQsX0mZyVg56U0aRrohBZm83wTiqceBe6Wp+joRw\nGvNpgBpEJVcWpchTYoXKckZz3aU15VrppiV1+Urxis2jfFbfT/MQxnJUhjGU\nTu/LpB9qyr+VRqiy3qg9Ssy1FbyXLeq3P4JHfqhNxhWYh9wVnmAa6MckEgWp\n2yCXTiYOVY16NmVJZgqE0sDNq2M9yAamxeHwg7SmG5OM3vB/kh87DrD+7CGq\nBs1b\r\n=sr8d\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"9902fe5ed18fabe2d289f92e75dbf17abebe5a80","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.eaeb78ce3.0_1607014809839_0.948831764915077","host":"s3://npm-registry-packages"}},"9.0.0-canary.1c156d69d.0":{"name":"@material/animation","version":"9.0.0-canary.1c156d69d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.1c156d69d.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"53acc1253d1286f6d4cfaf3a778229cbd19ab000","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.1c156d69d.0.tgz","fileCount":26,"integrity":"sha512-m3eUpFRwxcP1tEWJlIH5q77YGSYEe5ITRw5OtyDvxU7ZzF0xKJbBeauQEdCmyig9UvK+J7jUUnCgkT/t/ldLtw==","signatures":[{"sig":"MEUCIA6UWM5R0fGhtvhD+0W6zbWSEOSQMl3Gs+Bn9/wp7biGAiEAkQ+4i3j9+HLBb8V9TfxJfvtEJU72gZpJPgkzngg4vqQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfyU3vCRA9TVsSAnZWagAAY8gP/2ausw3BHIviDxfUv//N\npQB7xnBEGgEcyx6tIgBYuzRx2QmEmq+mME+xrgOy4phD5tScLcxrbOc9ZBGo\ngZOkLSwiopDIaLPgsSh6CYgc1NrZoA29Glq55pDZNkb8AwUOugJSmMSiL/Co\nSVMsqbMCMkciYRBv1djKHxQTZzNomYQfQEZBeAKnVRyLy0t+M4hNo7M4LzC5\n2tygRJYnli2730FBawV0FEKpdpKJFTKPj6qofigI45zSFN/D7YStqyEhiOd4\nA81WnMQEM/TEcCbuecDBch1oq/kH2DRmtnRVRqtDiMLMSaEl0pTxLWSDUe9v\npMCk2pMe+DsF3hbxxhLc30yL+2mUMxEDA3ZYfNZD9YgmmfsHY8fcKPQCDRlS\nWQJbpT6fDXsHbAkjt3CSAW0sHl9H0kc5Yj2zwA/Tmroe53++JSN7XAQ6irqy\nI1qZuLrOxEiHsYi2Rkl5e4lQf4APIAgkjScg82UuvYdPf2lJdDSUVitVnNg0\nC/0+ceMhjc1SCtx15iy9MApXGy29DWK/jjy+9xFTiLtepTAuLr3chMw97vEH\nQWWcfProX9f1ORR7Wbvm6sa+zwK5uHyNkGP3c3PTzb6byvyFKFGqywaH+jji\nATsu5fBb7I+ZynWQziIvvZUJnDgN8ZyA3gIq6B/egUnhhSpPyk5vNEzCH3hX\nOc2m\r\n=D7X+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2239befcb4baad98eef5bd67444b0f759e58a812","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.1c156d69d.0_1607028207059_0.001570034602655035","host":"s3://npm-registry-packages"}},"9.0.0-canary.832668d33.0":{"name":"@material/animation","version":"9.0.0-canary.832668d33.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.832668d33.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"52c43fc4aabf9ee7713e7d433aa953e31f8eae49","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.832668d33.0.tgz","fileCount":26,"integrity":"sha512-9DDPkj5YIZ4RwUPl25Fxnvg6/FUPGIjRnLdWOJjbIRBQv8o1HNw0/UFy0bnP6U6KFswCtpIgh11MRO9VH81XQA==","signatures":[{"sig":"MEUCIQDXTygKMIBwEY/n4baYizdKZIaAvrqp4a2Zrzc6DauG4AIgF3iY3Dn5QaUz6AL90xyr2YMI5yMCDcyv12yZyjutUpw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfyno2CRA9TVsSAnZWagAAgOAP/RbDK63zwbmlLfppUGGz\ny9HdKBiH42/lO/+YLAjc1hiIC07y+5QhLuQsKq0Dssz/NwjOo3imeaId/4Yg\nPkiswpFsrhtnaku/tKz2tJjQbaoMbsqSTdkBNjt4G4ezOnKKPUJaEpzkFQ9K\nTBtMBsOCD9ZI483yemYlHbNritw+xkvdwyHa0M9SLaxvcssOme1FC/O939RK\nE7EmVeX2Qwr9B2/A9A/qjcZaPfkO8DAq0rwRfvuK255dq72K+uQp04G6ZdBn\nEkeJrsslxIJwRDmW0i4N1tohtJBX7jSLZR94LC6bnIc0rq8jHQMb6a2avSAB\nx4f85Q7MMtRnhy3/62uhUz+i1m1J00uMMdy61zibrNHTFnaPUWx75DmuKsFB\nrTH7ad8qKIimjQkZZpsC8AdXetlQvIJkW45NAkqVjAege4RZx96c0TLJU1qc\ny62gUKvvBY16u1QoFeU32shGRAhZA4Kx5xP7hS9l1XNIO+Tw7eocW4FQAEJZ\nDjxADb+O4jVSAm7lYkw8pBmPzBeXdK0mFxgxSnl5RjPPNEwNpfQY8/t8V/8E\n2hqV9SntjmAO6s0SPiERjCGYqvsNqRVECzMVhnVVNdS0K9XuAE6pUzh/R8QT\n2gh8VvtZ8Rh6LLGRWDWWicVTuIw0/sZJqklLwJaMU9shWA2YKIRKHQNvcmUo\nIfT4\r\n=gP5u\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"5744d71a59950726441cfb1b4e3ae33706069b94","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.832668d33.0_1607105077809_0.28576079128063947","host":"s3://npm-registry-packages"}},"9.0.0-canary.4321323e4.0":{"name":"@material/animation","version":"9.0.0-canary.4321323e4.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.4321323e4.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f46ce0e80b7b57561fbbd1d6bea7919ded0d0e40","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.4321323e4.0.tgz","fileCount":26,"integrity":"sha512-a8CB9J6+NDUUd26Hyq9nhgpsRtHG4p+csTKqrsslw29wOfkpiG+tDQ/ElQQo7rVhcJpbe0e/B6+56uJn9PbRLQ==","signatures":[{"sig":"MEUCICDPoe1zoCjCTfITIEkbc4+JRfrtlwECXLUMj05tMmOGAiEA4KOBXMpbdZAveyWwW6NbZJ4SAfe0RWKi508w1+qiCNQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfzhG0CRA9TVsSAnZWagAAC34P/0DHAmcnF32V3DEgxXZO\nXmU7fqd3WwYKx5956JypFzXg+BVtk50spCFw+L0mqAXlrDmfojkQZv37DIA6\nliVDlBD7jKcb/J9IxFUr2UvXn/Crymz/rEY7KUC9gR92g/cOUlJynxuP4gt1\nBxTNNuH1KPryEp1x1h9JhEoNdXVHcru2+KnY5/dmdQTXUvSVNP+x30fuzr0G\n2TW8sp7f4N3ssxJsRzM6IMC7Yiw3gAVSgh4O27OhswvZwFpdWcrDURzTBgBm\nB5CG2Z2H6oJ8emSs9E6O1wBuhLK71rttRde2sFYKNbTIjTswsuPJ4jIeusZi\nai+kxAHOFMAr77q0rr7Nrx98iDDBnWIJ6XqU3EQ0lJNIa2pLu9WEIIV7JUYM\nJTia6GCaQ/V9wpXtxA+LYN6sHkr37pAOAb3TD8pda/SXY+26tqY1YsMTEtER\nc+/ueldpyY7sZKzaBG31zJ+vBRpLouLIFpDBCxUCr7m8zLrH96aHSayLw8/6\nvSFmCYJWmI+TZv6Mgv8DrgZJH4rXeTuwpTy/RUkZ3sZcci35Az8TnPEyeIaz\nVBIPsEsy6hZB9w4hkaKml1LrLbt1Y0FUTN8ZM2h4F+22iWFDzHGXKTxQNij/\nCie2cIvYpTQn5wqbU8awb3ffMIq7sji/8YFFKM2YisSatjPBPLTZkW03TTV2\nzIZw\r\n=F/TR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a838a6bc72ee56a967d493a841d4c69ace1f3f13","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.4321323e4.0_1607340467960_0.09040586301038411","host":"s3://npm-registry-packages"}},"9.0.0-canary.2d5f32d41.0":{"name":"@material/animation","version":"9.0.0-canary.2d5f32d41.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.2d5f32d41.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7872fe833e01142e093939f3d4aab0d9f3dd6bf5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.2d5f32d41.0.tgz","fileCount":26,"integrity":"sha512-NC48BindP7Csy3mRXtNc6GGNURg/0Y7tMOfnovhxHDkWwHxPvg8Q/tJ/CBGyh+G6xaZ77rlGkpHUDmVekkPTQg==","signatures":[{"sig":"MEYCIQDsrPAhUQTa2k7qK+c/WblXGrCECVrZ+FuIqrV7edsaYwIhANrEeYzvjOrH56hhxG7EqoXd65C1LPjx/s84Y9mZ2iME","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfzlsICRA9TVsSAnZWagAAeQIP/AkmEQXt9ed/o3m3l/NP\nx2X+VuzZS190pK3kNJEWjUpVwe9oS2NXBimDVh3iHF4m3uB0NbG19gZcRBoY\ncGNDYkVvyApiBPNZOtejJb/LG599tb7TSDTResk95Dy6cDMxr4JRAQaWH9pQ\nDwgbjOKvCUDhhHgV0NsTMrDglyd4ynIUNcUhpxR/l85aTLe+95ngiKU2gNxz\nV+1wNqapVFEHEWdT3PmMMPc3Xb2efoDCnb4NcE4/xI/IOOTNY8zOWsg9jnXN\nnaGLViNclCHkHpg6zWOZEmrWDbN6ExIfrtnGU1IR/HKZs+5zWe4VldkU4hjO\nsFoorlBOZ63fagaDkw3eD/V5n+4VtQx+VPeY3dWByXD5c4NykOJEBZS9zHdT\niQgReKnTve8CrEzUAdENojTduYPP9PO9cW+ILZYsGIlBIiIQM2gWXrrrn24j\no2rSNgjugC+7I281b2op0r2IIDJl3prQjVCigIXQBBvZ7zDYeOqqZHXekXso\nDFG5LV4zZK+gUkbNPIad1k7d3H5P9NNmJINQtNNi88va1UeM9LRi8gg00CJc\nXp+/7XI9fPUQ6OlgVfQ3p8WrzIRVwTMse/rIL8Q1qpSg0LbvHvbEWwrWZOHo\nPCqtqclpQfPx6WSLGsxQD5z7pI8G0EgHPHS9gEiKHCuFiejeMp16NXYHX54s\nSHTr\r\n=IaS6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2c385d3016a738d32bd3c03bcc91bccf82981fed","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.2d5f32d41.0_1607359239521_0.5393476629971663","host":"s3://npm-registry-packages"}},"9.0.0-canary.8239afc64.0":{"name":"@material/animation","version":"9.0.0-canary.8239afc64.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.8239afc64.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8138138d8b484d7c8716121a0b78bd19ddb59e26","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.8239afc64.0.tgz","fileCount":26,"integrity":"sha512-zupc+8TKWbIcGwPIfyok4DepKThtBWAvA0AiTMh1yFG4BtyaBd01KGrCPQ3hAaHjxAquQT8Q9M7F07uFBcC/WQ==","signatures":[{"sig":"MEUCIETqtxS5K/8Ut26Tdsik4qAyNjaftMNp1MxbAAKffyB8AiEA9k5CxWmjWWjUvUrd900YC6WszoNsW7WczjbXWhv+Wpk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfzob/CRA9TVsSAnZWagAAc7cQAJafcZwF9G6WxOOU5dO1\n7nk33dnsvCj3Hrm+ecWTgYubgwpCe5W+JwmLhkB0oZl3pj8c00juNZNA282G\nGMq9SgjYL3i4xQLnuRCPU0jgavpuQ75SVmZ2qkoaSqFqAMEY5ugrOtxAs2RG\n3qpeRzw1xchEtkyXC/pVsloauE3Cv4MOuafRcO+2IDasOpe9XtE505LBDcrY\nxSAB+nnxzirB8cY7M/mVzyFSnaiXSTFY1n/B9RNbIbHAYFl1jp1mod+TJZOF\ngueAaCNZlRIPVSwU+cXjQzk3GzC4NCv2RkcZYepf7kLQeFzGxXCNYLnAbwBg\nJQieRDwcyln+wi7i6HHIdn9m0YMs4kgY4esbF6vhEACVjOoP3RLsA0vJuotJ\nw4dAV283vnRiCwP+yQwTGhfMCFItPDTXzJQTreztJBF6WZk/FEWuIaTthCHx\ngP5nloCzQPQ2un+Fv3D1oIZV60sq9+8gKcMSye8Ddnv++h9fk8zWwXuiPJpK\n8yH9vL5fdIiObsJFkVMRKXBe6cQhx0x965sgUz1MVLpzevMzh6XVLRlri/Zp\n1TVg+FxNHrgW9Vd64ZW1CEjVeGHTk2t2kPF4lrlkT8fUql2jIfwZ8O01+n9C\nfr0wnwPm6YHFQo1MDxziBdb0twVRl9aMY/f64dTmloivsBgcWAdKRXeuJ/jz\nsqm6\r\n=ob8w\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"3ba24284e7fdc10c5aba869e2a2d3175867e0f15","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.8239afc64.0_1607370494368_0.13065176418345859","host":"s3://npm-registry-packages"}},"9.0.0-canary.6871336f1.0":{"name":"@material/animation","version":"9.0.0-canary.6871336f1.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.6871336f1.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0836786bc41d81d3b3373070472715688eaad535","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.6871336f1.0.tgz","fileCount":26,"integrity":"sha512-MJ5CQ6TxoH+GeyrVG3xPO2mxMMeafIU0lzxDH+2hfBVQrH8E9jnlzU0dd5LHdtQ52Zj2EXFxFuvL7O+BqYMnfQ==","signatures":[{"sig":"MEUCIBRHiUR/RNQ7YvSkjK6Fsspy3zN1DoDtLuh0YBIWFQprAiEA5l587L+bOzvTme/bQuNJ8qSUsiPxAFb7jgoAAeWjA0w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfz6MRCRA9TVsSAnZWagAAty0P/1Bax4CB9P/4I4C1WsEN\nstvuXe0ShGRiM+Uh8/gTWCVPrHyXUTeSZm4orQuEMr4ql2Zycb6wGRYd8gmJ\nE5dzi9uABs6tzvneSCkv/rM5wAzX9FUSRDvpwhLt19PZH9RcqGmvkPCYHpqk\nb6Gl0kD6+YsyNz0mqjfzPYASM9xorHLvMIpEzApkv1Q1YukDfehJMGlSMRuL\nxTi7aPSKsdcCvU6vah5Bd5Mvl8zrPF0yZf+y8fa3AXMVyc7GLOyQ9Magyp+s\nIo2v2GjBqj/VLjc7SjfMTnXbJ0ouk3qBr4yGOBIXwo1mXIbDyuGneei8ke72\n3plLtF4cvyQoxeAPTtddRcmiZRtbL5h5LM7w9IOEdrLQapJKj/36gtlz8Chr\nmJg1HkhJ5ipKbx98KaRucl7xj7gnq62R1Ja3oLBez2aZtAXbHZsX0+jFNUYU\nm7HYkHlYfEtO1xWFtxnj3b4Hp60K4K5GJg96xwfp6wav8TjHPj+5yrp1R59g\nRxCC0db9fUIP3+7IvK58nuxQM/reW4hgLukAVibOL5TrQImBejLDLSni3W8I\nnWlDAvjs/DDGMC56mTcBpuGPTbfdFmKAu1kPkA1HgbuRfBBAxkF5zPuzGoxi\nIDFSLc2sxxKIjSdiDZKo2WsyHhA6dBzsto4QHi4I6BqjS+PCBIE9k2PsrKiU\nrfPV\r\n=c8Dv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"aed20b07d4f2597c382a6ce4b7c723f6df0c3efc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.6871336f1.0_1607443216564_0.6915105939549779","host":"s3://npm-registry-packages"}},"9.0.0-canary.9f718da94.0":{"name":"@material/animation","version":"9.0.0-canary.9f718da94.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.9f718da94.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3c6c5469a212768a3489e7d06cb2361489b5904e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.9f718da94.0.tgz","fileCount":26,"integrity":"sha512-u75Axs3vQInFA9n20PnXE/yxrLSaaPhOexxpwlpC3rwC0qJs2jxS9yA11GpGoozzw2Jtsa68/Yb5dlcJl6MFYg==","signatures":[{"sig":"MEQCID+pQ08SOFvFqb+fKIGxkTgQUkNVkNjDy5hflGU9AWF6AiAx/dfJpFxXMlUTyd/wpMB6fBJvOjH9+IbMIoow3PGrcQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfz6XPCRA9TVsSAnZWagAAOJ8P+wR2kJsG8q1FMYuPTr/J\nf5lDugnX+0ec0ejWFCPgyjrR+Q8xsb1wvZj+6FxnYWtW9WYXvpmGBuqCe3k2\nsKsoZIk7KMoBhExngA33AjRmusRPVcUCBfz7JBHs9kki6BwEz2hb+ig9j04N\nomDS92xqiYGMWvp9fCppmpuRmba0dpBULFd3JhNKdfGj9EgZ1rJ0/i7l3Y2h\n7sQT2TcHnoTE3QAoN8W9Ggs9xpmr60XTSDZhvv72fTJQmpE8K0Jzd5AGqtO9\nba9I+lmwgHbidI393TGltrcdYyhhxbK+cYxim+Xw59LDWalOkuyfZOQms9wf\nTr1vzrkdRB+IkQPH4PeaQB0qyviu9FhCSeN14aojwXPo0V9+WVG6lNGAIzuJ\n8fXJCHLBZELqpvfIhmCm45AGilgfCCQTJcZ9NC5YFH+wtKKR2HMACznPBvly\nguSeEybH4yzGOYQEZJI6CgA2cY9cutTVzLmaIF6qTttMhqw+QzGCQh9IIS0I\n6pzMUPu4/D2T+J1y2RStMnA9pw1cc62K5AkKxolS/nuRsrkKAah1bGYdT4Io\npiKVdOl9O7DmH9P0d0n9yEDPRL00dkio3SZnqpg2P0TSs/Z5uTBpxLrJf7zy\nk29I+Cgm+8jrWKC0FpF/yOgSfJVExckiZz0aJHKFOjbl3BJb8AFf/hNm7Xb2\nSbIh\r\n=Mjru\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7fb6692f329c5482f22dc9fe691a20fe4c6dd38c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.9f718da94.0_1607443919149_0.9299677588047139","host":"s3://npm-registry-packages"}},"9.0.0-canary.1fccb1418.0":{"name":"@material/animation","version":"9.0.0-canary.1fccb1418.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.1fccb1418.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f685f7285938016ebcbdda0df3115ea707f58415","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.1fccb1418.0.tgz","fileCount":26,"integrity":"sha512-nzYOJy+PdPvWpz23UUYadDUi5DS9TjR4eUJ+4vlxUBlCGgqLv/HZhkTU7YoDKiWfnuxuPFkYutysCfgseWHu1g==","signatures":[{"sig":"MEUCIEqBWYLU2NJXxzm8nEhyVGEMtdUJ464uTu2GsGbu8JVnAiEAnkiMblQsjSsuEnN0yS3ftZxqHwt7G7Px6skYv+0COg4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfz6lcCRA9TVsSAnZWagAAt7MP/0rwWopth/eldab3QaK8\n6pLa2KrBKVqSt96606Y3Z+SW0OdqJo9UjW6nmdaXncSChgq7o8csEArbRkl7\nxpYNntAD4qQPe4MC5HIKuVpK9asKcsVRe3r0awdjwWTzKapVEUdW7rHrnQ60\nPOJrFOr0BcAf2ba4VpZeVnwM5dPcA1MqxPVNsPkZZx2fvv4ePpe9IyJwxHaf\nYqe3QTYwdnRwkicIT/wr86r6lUv8B76lw1a4Lv6XUcZ1HNXSDrsQnxzO/7Vs\njBvlHOmcyDf+gzZcUUDCSFM0s3uyZCEQWGN2jaJx9t/ZVQRjyX1DKVcgbCQJ\n2Eo5e26bVHRBc5VOCIwemNXpbom3b1aeNF8k+1GxZBDCFtl+Efei87E2YwEE\n1re2ETln4Xd/eC+BQJ5xxJBuXS+C2DEOUJNhLw4Y4MhInHNzM8Q9Bd0ay+qo\n7a3PzPoTytH7oRGYxEQKH85FFz5aWwK564no2Y0oUrPvHrC6YvcmEzBszhTU\nnbE0A8ZXFc3dYYIVcdE10LBPnmwkqlTvO9e+H4tANjBJDGPNZ/hW2FDFv8dT\n67A4l4kaXqWE/e1Xm05b/vvvafFoy48T3Far7bMpfbcpucys6RLGf33hPbFS\n5aklkzq9+evsgWzbndsTjXO45bcQPNo4imHJUcBftKo/ubm5yuiB6GwJ1Vax\n6uw+\r\n=fRnC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f9dd96ea7afbac37dca91bc879dc44ce4523c442","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.1fccb1418.0_1607444827784_0.6001876554722447","host":"s3://npm-registry-packages"}},"9.0.0-canary.afb68894e.0":{"name":"@material/animation","version":"9.0.0-canary.afb68894e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.afb68894e.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4f4e80ad3a88417f902d81e022cce518331a404e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.afb68894e.0.tgz","fileCount":26,"integrity":"sha512-zq5B2qGILj8Rxua8eXKbEelmNNQ6dJgPE4vawZXhlqKnGTue/m1/YCFiQS8ig1+b6vWV2PzC1oVC7TT9+mF8lA==","signatures":[{"sig":"MEQCIDAGZrqsqZV9TIVA10HVH1KilBfbDnUCw/hVkTkXWCrtAiB9iA5opAwlUMhwKUCzSD09QmH1ng0Dleiw//zn+xP7JQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfz6pBCRA9TVsSAnZWagAAQhoQAIqQlAx8z7VcIGrDFc5K\nT79ezI0FmhJBtXdejIhpXd69g1+ijRLpLJLc9DtuBmFzzMR7N9qOHP0IfKFW\nmWDy97igOKMz5VceIPAA2ovCPh2PgIp8EsYH3isAwJXPeRKmG2Q+LN4ki5Ut\nnnyULJCqQXYf0b+2uBL/YZzYELEjq0fmfcJ8hgx6YLhemK0UCo05V0hDnxP8\n8srsoG8dnIFwehcaB08GtY9ff4/wxjA1z64JEAI+wipnfjIaS1EDrLmsjEA8\nAyfuGoMRVN08BDixJHdJgN2zCFyYi1ut4A4+Ubrg/etrBY3oP6S0cdQ/Iy1v\nKnNfjiOoPcvuC4pBZrBXw/8v5J/jhzFQbbokjLPkI+03LuFKLnqGLL7ZQosC\nIf5vmEDFas/pqSw0qPaj4YCA6ioROvMNMUn2sYdlEGlUJrxUhMp+CXr2Dc3t\nV0qDCAJLcE1vOGllX7oFM5S+6+BUjluG7/qvxuxaFpGEFZRvwguKkv95YVJl\n8NpUE+AjEKWkjykq77TanRc/WAh9Er17F87zsBObqxwhYgqXAE8fIg8ECJ+1\nacMmyhw0loh1aERO9j6BjQROQ0SNsLW9RlOnjRARQdn20ZwdzGNBAe1v0TZt\nmmdVQt9F7h+vc6tDYUnKgpjqeAJZbufHC4PaGEXlj+y1qeMhFGFdeSE/Dqsh\nZdRV\r\n=0VPm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"8a3ec1a501083d67f1c342fcf5b11a765a586ca0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.afb68894e.0_1607445056912_0.9785835190182959","host":"s3://npm-registry-packages"}},"9.0.0-canary.fd88d40c2.0":{"name":"@material/animation","version":"9.0.0-canary.fd88d40c2.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.fd88d40c2.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"184ddd3ddfbabee87a352470ac3a454b91c294c0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.fd88d40c2.0.tgz","fileCount":26,"integrity":"sha512-rrXcBQMXrcPciQDrAkN2tTEQNf2HagUDqPYTc3ELAFs45FywZVcAi55TIGA6rOxHVlUl/xiKNq/th32g4EnARQ==","signatures":[{"sig":"MEYCIQDOkZEAauKCNDBF8cVgkjq+7pwyAzvZ49jm9VsbdzYDewIhAN3cVdlOu9BontKTIfAnKXMAfc+oMLdvUaRG3uCRcuFE","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfz61KCRA9TVsSAnZWagAAAD8QAJpD+/qZEclaAgXXt8J5\nPtQL/aNVkaqdpLFhUcquhyv3JsFbztTKv37oQ+RiHfIxA8shHTz7XmTceCnt\nduPUQKlbzLNDL1b4EbPM6g8PJNlkVsK3mQ9uz7OB0Vm88F/kyfb9m6QSYDsT\n12IWFzzJ05grLUGedcWjRlnk62VoSuUSrGSMZHUQsOzHqTu9CCAmw+cpCAZO\nLFlv/9E5nh6UFhpUYrYgBSajuA4nEjzpp4t2IJe6MlLtnzrBcvG5QjHeWz4w\nPB62EIAqoNkTKSF869eK7utj44Q/MLza2XAksBkdEPdfTeY/qwu9jwMV7S1D\njnagWpWgQGOnNYmKXOO2Qv7PZQNlxIgHNtON6yujCISJVkSKOhGz+B3erN/1\ny2SIdaP3Mtwt3i88uDuYH5LqTZSMCQOCSPTpbBpzGE9UrpyvqmOA2SwoxSCs\nLLMNjhkDd5IyhdJsHtXgaaNnLGobKkRseFG6QxrZg9Bk7RDRNpiJKAw00TSD\nK0xpbKDIhz2URuEqGPe+w+jnXz19N2jj7hpv/s+0Np8K7ejN+1gxSaTtxgpp\n4YLfeGUMDEZjRaMO0NQEb/m31U7ZSWiR5zsrP0ZvV6x1Tf94aJl+PNhUpvC1\nNsQWf+DPJ6tDDSzo22un14aJjNWM4hWRFh1BmOjRiHAB69SASwO+p4rj/8BC\nZGRZ\r\n=KDd5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b0f8299700bd0ac44ef5acfdd0234b464d837131","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.fd88d40c2.0_1607445833633_0.8483539051214743","host":"s3://npm-registry-packages"}},"9.0.0-canary.ba9e3109c.0":{"name":"@material/animation","version":"9.0.0-canary.ba9e3109c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.ba9e3109c.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c2bdba0f2ff560369b293559acc770f89c48074d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.ba9e3109c.0.tgz","fileCount":26,"integrity":"sha512-KGhekT5iPgENHAvnJNQ7tweB3M+t5LcrbAzw7WXCk2is/paKk0h9jP7SRrJRc3om5bKSNtVHJvcrMIyQoyxE1w==","signatures":[{"sig":"MEQCIHTaYK4jRhSnxriiEf1nXMRdOKJsaaIaI4aCseg2PKdrAiB4u8PbZNuH6uEem5/K/0LsfKipJPU+QcpaBbDcUGWcHA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfz84pCRA9TVsSAnZWagAAyWEP/iBbBrQj8tCsu5Iy+bEd\nlKzIeYsqeJBxUkaQ3MfQFoOcngYHrP5wl7ckBrF94GNFl0Kqf7mMZvjNaBtw\n8wMpgKx7UGCfeBTcu1ClE+MpA5vPGKqGceRG8cJ/LNaRNJGRXC1EyamY3Hxz\nzC10J4nXGo5QschMEv3rVDN7TomuTuezbCqtVGTxnJqDkniSwbOGG7Bs0/yW\ncME/lScYKBdz9mv2JdxJtWhQ5sqcsQCd7wig1dZsKrarilowZhxW4L4aBQCp\n3ARizjfK8VJGQN3fiFAHcxPQWgrQEkcAY6ynTSXr18riPXQnSJ4+gPSzX6J3\nrl3x/UZ1SRgpUgwnrs2Dj/n9+tbdvL9ZSAmo6cHKK30KXnoHTCicZFxxwubj\nrxo7YhdAD7C8cNFwsiMEmjUU5KYZFcan1L5BcrbphlgBk8rDTY8cElYuyeGn\nDWX5Twlmt7eYwaWlQfnbS6zjgxKmtfBokE1HeEIRaq5+nqf00CR8ww5cd1DO\n7LEjgyRkgawbGPXPavEC8ZGHXMOTLyfxtQmTvsgfZ+oui7CVZvUTkkju/+TJ\n+8Rf94NxYj2EQAp+13kwgNgYkCM3dyI/KKLBI7bNPe0NgXikzg7meIX3rHOs\n+D00BArzRDnzBrgEZhhL9RdciFD29eLvlfM71GnHaf2FXlEAcurSJmSQ8LU7\nTOEp\r\n=QwtD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"84bc4a2a193fb62b5721555a77b59e7bce321bd3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.ba9e3109c.0_1607454248419_0.8045710306483205","host":"s3://npm-registry-packages"}},"9.0.0-canary.1085c3b2d.0":{"name":"@material/animation","version":"9.0.0-canary.1085c3b2d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.1085c3b2d.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a43aaf3c9f4522c75afe33f52baa76c74b2f1096","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.1085c3b2d.0.tgz","fileCount":26,"integrity":"sha512-eDuPv7pwfOLSnfnrK70bceZdML7xRh8VH7nqTI4B8fgJ3EdgLYwpW8jxJjvA9h5sOaFItecvg8+7JErI7DZ5AQ==","signatures":[{"sig":"MEUCIGUleN9X6Vbq8dA/cMicumf2qJssbW5G1qLbU4fZOxq0AiEA+iZfXVXTQZMi+1dmavRM4ghCqMQBzbFdDaTiQ6HiVew=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf0SD/CRA9TVsSAnZWagAAyPcP/jJDSZJE7uFQqT3/PkPl\nzTSPwm2eEm6KeML+vumbDBdDmXam9azCzPNvsTZoAgd3Y6l7CpZXvkdZy7YA\n1RZWdXW/v/g2TALeexxSY5Ceyv/eg6wozqa4s/DY5YKW+XFcatG1WnlUbFHG\noQbuX6fU5zDw2KmOm6juGpPPu0XoD65nu9e7tToIheGddOIIptpCVZUaHyN2\n9AG0RXcObDWwgBBpfGzQp4y+9BXZN6r2UfpzbqCVzJSQL7FV9UsSAbfk6C1+\nxrNIamM/We+s8MhdpBiVWNYeV8XtCSGCew6hbGlVvTWcmXMUEJAlmpgt6Vq0\nY4aBx80ux8H5+AdiGE6xNQduWHnhDCHKDiPnPrAbCV0RPmd4T+taRsu9Pbc9\nxIg7owkJYKUPv3uYNCf90bK5LEDLjT1D/L3QIpBBUZmnXjDSlD3gnHnA2dFu\nfQZ/sXtg3+qHK2xLoLG02gbfvApyQxzvQqGnWXHIFx6iUpwR6jfE5D1fQo9Q\nfuXM1iTshdOlY8YPhD32ZSLfZEM+3zMevWVJ1Jj6UCcVzDhRvWMI2Z7qa0Zo\nmECo/UdJQvE1LL6Z3WPYjwM29Uu+Z2SgRiNH1uP2xvoRgoXjJvZ/Ieh8QkrQ\nKjjKQ3mq0tz0MedlPCnAxjtxHWMMYCX60/8qm2aTIFbfgO0e1O9osg6wdHaq\nHb5G\r\n=rH5r\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a223e0b83a78bac523ca498cc8389f361cd0f4e3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.1085c3b2d.0_1607540990149_0.31482220441641884","host":"s3://npm-registry-packages"}},"9.0.0-canary.c5dda809d.0":{"name":"@material/animation","version":"9.0.0-canary.c5dda809d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.c5dda809d.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1ed618c1c2f74232c0f8922b87a14f48ac819efc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.c5dda809d.0.tgz","fileCount":26,"integrity":"sha512-JVJuNSjgvPfdp7JIosLnXYiGbhuZF3CGLzlT8SawRdcfY57pQWDmvvpqaasNY9NSv4xDGu+a2nEe5GpKMCADIQ==","signatures":[{"sig":"MEUCIBHiOlSUJUlu0qMVOOgfHdrJfcdtdEQEhV3zr6QQcK49AiEA/8/0Q4lpNYuH/RM31gvwZO0vxJopEBEuzwApO+UIwFM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf0TgdCRA9TVsSAnZWagAAgl4P/2EnZq3oThjWbI9+SX/w\nqD2XUPRPzdrFM2Ca+wiA+M5NkwWp9abp8aiMO5Kj7/Nzs71BB+CpDuLdJKbn\n3/xIxfVf6ET3RQOzB/fwnLXzrgXc7PsBoP7Ged6g4lQEjY3zqqRieM50SMPZ\nuff2kXvvZKIPUJaReObTp34tVnzk7Gq7K0Otz6O32uXiYnfdaaj6affsRy6t\nHDAUGkQ/X+uz0BJMNNBQQKCt0yRT+JMqSgiMXBkl8cCXCPXe4ODf0qYyEAom\n7ygvm3PQiZTJMNzUqdZR6BxFLsWzivIuJo3XsoQHVFOiYoP2JZgUXu0sngT+\nVcbF6YYItkftYO+A4oFBy4HVoBsYqf1+0KMr5s1ras3xvalgJYsBhZbnlz0N\nKKH1hNC8+Fl2kFG1Sx9NkYsppBzhqOq63KGeOYvDgKNZkVVOQ5IjEUSGSN5l\n+2IDIOMQRIazGyP4UIhF9zFZdZ1RmHVzW9ZMdcOOhAz8/T0D3xlqUS98B6Rt\nuIqQu/vheXd2+9x3/Suy8NtkTeebpJ7nPpEWF9yq+WCNdc6L3TGa0+5HCUf8\nWvLi1742h45IdlNbom7quwstn1GoC6yjEa7YP6MT5b/eZB4bmgmA0+taoBL+\n4VnteuNhYQ7A0doeIjdW9ZzL4uR2idke/Orqa9aTs/vbnRa/pY+B5Ado/dBQ\nN313\r\n=pkZP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c2bc7206e40f2f31377a09e53af457109018ff02","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.c5dda809d.0_1607546908806_0.4082675242128895","host":"s3://npm-registry-packages"}},"9.0.0-canary.f5f1bd86a.0":{"name":"@material/animation","version":"9.0.0-canary.f5f1bd86a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.f5f1bd86a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"effa335e80d7ba494e330e3e520a8c9e270091ab","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.f5f1bd86a.0.tgz","fileCount":26,"integrity":"sha512-3u9cNefy7sq1HGptLnt/MprtF/EYRhkmp7Hx7vNs82F9N7OQqTtxXEhdiM9umtBqx/sEciYBXoKh1bZAnILfTA==","signatures":[{"sig":"MEYCIQDOfbllwKr1HOuD89PWCHo6ufiZmsjJT28dtv3DjiN9pQIhANu0oDRBkPX7RPHCOii8ZOKarS5o/a0MBiWgf1vXC3Sp","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf0TxgCRA9TVsSAnZWagAAPVwP/2wmT8s/OMHxTlVRt68Z\nsvDAxDGPImz0HvfptmTPQSkZ07hDZMOW2763SFBb9GkzOqq2bELfnoVOCI+W\nfGYRlIQ8DyNzDihY4sG3suSQHx+92RzRINWEEmoquDvIZYctj/FUU67jbetO\n5usAZbP4RzJLERTIrgGBBm5pHbdh+OVaioXD912Z3XDGtxxpPqZPBa6ffYBw\n2YgPMaqdN0mUs+lBI7IXZYRbZ5Uz948wRfVL8KQGMqv7qd6UJZ3/rgb4e6Y7\n8P6Wi7pWY/+hgcXgarrm/fvq3+PXfT9rcoNujYnbo90/LXmJlUAHpNCl8FqM\nVnydEQkav0smIvwIsYFVwN4ICGfZTt7Wfnckx5DC+X36bermI9nSi8UZXeVU\n7HtatLp6IOcxhPcmjQiOUJcv0JmYHO4X7ScLZlAP3D+LIUJN//eD1H3vOosy\nnlPtPj6vIcAe0RaYHmOSPFiedyIWrimu1WiEGAdMzKCK31ozu8r0y+nUaG9A\nvmhCRnR6377TBwE34kVIMcNwXBL+1maeK+enTWCUyCHvqkU7Y84A3b+xd+8n\nMY8JJ1Pip0zdL2YJcDhHxX7m7H0j9z0/U8FaBSom86PyidnAW+TESrSSc9jx\nbGNUCez/2QJ+TcIDFeo3h34NXlYCaJ0k4oPcfBob+CX9Gc7GSeAbib5g0FI8\nYPgn\r\n=ARjy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"86cb1fcac08fb433af0662cec8583dcdf435eede","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.f5f1bd86a.0_1607548000074_0.36958319731104194","host":"s3://npm-registry-packages"}},"9.0.0-canary.00f38200f.0":{"name":"@material/animation","version":"9.0.0-canary.00f38200f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.00f38200f.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ae4456a8a77dd63c10266c2b20f312f6808ad9d2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.00f38200f.0.tgz","fileCount":26,"integrity":"sha512-rUH0bEdfPre5mV0FokyKdRlNs9XKN5vEUL4A3NXhX0oyR8kk5d+UO1NestBWBSxux5q34NGjyjF9Qy7SRtp+AQ==","signatures":[{"sig":"MEUCIQC+1UOFv760qFGtw5CIlUdILSRDcRjiwxi0IXulqTdKkQIgDhqOAyoPj6ygA6r4xqPLPSEqOLza0J5GUMgXmisgZEc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf05NkCRA9TVsSAnZWagAAT/IP/RUIiZNSbsPRlpmDxqjq\n2dt6zorPNsdWXy//vzlLzgR7mWvnGxxBkRjXxWQxYrmmoIgqztIfvhTArw4z\nVjGH2lg0iYUCn49hpgWkXAx+5Fv12C/u2GANqAbfkWqNwKvjQ+d1aM2hvmEE\n1aXtZeIvGBC5RhI/P8pmABNhz2BoPigOM5Dz2SU7gUicOU4mq5GGUo/f9+Jp\nQAw65FoYLmWDlblMEYX6VxMfzl+3gFcoOzscPWLre+pXl83b7qhkFtslhEPF\nUtthVNtsmLN9U0VgLKBJuIbJ4k0rc/JURHZahm5FSH1D32na/StaiNlMClmK\nus4AuvCVBvuYGFGJpeESxBmCAYGgsq9kw+rtQqg9LhND/KDdttCFB3TjSe0D\nmrBYnY5DleQL2kp0BXe+7lpkaZ51faU09pLmZSML84Bcxnl7dGJY5H9rNNmp\nrLKTis7Jnfj7DhIFLfUMJq88Jpum4W17E6Fv1Wl8sBtY1HRZ0eyXVbFAXiDf\nrGRy4M8xuJNTkvsrM8R5W/bPik2IwivD23IOFi2t0kh1w6tpNkr1HZmip1TK\njdjNzcO4Z0B+E995EcSvOXXwYIrT/H237kSsOXaEa5iEPUsJ4a8yCtH2fA2g\n7US+6gX/Fc9P4d7G8i9RwCWMQuBLPMoAR6g2W7TnU0HkMTV5CERIBaph/fc5\nvVBx\r\n=SOnJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2771c0048541c1dde142fd7f565741f0dbb83c20","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.00f38200f.0_1607701347928_0.7779579855408822","host":"s3://npm-registry-packages"}},"9.0.0-canary.ac41a5729.0":{"name":"@material/animation","version":"9.0.0-canary.ac41a5729.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.ac41a5729.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"db06a175347451e83d14a1da7053f4e7f379559d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.ac41a5729.0.tgz","fileCount":26,"integrity":"sha512-aMwsd6um2pc4C6ifkMY+VFBxPWTvqySIKhYeelqOP7tDdVoYQ8algLRfioegVuyiKdXwSs1vGfvWeIjLhrUiyw==","signatures":[{"sig":"MEUCIH6ppbw9b9VZ7/IbsVvWuypWqmRMPr8DGxkEloEw7DwcAiEAzXKlmCZYq4GBTTSf8FP3cZWac2f1DZK8bsk+16C5RsQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf053CCRA9TVsSAnZWagAAti8P/2Y0O4XuIpA1bxW0BYbt\nlho8KLZtVuYa6z4UcnhP2d3lHNQmGrgTQFQDsnx1RAPEEbuBcZZNxfYBqjET\nR8+H3nsPCQ6+Qh79jjWRNHxWbdTdHDS30f3z0tIPSRgKawlvIVH9Efh0PvMN\ntB1Uvr5lrAGKtDOgOeRUtxPrD2qWHu7Id4Fsdu1CKpKtqSxdy+TbbRl/rjl/\ncgDHZaURG8USn4pIfC7gFuCTtAXMShvcaY2/mq1ur2dbmXrVBBfE3r3tj7C1\nj+mASepOyuqHrUU162zHE6mlCHITonqRUXHWbLu+Oz95XZSK7wkDKYFPWzkq\nkRnEwmhJpj+/YVbHCQS3sSL9G0iWrGC/giAUa6sKkLrI/Art7aQuBwVgE2Vt\nUDNFcL2mdnnAwtww6IR/LPUZvSX+2mq9PQ11zAKDiF17njfoFj4it8w1bavB\nYEJ/wpAtEylQXJcmlZKxNQxr6925oEJWkiRFqs/TESh5IoQ+ChlZLIFx8w9v\nub28/o+OsLYVm/lEg0Ji79ogmnOQp79rXp3dV8/Q6xY8JJ8qzrUXuS5sUubL\niDCRWisVTwjpwBlLQ50Zak0OSCRTO6MOl9vJCq+gmQJe/d25riQK7F/ZJH7y\nFkepENP65RPmyOa5pinZJGwKguDEvApOENKulHfDhI0A7CoeDBBGXUeZGxIo\n7PoD\r\n=I4Nm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a8313ebe32ee1c67ef38d5e9ba2b5a4ee2d08f77","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.ac41a5729.0_1607704001708_0.34717347217613104","host":"s3://npm-registry-packages"}},"9.0.0-canary.7fe0e4f05.0":{"name":"@material/animation","version":"9.0.0-canary.7fe0e4f05.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.7fe0e4f05.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b3bcce664ce5e6f82fc96b6f5ec626f096628b22","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.7fe0e4f05.0.tgz","fileCount":26,"integrity":"sha512-CIJ0UMrFtpVIJQUZ+r8Np34kYf6BsMjy8VmMD7z5PKdWDbm4CUBVYJPkJp6mEZ8ZAt+j+aCNPCz6e5tYsxd4HA==","signatures":[{"sig":"MEYCIQCfZE+2GHzKluUwmd4o/zV3c2AU9QirtP15qt7n3JZAsgIhANC/TsViCSaBKfFfMKlHznUVhARq5KPwFw2Oj15s4cgT","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf06aLCRA9TVsSAnZWagAAiSYP/3fYDBZ6X2ohy9tvXJwt\n9DoKTTEv5Hmjjo4Rk29LFWd2dODr7knVBmVjgbl1unMRRNyldyOzix+BOdqN\nexGi84lhQMjqV0yosJgDLU0mkfS4Vk9HOll0qu7AKuJjNbXPtxK2axRXagAn\ngiJhuMZ12gvlhnKhAMrkrHeVCTdn4XwBbA5dFg6yN0fc/4jeGybMXnzQSz0N\najzQcLsL+M/JLNVDpnsdpm8YnEC8Zb3eo3ph4YkuOqMu1Pl+1mF1rzxi+cQp\nyeRkHY3qTEPLZRFZZsSsDuCGNwp9GidbP86sq+vvDpuTd8IKyzpXkOhcAPtr\nEqUGe7m0YKBiff0NPso5DHVJIUkyszAkxLTIBkEi0dpNVvaoV8CKIf358zGQ\nqhRUU221G5hK4tHc+dHwXTHbDE0TwMvjexe/tLRFs3pPk98Lvg2WuBkC6LSS\n/B7/zZgWBilHbNy+wx0ojSFmJFct4Bn1516M59TRVS374T5FRGPn06Z1Xp49\nXx7KnpFM9tPKBFWnsH6RecFUniQx6H/QtbJBuNcuEYBLLh7viCB2QMsJpDMW\nXRBM8chu+Bb3dkfBjYXvX5vWP8wbQtx++68pn7d9VFVBINBsC6ZGPjNf7XQH\nVgd9bxLQ5hCbSwTKY8dD6+VwAYWFZ6uMi3+D4oiDP6diatD44caIS3XCSfPj\nH607\r\n=5gdC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"174435b67952da2f175e31e1db54647a2722499a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.7fe0e4f05.0_1607706250963_0.7259504095420384","host":"s3://npm-registry-packages"}},"9.0.0-canary.9244508bd.0":{"name":"@material/animation","version":"9.0.0-canary.9244508bd.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.9244508bd.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1491aaf47bc34ee8b83755f5486d80d938d7f1c9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.9244508bd.0.tgz","fileCount":26,"integrity":"sha512-q7FqqE7F6o4P8q9QuPt5WZPAHDxaspxlQ3M1ucJPuX0bI7tMlNRiEFlEqci8Of73M/vw4Idoj5D2Oetl1MZYcw==","signatures":[{"sig":"MEUCIQCse41VdugYUCmcS+1PlyUzd5S3hRFOn/HaoW+AGtS7ZQIgMQwdMf/xq3U/PvwS5bBLvB5/zEKEP664/H5ZYDvR6TQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf08MJCRA9TVsSAnZWagAAY8UQAIz0gwrBDuOFeCnf9GhR\nyvYV/NZfcebEMZLT1a5/uGClYr/MVtxeMRyWUaLusMSC5KP7b5xP2iN0Pc3H\nUDfY0KCli162JbtKfuruQPnPYPKIVtHGaJEdO8faWvLX+rMUbdd3nGN6GFTZ\nUbxz6fyM59moHahvQsIDZG94UVofqTlgiokj5zI+E/ediQQtrxoQMg8q3brb\n0HDglOcamIZwM64sNJZvg/PBK70IK+7PTcFvrPyVZLPvZFVNYmiT6MLj9mbs\nrmsYVoatYEC4NVfoywGa7JKUBaEjzitgCBUJTl6kCBuubcWnsHK+an92U85Z\nV72snnSGompQNIM0Cgi6Hsmfg0OE3ZPqDScW4LgFvhWf1H7nTsRqok4G5zHg\nNtcMolVC/6r4viqreb3enir0frXC5aJMx3QrVZJ5ImVgAAYvC7d86r4FuOga\nJ2MjemB9mdJzH3cK7lQTTvgxFE6/RlZ5HHIRxLHsVqocN9OpGLXbkTXicMi5\nVo37pJaASIoD54wNp6Dnaz1VVGATybH5fUw8bYNQABx2fVU+W4jggVtON+nR\nw1fGjntD0+GElasK+2rwJHdHAS6MAtIa/c8NYubV/N4cUziX4XE4O5NXQzRK\nCeoDu1pWbIvbfRrvjuHb32351uKuWFpNKl2HuNQzjUu8BPlqwQlJHJP0QH/N\nzEiI\r\n=Nw5Z\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"8d704729c3b4ba17ed088d900fb2ddfd57d5803b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.9244508bd.0_1607713545204_0.9368088315058243","host":"s3://npm-registry-packages"}},"9.0.0-canary.384a8eeb1.0":{"name":"@material/animation","version":"9.0.0-canary.384a8eeb1.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.384a8eeb1.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"caa820b7db277960b7b67640228a5ef4b553338b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.384a8eeb1.0.tgz","fileCount":26,"integrity":"sha512-gULK4gLkaHOdGnohmTPhp1mpUoJBlMUiYeaV+45bBl0CXVXGjqsOJNezqve8MV/1yGymOtxwGFZTk0tB6/7h2Q==","signatures":[{"sig":"MEUCIDNBEnjI/Eflf7rOO6YaAwOHgLXEVGlivJFfiNkz32veAiEAjlBuOtLZUp0M8Q8bKLyRQnXhtTph2CgFgc9w1taDOGs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf2j07CRA9TVsSAnZWagAA8IwP/2uNlRcECS5LUHl8V6FO\nkWYNFvRyiesw2vm5k2w3GBEsDlMiCowciZaM8j6GSCwUufOid/9yeHaM3gZE\nvG5hioYzNv+LNA8t/YZrKhJl8d9TqnYujmvFxF4qGZSjihRdCE1EiH1GLhMz\nO9rFw54PxsXllNM18c/LfSg3ZAAxbZ9N3wSYbuH6KZPjblCPZN5uTwZYGUCs\niSYKDtuBPRzETUdk8mrAtkb8svp+dHZvzBzGjRcoowHlJxuabU1oIH9vOAUU\n0W38IHFnyCpB4IJiCiY1Vj/Owp8VtbgCNT71jqr6LYREe3XhzIixi6ws++ni\nBmL2Pyb6cmqSnXIHXo/6SW6V0mFi3xInelIwCjmvhUYQb9ijVlCM0xj0T/a3\nwNV8DrXHpqI8A6rjSnNPnUnav4nYRQTfGGuu1KVnwADgFCqd9dJ4hqE1sFIl\nAE1SeT4vBeiDGr2imhk5h38jHBMEqagoZoMdL/A+4zl8FavzbPbCSFfsBW2E\nyo1FRM2Ap9NkEwDNBSZ+/h+v2LsNj+eqJg4z/HpNK5d6jt+yRnBbuxhHfGQo\nh4veNrdSwZv4DwtpxFvNSkjSB5R04/e3yZe6jwUyN9CQlAAkEqqpmybd8xYy\njrLSPKXYVMyA/H/o7w8sNGKj1QJQoyU3B5Kt8rGcbV2KcFH0T70tVDfLYQQ7\nyPkq\r\n=VLF0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"21b2ddce32077f19c001df17ebc3c8ca9c48f8e5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.384a8eeb1.0_1608138043329_0.16903622114260464","host":"s3://npm-registry-packages"}},"9.0.0-canary.eabf9d5c2.0":{"name":"@material/animation","version":"9.0.0-canary.eabf9d5c2.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.eabf9d5c2.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"373975a3fe023f01c5e989f8f015c139afff8a33","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.eabf9d5c2.0.tgz","fileCount":26,"integrity":"sha512-MejyiRburSyNaVgZguzQmE+B375KgPkCu+/o+xK/Q6JpD6Sr9ZdPGX/yU4F4EasjZUqBFCXR5BSq20AHw6EvnA==","signatures":[{"sig":"MEQCIEJxWe/a55sLfbV+bDLbBMXl83JvnJjFFC/DymCdb7Y1AiBGjunmFyUkhvDbtThfCybWgus+3Mb4BMT0GLtYXVZlkg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf2lFQCRA9TVsSAnZWagAADcEP/0aY7tdyitnw8MYkvoMw\njLPHiX4c3t2tKJthYDd56upTdsG4Gv3zIPtwrfhHlRXFd/e8IpGtsmF/H8W+\nJNxK/Jug+TDz8ebz0NkskFbA8ldGj/VBnyT7tItX3meZ6IElO0KI9/USI1Yy\nAK4r9pUBoiPz63pTIJNUKci+tRzTeXS9RUBmPVBkp80aVI3M2ldE3rntN+M+\n7qHOFQ9KQxpdgmCJgNfqJjiFBT/TyhFRYVykq5luNUMQqf6LZ/RXioA39Mv0\njDpjGDOCGu0CFTZ4fX25CB9Sdr2fkuYHE7zf31/9cGytHbgoIiv6NiBIUcw2\nUqk/iMEWw7AeL57fQ9vpraw0+d4eK66mX5ea7svjkRRMerf8Aw1pFrDptvsM\ncw3dMucfw+SVPxvPMKSBWhY24lRUlXn/2rmUiXmLm54Hs1R4UmHimsCNVxDr\nK93DdedbHL9HOYzvjfFsAa5DZkm0hHUeicA7/ZX4K7n+J+YNd7ceHlnEXFWF\nKHsQvWc5cGdav+OzrWvyVkIs/iHpyJGZ1ReHpuTieJRRJ1ods79PQqcb5S5b\naB0l89/MNRED/7u2XTchbU+oiRYJ+quUl3+gdhgiGKMmIL4MSmMh0FEnDBvo\n3f+tkau2/cUSFdNA6UwLh4ORXXcoEdtRg0EjfjpaCIYLGX7mF6vZQxzvrGe8\nNn8V\r\n=uOHm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"78b3a67c04374ddb43be73dc4daf2613746d08b1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.eabf9d5c2.0_1608143183653_0.5081482767237433","host":"s3://npm-registry-packages"}},"9.0.0-canary.30fdfd06e.0":{"name":"@material/animation","version":"9.0.0-canary.30fdfd06e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.30fdfd06e.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5b440246515d23db01362f07510c32a11da536e0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.30fdfd06e.0.tgz","fileCount":26,"integrity":"sha512-Q5AOUEohL+momyh1Jwmqo7oytTVQFPnPfi7v4E0l/g/B8wIJeJJgiByN1cPUYIjveG0MpvpsT/QNbE0GOSzC2w==","signatures":[{"sig":"MEUCIQChqibPzmiKhl3NX+0rIolWTOZJ6mH/lx/AAkhifpuoLgIgKMf5SLFW/fm+jSdd3MBorN8NAd8XS4Ya4TXfRorTpEw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf2lqnCRA9TVsSAnZWagAAPxUP/1xA++rp4SdUaVEWLWJs\nyGle9oDvvEL/y8wTxCXwYMVOksmkgpYJV7lA3N37dqQIXuTZo3XqTBVLWe6O\nDhwH37u64vGlyR81LZkBN1KeXSyrE02lGvSCqTihRZ/g5fJn0+MpN4/5xUgQ\nvQHU1fWo3Xez9HnjURGqrtM/NAk9CvvItjSXOdRHueXLxmok4LOGQBR+X3pE\nqlO8Jov13YDLiVhkevaJFfS07WZLt4WKsye0bjIOrpa0n9xRcQjFdlg/wIKB\ncZ0lnA/Agg3FEJb2LaEqhFbfdEdQpwFXNVLoP3L/P0nuzllwtWjZVo4rA/Li\n2Erfs8WcDmcmzYxqnl96B635mdj2bFKobOgZmBv818QyuAIJkN4zDmLpubYg\n5aXNWQybq23UClRQa3Qnd6DnU1rfTn0NxNC/9IVsb85WY6KgGSxzWSxLi4XM\n7kgd4OcxXeS6qTbuhWicN/bnMZC2Zfy51m3huw1bm1gYVVd9/kDe1Er1Rb+t\nnQ023g8FAxI1GWE4iSgmZ9dUpI9LEC50ra9Fv2n337g38nEpBxitE3mcO38q\nRbP/jXXjyurBSE4/bDtRMt28+H9LzQB0NPH8pFKVd0/jjAsXNwZsm+cV95Q+\ns2E64QRUHUSBzXWkdKDwMdZOEyUrmd4g9EAb1DbWqAd8HwgP8pFBgNaqi1WG\n2EQi\r\n=naQx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f9c9fe091a06230b038ac8a71ccd652c7c662b96","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.30fdfd06e.0_1608145575497_0.27321613582558935","host":"s3://npm-registry-packages"}},"9.0.0-canary.9590a8f90.0":{"name":"@material/animation","version":"9.0.0-canary.9590a8f90.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.9590a8f90.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"492f6398233c11001716fc81328419acc0a6f8d5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.9590a8f90.0.tgz","fileCount":26,"integrity":"sha512-SOOFXLBu4I2sf2FskcZ6yV29UBwzkmHoDMRXUum3DYaofMFP8FFZ6DKoI38W8e5IC2ieaE+KXAncY0+wUCOtoQ==","signatures":[{"sig":"MEUCIEehT8rIh0F5B19Es8TwnqDJkE6nyeKGU0BEDqxJ4ufJAiEAs0xsce0yUvDfEGpLtOz+HL0VE48VOMjkqFyUJX0yc6E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf4i+iCRA9TVsSAnZWagAARxwQAIZoOjY6pEWz4MwK6FTL\nY9A2YBsQDVQYysXEJLZhCTFtK+qWBx7mVxkU7MmRh7gv9VZumI+NhKuH3B3s\nI2x2y2JnG9Ad0iW+HQax//TJMiFwNgLcC1tqD1G5VAU4nHHH7Juic5/xMIfq\n8n4TsZ8ufhiVT32ZQMddkCqQT+xv/ud8siNd4A8vatroog4mj1QDS9XkRAHX\nRDsrUPz1efgHItxtdjRm8yzJw4IoOA8yQrahtRr2ehUIxooA/JMmQC8GD3+X\n6Kcf5TUxasjx3YadcQZ0CMv/iRFs37Mxuj/Jk/KeZ9dl7XDgjFGnize82X61\n9Bfq2/TkvZD1vIMhsZTbGOghkOU5AUx+I4TQqOmlyIa/PvztGwTvr+MfBHvF\ngoFsIfU2W6hbmBvCrGFy5k6cs78U9qAjlnQ/ilZWzG7El5mog4e+U1Ca4p3b\nHs6LAPgW+YrQe+xBo0QrsEgqXReViwEicVrCCE75KiaRUMPXed/f6rRvd+2o\n1WX2AcGvv7nQsbV2OK/UxwHC6Mxt9VyibnULBf3JAqRv2V2DBHMS52nfiUVN\naE/OTD6obTAYn2pKUwK48l/6qKKzadAYXcpAtxKXlw0TAyORUya8ekfKZBz3\nPsMCrwiHMf1uMkRxMlyspqccHeCEe70VZ7uL/Q8SScHVqe6L3J4XPRRPqXUA\nHY3/\r\n=vmHc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a592a11a03887b1e1535d4d49ea05db1b6f72789","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.9590a8f90.0_1608658850035_0.0321762710942981","host":"s3://npm-registry-packages"}},"9.0.0-canary.f89d8b8f2.0":{"name":"@material/animation","version":"9.0.0-canary.f89d8b8f2.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.f89d8b8f2.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6daa2bf06e12b99d3213cc4e6e01a4d87a1ccff2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.f89d8b8f2.0.tgz","fileCount":26,"integrity":"sha512-Iz8iRYxkX2Ur8NM3vsnuGekmfuqr+icy+cNrhWuuba+zgsYM80S7EYkoitsozRSVbcW5uvsIgkMctujGw+7mDg==","signatures":[{"sig":"MEUCIQDaRzvpAkC4KUOn8An7VTUMegg+9gBrUDNSFx6MX3Q8zAIgKaXYRMBRV8ASqrl1jjOkInrO0KTpkcIxkEHSeOBgKrU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf4ntTCRA9TVsSAnZWagAAmCwP/AzdClOMhVbkl11MYVi7\nielbjc8olLw4xubuYLEDsLtdFZ9fD0c3AHhN4w08U4E4Ckvk2pzWg6MwBKwd\nhI6j35l/OgbuhLhfu7B5yKuypTT1zLZq7bIVbH50OiR0CKqglUZ7Yv899Url\nQ5F46NnGoEesvMukkP9z8lHudgFyngTcEbLLbo5o7wQmDUvvg258b2loKx7L\ndbegY7KiB9byeMrCMe8N/qaRjV0VzPOfwfhwD3NCXNH6kKDy54KNkOeCVMMH\nLSQJ2GdxHKRAK5oZ07B6842Z2TpbsCcE5T1EHzLA0b0HtmAxI+ZSO8+Kh3RZ\nj3NOCrVJ0qnSVZqavj+EVFyataYBHJeUJZS/MTvC0e6WTeaSL12wHhYQA2Ht\ngcZODC1tdR8iMYlCpF2w/5mKhsPJzlPFExNIEnvtD2psSrXxf6RkZFYsgP11\n7EkOUCyXiGiJGS7la3Y4F7TnI8v9058kLy4OFU/iQn70oJIpia2SJ+fZUail\n0u/AdCZ7FrKxxana6fAwznWCG87TeWGPOTJv2J16CGekwMc7FhxTh3Fr0Qrt\niQ24LkygbbBzST6YDnf6P7gd6McyQcBN8o59/IYhCxS3u9j2/e0maZvQUMih\n4nOemrx+Bfx/b49OKTrbCkS22XxFrRL9p27T83Qg0rgV4n0v8vWymMoR+z4C\nz6Ge\r\n=1aY0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e0d61155aa611a1a8573762d75379cbb25d2e7c0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.f89d8b8f2.0_1608678227262_0.4887689865726923","host":"s3://npm-registry-packages"}},"9.0.0-canary.fb194dd35.0":{"name":"@material/animation","version":"9.0.0-canary.fb194dd35.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.fb194dd35.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"af2c1824413ba06edae776254c3671b6348c22d3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.fb194dd35.0.tgz","fileCount":26,"integrity":"sha512-4zZJffcCqT16JpvdKYlQFgBplDEGLMH5+bk8Re43sCuixKrzSRYr4mntnChBsYyQaphEIkB8FqucWHiwdsE0xQ==","signatures":[{"sig":"MEYCIQCalPbx2C4NEZeOopy/w7IuowmIyYfoFxi+nKTa/BNgDQIhAKTtphp91yZdMU4V6/n8VMUQxlSa1TtndCiJs6jFvuBk","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf6kOwCRA9TVsSAnZWagAAWmAP/157bjb7rw62mQGHij84\nAEmXaoPHvhU3mtQLxqZpIAWVsQMclIAT036Dif2rb9elvDvjpOz54ofVr7Jw\n+/wx72x9kubex1Z7KFnLu3UEBaNvhH0hRQS70KLJtDJgg5f8kZiymFmaWUsg\n1rfVgswyhaoh/+NAJyNysSCj67Sv1wyvp6nZ39xOIcaEYhidRQWduzmp4HfT\nWiseKCr3u/aO8IMeJsoNj/oy7WXZ9usIOTfu1kIud9usGorbRns6FQLBOGj7\n/qtrDgdxrrUGZ79eZVG0cB1VaFYtsJXa4AjyfEKjgFBmmuRupQxQh0GbcEkx\nSglSXp5yP7nKY7pGP3USziAVmR49NWkMDs4uwPtagIRiq9XZgywFtqjgJFmR\nbR3CkXRAGTRUc1JYDK+aDz215qAo3Yi3Z1MJTzyTlb95Qc+AQqgTsKc05S7g\n//IrQgM65/PZ0lppyU0hyGBY+4Sso+uV0WU0QyqfVWdLmWISga+LNyev3HOp\n7gMAxQHQlBhjdQoXUvZIUj1cPwdpMjHO1bg48gEA0iY+jmLtkBx9FXrVFhsj\n9DRAm7DSw4zE3OFyTnotH7Wq4Ba69dquAtQdMr8qQPoUjakPBfzA/MRk0qSE\nhkdPI0PJQfcjveG9hh32Hb1fEalFZ1KoOtR/DfPPrPPqperzXpkGBFBG8pvH\nLFY+\r\n=xGFL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"57a5b34de1026133757436905fc54dc5b326d3e8","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.fb194dd35.0_1609188271504_0.21020261715100985","host":"s3://npm-registry-packages"}},"9.0.0-canary.64f36e287.0":{"name":"@material/animation","version":"9.0.0-canary.64f36e287.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.64f36e287.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"143ddb7d62434b61c29dbc7681d182ead660c352","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.64f36e287.0.tgz","fileCount":26,"integrity":"sha512-G9+c5565V0XMIHCGFFCiPGRcGi1ITbPr1/AbChrQLKb7daoOEwSISchC0rXbtMPI/u80uJKNy19vDB8dTLDo/Q==","signatures":[{"sig":"MEUCIBF8GsfLpwZ7rJvb7B6nea+ASJ8ert/m0KmobcXo6xYQAiEApvBLQeeNwus8C14M7SM0SI5DKrFaAJmXriWfb4KxcL4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf6kkLCRA9TVsSAnZWagAAWNYP/iLUuAN+Csd40lsLK4Ks\nNrSQIFteXdva07vQPumBLC3UR9sJOJioYrKT8R4BtM1L75GTcuMWYVqV5s79\nvmqf3ms7ZOMH/aahDc713Bqhq7MyaaKWSXifJJBbFS4jOQ3f5TD34ul1Mk9B\nvZcog0GN1MC/lbQPyNLza7CnxmYYWEdAMuIcGNkSktcF9SaybPnOuvEKwm01\nS0LXCZQrWSo9Ns+XvrIGJqRCRUYLvCDxDobyAHk9QYP9C4LTaNQWJW/NujKJ\nKZLCBROHRzyRHTkwXkrApyOxXpSdS3GnXlcn6WZ4QmQKKsPeVkdgoNYJmrUr\nKzKNUbUOcyocCOYVJW6fkwDNYOZIHqVXxKZm832h/UPg5oEg1FH66l60hW8R\n5z9WFBCgN3t/mfmmYyOk3Rjx4FrdfGcL/KIE0vj2vBDFFZZ+6l7ssoNK8T67\nTLFHHUufJWrFQu8DO/vnIliG5flkuuG6GtzNOsbywGQ6S3jBQjpCZd5KYcki\nmLyXXiJGHZ7grtwBP1/dHx48QFb57TT8DZNic8N1L9PmyJrPcr0gcAUhoooG\n3uOxX6ouBbzun5StEgcpnZym4YsmZpS1wTi3B6WB6Dip+aIscZTUbaoFR2Lc\ntR6Iw1hMwCvLEjLd/ZKx9si4hUhnEKGbxHg6hWp+oDxs2EkNzEy4EwpLzHxA\nu7nq\r\n=HyDD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"23f6770d284ec6c17b1aad9913827f8d456418f2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.64f36e287.0_1609189642878_0.28156814114126516","host":"s3://npm-registry-packages"}},"9.0.0-canary.b7bbe7022.0":{"name":"@material/animation","version":"9.0.0-canary.b7bbe7022.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0-canary.b7bbe7022.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"faded9fc920d464752d547513ef55aa00370fac4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0-canary.b7bbe7022.0.tgz","fileCount":26,"integrity":"sha512-hKWE/AV9bpELxfMWil8D+kHp91D8uzkZVuztScOkOpcpEp1dUwHtgDplHfEELqwbddqlUFgioXQyl9sTlhwTUw==","signatures":[{"sig":"MEYCIQCxtaRK7kN3zm9Uf2zfyLGSVhZhm7Yxi1dWZXui5iMiiwIhANNwXeaDsN3kK5F1XMakT7VyG4nVP6XueRK1VidyllGX","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf63mSCRA9TVsSAnZWagAA+ckQAIr/Z3PqVMRBRAqXEh3w\n9P03elXNOBf1CZ0G7kdZh7MubOPJT/v+AIwYKmklp91pBMCMbYr0lg0knC9Y\nJrbKebw+pb+KNaeVOqN0O1snfA2TUNb18ew7kGhsT3fUb77aZMNtU7JjLHXm\nSKdtBw2CgJjnZhko/+1JliaeyX/0Mnr3YnApt8fvk0oNtvCWcLoKcOMQbsnT\n5wgj8y42odReYp68qE+0+ir0F54SO4iaSSgsqJHyHepI0swJLNk8X1LzGuZB\n9niLFBqQMCOHq9Hf88BkMe9/jiZ7d89XlZug7eqCiCWMTpaG/c7kekL2o9O5\ngIi819EyEYkMwL3Nj+h0Cc01a1OSFEvooPB8lylSVn1fyRx8BSzOavRzL10b\n+eDTp2lqjYEJopnMltz5xcdyp+o3LAawzDTARJ8CnhP9KKm2TfHWpQenQCDe\nZOBOSS0D4kmaajQJemYGCqQWQy6OYFTmotk/k+OVYXKsqN6hw7JOfu5QZGLq\nTUxEyD8awY47XVCMeamw2wqz44c2goKzyLAqs288jHIzbYS4MrXgZ+Ou85/u\ntN4R9ID/LL9pcX6tZf7+2pDhpprFYqwEkK0EMuDdawtkJi+5wn3k6xxSdxDy\nHPESUjjxfDn0OJVPDSX/50UgwYs89nP0Ugu9q/fEbb71l2xT8rovH76YMBLR\nk5O8\r\n=pip9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"81238a3912ea8bf30c97b0318ac2ce65f297eece","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0-canary.b7bbe7022.0_1609267602244_0.5139783276542793","host":"s3://npm-registry-packages"}},"9.0.0":{"name":"@material/animation","version":"9.0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@9.0.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d8f33be893c3d828f177b7fabea130db013e106f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-9.0.0.tgz","fileCount":25,"integrity":"sha512-ZsiCrIfn6uRjE+/W50PwxOIFSSMWo/sXgOAXvM/0C6KSEGAyKOBGcVmpMuD2IxJV+EGMwFJVQIwR1zZWues9yQ==","signatures":[{"sig":"MEUCIBNXDhxGm0sebtBxcUX5ThM2DOgbV+EOBcUczfhKgk9zAiEAr8vATrxqoxzn5AMsN2KPfNirN7bMg1U1ZCL+aMO8XbU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65800,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf64cyCRA9TVsSAnZWagAApBIP/jsH1hTN0Yb9wKnQFT4F\nPN8yzxy37ts6y61CjmJOEuee8t6eHHhrfARemqFkfzfsT8O5BRPvIkaANJLS\nFfzU3aQIp5S2/+bvc3/F5MeleVno03VDFddGKf+oPV8fq4DWl3CmGBjozO21\ncIl6pGqdgByBfC6G0FX2b3UAnN7SBBEa4xicY4/mJjLJVNNa7Zx1UaWQnbMg\ny060HbUmjHbqKaKMrGf0NRiOvglOF9uNdv37OX8UbfRlIAIsT8IRlSDRx5nX\nPCXBu6xenbFUDc/Teb4FYZdk30VscebR/2XJ+ZKlGknSZvnMoX88ikh5s0Zm\nghlWIrj6prtaym2kLIvtQXVljZEglYXMRaIh5JAVJsNLtjM0e5bhEaQfTpo4\nu78pz7bKy9Sl7wppQ6QxsvWGZkyyy+Yc94zpMZ2CwKKJGHzcykgNMdwZTMN7\nBgVMwDWkHG+5sb1r8s/JBkJ6dVHzwugY5Xx7nlqLX9MbPV7bJPkm9c8+V2B6\nt3xRYCvhYiiYampTC1zAL7QYjUnTq6PHPgVSUNsNCa7wSfoRpp+44DpZOeF4\nRaZcic/XYYbkloIH7bL+d8WSBJiltF5TR2rpJ/6Wgz8xJKwrs8Bl/vS3CWr5\ng+qenWwNLdtyvHCivXPDnM/hVArIGvjjKCUiqu7nark3xFQ0sJZpUD+5eLQf\nMFUB\r\n=aApw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","gitHead":"555aecce59125bc3f162b065dca47384bb5822b1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/animation_9.0.0_1609271089748_0.059655492875060556","host":"s3://npm-registry-packages"}},"10.0.0-canary.555aecce5.0":{"name":"@material/animation","version":"10.0.0-canary.555aecce5.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.555aecce5.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9c8b559b511807bef9a095d1a13199b522638f4b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.555aecce5.0.tgz","fileCount":26,"integrity":"sha512-Cp/OpOZHl7vQ+UPdNbFqb92fPbECWR8+T+VVphFXOLA1eocef+i9dTLJfsGy7ycqOm/sic7ST0FOdT69yhE6gA==","signatures":[{"sig":"MEUCIH4gIA7wF/zlrlP7+nDKoR700Y7ZM9cgTyVSgb18kspkAiEA35/CnayOvv0JLYmNhZO6g+qWtTlj8cGAF0Pw6lDILvQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66199,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf64c5CRA9TVsSAnZWagAAJXsQAJF+IcpCK4v7laRkzg1t\nCB1s/4F2gq5nUXtacu4ovrNmyimh0yfJ3aOzV/vJnmIXlF0MONRYHEXo+7XT\nt2T5ATHHNxThJAm5mqR2cZ+GBfPu6R2M+tPwNDoW24GLkG9DJWz9vJTQImTz\njclch7wfdidRDOEvpaXh4I2vfHLWOtg80QMinTilbkio7ERAvq0PKwcy+/xV\npc7JFJnBxYdZgXNqmNJWI4HHxT4FcHKkeoxfYQB23PGmIDxb2ULSq0i06lYN\nJaAksP31/xQZq/k3ltGVZAbAwz2qh8AL//AIHxBqyb6NQxVRfUUD2gp5feSl\noRk28CiWXnFPN2e9GIWy4SSeYf2vNlBNTD+QdspmZm3Rl94NOnTvW10YyZAb\np/6kRbYq8SLj72fw+3Akf7Jx7xJvD2N9zzm8zBu0kv2PlIh0NG+nYi2/NEp9\n5MOuHlf995x5+akL6tSBnurlEYtR+/e7tW+Hzjdos1nn8bCqI4HkWO9LZ8ZC\nYcGI4qqrr8uWBAOdLW/TdErRgSC5fCkKZkJSmAidrCVUzX6xkcEnu8DbakgY\nzCS1VNhBiq7XzLeVBXnogIg8B6cP9gnf1JWKvuItnbTKFbCISnu23OpBkR2N\n0c/RuXvhfbbtEtLbAHbl0VKG/d2QPOg/dY3fyCxU1x/z+Y2TUpefah7n2/Q6\nYu9b\r\n=/deb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e455ee4f81b05c032a5b779ad5dacc2b952e989a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.555aecce5.0_1609271097107_0.4377581320500037","host":"s3://npm-registry-packages"}},"10.0.0-canary.776c18681.0":{"name":"@material/animation","version":"10.0.0-canary.776c18681.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.776c18681.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fa3b00b07a7b17ce3cf81b7ecb26d41a5f6a2aeb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.776c18681.0.tgz","fileCount":26,"integrity":"sha512-fl5t+pNarXBZzVrYalldQ6/cz9BWwSKSGkQQH5q4HAHlX5bDcFcOIJm7+v71lIb9MLK5TSxXtsCCPfOI9Xzb3g==","signatures":[{"sig":"MEYCIQDW2lmf8yTCwOkYaedJEzjByrcfoE9oRPs923mQg2l3hAIhALUR1MJKnsM+kSlGCGTGsVENQlcHd+HYUKfBXO2uobvC","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66199,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf68woCRA9TVsSAnZWagAASqcP/33t9y0xuqNBdBDTu85T\nW/9vb4H/ZdMw5YUN43j+ImNlQ5Sb0KcUwd/hWN3IeifSiryQFNG9mxDg56rb\nCJpTjCln9NEdd9t6zl4RlUyYI2tuTW7YLkoJsuPrK5c4XyEpoUKo123emzUo\nDcsqCE3XcwGMq44lYCb+lEJzYyQlmMcigBaskcBGVW3xN6g+i+UIr4oUNAMN\njm+UWtKEUjjZZwua4UQrWR9eqSWxWlGQ+ESo29ikRZ7Y6vhNelMXQW26P486\n74dcp6zbJVvV0IDzGi1VGIxXQUhhuSYw3hgditiwxNbhlmhnXfYBPGJ4nrtU\nu182ZKfI9ertxV/nQ94nst6Uwd++5FyoIYIjKUmFpq4zwkc6bVJ3adb/yTGj\nSlWGst5dXkR3bz6/qnghqTzWIXeUzoTl8Q/Qwe7eDUiGbcWT2xNj9v1Rcn0T\n5OZaSdL+bZ9EKfNYGXvlh+m16jHFjL6FCnjWZsEjLG1l2OoRaB+cpudtDhjW\n9pAPw76bqBHWMrs3E96fIdHkHW5DZ/bPfINIh8w5gGqsBnoCXXvu5YenOcR4\n6FCUYwG02QrgL7yv7TXmunmiTyniDLFNLBE7KqELeMq8TKggZKXh7JYHMiE7\njUwqCf33Z+lTzLRJMpgtRxme3Q6jv9W7F3M/FpdoeyELCw11+HPfU5U3j4Fo\nlbV/\r\n=ST40\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"920f8ec98e9709a32b0564a5334ae434137478dc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.776c18681.0_1609288743440_0.9306635268470831","host":"s3://npm-registry-packages"}},"10.0.0-canary.671d72d95.0":{"name":"@material/animation","version":"10.0.0-canary.671d72d95.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.671d72d95.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3f89b6f0f2734a950f0bb8249d74bd8560659ec2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.671d72d95.0.tgz","fileCount":26,"integrity":"sha512-V0kQ3mP0TjZc8Tx/16KU5oFa7ip/bJpHLp/D0o7Ud+4UeXjYdwf54z+i2th+gLpfzevyhL89JNaK1xIuW1EX7Q==","signatures":[{"sig":"MEUCIES7eQ1UrAHKNLej21LjGAgvv7fIfcHSkEJW8j5QosO9AiEAz4x0kOxGRZ55HTh4xYkrBgtV/g/YkI3aoqtu81SxxDc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66199,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf7N6+CRA9TVsSAnZWagAAITIP/0Uvfk87R8NOztUVIom4\n0qNsmezv6Z3AzM0MmOGd2h0pIcrZZ0mzZ92NOmson5gttQe6Gxgtsfdb7QxT\nY1A+DLQv6MPvxHofDZ9c4SEZ1mJ7qJG/bur7KB76kFlsQoEMK2N6aaUBP71Y\n/9G2gA/hVr3BuUaJQoZWUqNJxXSY2BkLvjrsC3RBLMMu3NGogVLCt6pPZG6B\nsHyhmSsxKYXfwU0TAY7sn7tTOJWWaNSTsrMMf2W23nGlL7XeY9h6w4X804VO\nRz5pYYLQ/MvP4GaDPDUNxNnYnIbO3n7yEm2S0XBNaPuuC5ceX6lFc0zvjViE\n2twjZNcYNQc3AmvrelMU23J6tfFOAczBEY4FbVifCfOReGxDTpsLSMm7tkGO\nJDeNqVG0VLG7JfgDmn/i2kp9hemSwzMriWsh+PqkYhb42GVq6TzYwljxoad1\nyqsz490nnuHebOBAWW0Duv2724iaLc9GGuT7czSzculobK4X2ALhrVDY4jlJ\nr9scq5sVejWod6ZA4nvECT9PQptsk7TjbAgdTou/z2r/m2aKwcC5+exjtkvb\nJgCwDesaZjOmXD0DW08QPsoLrj6Y5Ite79GwvSee7l+bv7kyk+W27orbh8zV\np16gCyYv2U35f6VfvrFB2Mj3Z/Gv7Fa8AbZGRdtI34mLn4Bq+Y7Fhv5m1U0V\nS+Xp\r\n=61+g\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c22803ec93a76c661222622456cf6f5c5a17459f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.671d72d95.0_1609359038183_0.9649002627845435","host":"s3://npm-registry-packages"}},"10.0.0-canary.b4f5a1c9e.0":{"name":"@material/animation","version":"10.0.0-canary.b4f5a1c9e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.b4f5a1c9e.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b60fa6727c2cdebeb0949ad1665d32d8851de3e0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.b4f5a1c9e.0.tgz","fileCount":26,"integrity":"sha512-q5SGMCxqMgvNe4AZhCy8eHt4nUvL1oBYRouImd63KSCd2r8WfeF9NozHyJbDHSTZOsNyFoMZISt5BCJzD/IbQA==","signatures":[{"sig":"MEUCIHl/ItTyglZlPQ3FcVppUkDKA9YDpWIT7PFqmBPWoNpCAiEAgPfsRedLpdtxqbfIvZRz6c+CaS99KhL4eb2Z0oofQow=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66199,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf7PTwCRA9TVsSAnZWagAA/ZgP/2mgRTiS2/Pr+EYKW4yN\ngt5c6lp1qka/Q+IOZ5FKVdBfTJA8CPdKST+59ZVMiQvrCUW7Ihqc4VS/rMND\nktlEAWNN/pS46BjWscKre80BPn7kgldzW2ipRXT78hFy/zSquZzCQQUkETjd\nqJU0nWaXdjdOq3DRMCWPjsaUugiQvwpECVobeDBP3MQfBLsUQ5TXIzbpl0tb\nhvOAvjtRiKt9h1XZVG20PtV2MZn5r+uGPkkpFafTnOml4NfiTPauCFXijZJ6\nRxP+pITswxuLIW5beJomj4P5TYwtnOiWbAykDcwer0Y9P4/BLoOTcHox1hTg\nVfb8uZyoVxiIAZPm7n9Zfdi9Z46gE9m45MtCGcFd7uBcFgMpIzv9Tdzj/MgH\nbhySJwaMcJPw5EiLaClABqil22yfkfvCHnuoGXF66hBIx62Pvo4MZBfjJK8x\nWhU9EW08+rosjD7WyHwfpNe77c+9+e4jr0c+IO7XtCkGm1h4a+G+vXOgLXDt\nKBxgXAn2+VSvLtNutQU83enRAwjJAHLrFBwTeB7qVnDv5Sut52HzCnhPl+rL\nDm+P0fLjk1NmEjSqYDqg26e6wJR7bXfrG1POdwQ5JZEZEjBw0ZIM+Tl+dU5M\nM0Tv1g8TMWG+dN2dEZcI29nmAxU16Ne4DUkhSNpdz8jzlnyk9H09JXN0m+i+\nkbTy\r\n=Flbv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"1db47387aa8e99022677270066e7cba1da23732d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.b4f5a1c9e.0_1609364720254_0.6067090540481104","host":"s3://npm-registry-packages"}},"10.0.0-canary.a94bd8deb.0":{"name":"@material/animation","version":"10.0.0-canary.a94bd8deb.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.a94bd8deb.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ea6f4689a7b6e28c3b55f08e50a2dca2f8cc7509","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.a94bd8deb.0.tgz","fileCount":26,"integrity":"sha512-THdSbPsRY3FuIjkzkkxke6VoU7AcyDEwHAaGakjH0Ve6vV9kbNWYxeWly5GXvCqT7YndsgvQWtY/XlUmPSg85w==","signatures":[{"sig":"MEQCIELR6FGuemkyHg99a0Zjc1AzQZWMGj/nMBZPXFCYfclUAiB3GlJwTIIWYpoVPz7RuonSLbyZFm6j7Tu9LcOVhsoqGg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66199,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf7PkeCRA9TVsSAnZWagAA2boP/1Quq2y3X0A3n95fRDSg\nlpX/N/yOnPu0zQNwnsDhI1DTOLfSJqV1kVDH6wh1ZrPBreYr/C+iQpcdQhH/\nBS605tme0OMAQbJChE2KpKEyzUOcy+CVmmYGLC7bvmeSq5F2XgBC8PE7xuno\nw6K56FDbMO5eUy9tIQbWdXsG20SvkTRaZ78HAMaqfo7cZQGVW9CWmmN94nis\n7UaqPwktBqM8iL/YB9+AZp+/zLhQaYd7mrh6l0VAnS23uZfoqfZQ7TayGNaA\n+B39X91166Zaa4YfsXEQnwNpTLJhLdBrk2btQuSvD9f80wLb+rOYdmzJ6WNt\ncXA3PTwIrE+6C8FlJz7rrhlNef4zKloLhJzX2x4XTKo+kQPQCHeEYxrb/nwU\njJ20BIkPL1c2rOFdjJbt9FCgw1ECLruN70T4Vm2OrgGbjfCXAXA/Q2MjJvib\nXMU2C6N9EXm2Ex8jzFgcaKLlAMG8cuRZpDl09+0Og8NI4IY5r0XyUiCXIA/S\nbbAZTQMt/m04Wg7fTORlK5PctPt8R+Wnb4IiEFo9ejDYoTx34u6+EAImcRvv\nsu2/w1oAhclq18LQrHvG+S4EE8nSQDToKj2d2nHxNLfQCSUqjaMi7cFsE1g6\nWZcX8G0GLUMxiv3S6OywdwgTDeZhueEZA5Ql8aEOm8sSj9zR9ZaxZvyyclOL\nVrMv\r\n=Bms/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"12c943490c76f911dda3861f863c68d7abf77ce5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.a94bd8deb.0_1609365790030_0.3306664534169794","host":"s3://npm-registry-packages"}},"10.0.0-canary.5d128511b.0":{"name":"@material/animation","version":"10.0.0-canary.5d128511b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.5d128511b.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7785fbeb219d7921dec2279c5c8a2391e4455f4b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.5d128511b.0.tgz","fileCount":26,"integrity":"sha512-2L8nryODiKwpsM/bkoBOll7t9Wj3/ql46qfrRBGvs+gO4YJAOn6fq/yH87l/1rz7+gFvu7+MkTPRdI0ETPORLg==","signatures":[{"sig":"MEYCIQDZEiO4TwFG6dM7pUWQSHYoYO6xDUpZ688tejRX/PPW6QIhAJ5Wle5K62lGTtCQT1Cvx4ihqsUWTkqpA+JzxZTO4HPW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66199,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf7PphCRA9TVsSAnZWagAAFRYP/iz2l/ghlTWsTtfOjpeT\npOrP/v9fYOz/7vgmbxIAKc+KENzvZ0ECoB+XvzWKMBP0lVsAUuy7j2TFHDSq\n0dRdgKEbNu+7TWGYXAd9ch/JKkMWXLkrUF5OcIu5ZOX5SX9393cIbeqRb7Wy\nnJ+nzZMqcMm/YphUBCH3RlNjnch71q7q30EX6oPnf6Dcuy8OGR+D10x32THB\nxy9yVsZ5EwLdcJ2H5MtJEtvA74jBW55HlmVUZmiKE9ed9RyiHx+deseD7kXw\ngcs22T6OmucO6uog98WOwsK6u80ULSzSXFSAMRkxwXkuP1N6A56BmTkk8hbV\n3bk0KJARYHIgqIU6ltKF3HUSTH762gFHTlMj8X9G8YGSvtmgBrE9pUUv7klx\nYR9006MhLnzZSOyUrdrKERuppH/Qn26j/QtJkS4BgTk3RQ+YiAY14HwmPwdo\nmeAwBxpGaG8VS7Tq4Yqc7CQaWCfTk318TJ7SyjYiY8MiWaPVa1wo7xQtxb3t\nrs9mec5OUTKNDOLJwfS2Zx3E8L3bNYbTXzFg3xtRHPTmCzGuHeShgKBIHjFq\n3HTpxLTPoct+y3ws1CdnXVphf22XRB0dOnRktKZQs5/j4E8Yu7V58iWxTDaJ\nLUWwcgqnE1RPENuxOpl529K8OtedENYO/mVE4Wb74e6kRv4kN84efFVy97f4\nFgnx\r\n=FOHi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"05d17b41cbad4a8aebac080f082633a26be09a3c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.5d128511b.0_1609366113431_0.5124563604788652","host":"s3://npm-registry-packages"}},"10.0.0-canary.365c69360.0":{"name":"@material/animation","version":"10.0.0-canary.365c69360.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.365c69360.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1cbef5f5b8fd5ab9709147ac02ef26aaee45f292","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.365c69360.0.tgz","fileCount":26,"integrity":"sha512-557og7nUENdlRxoBKntu1K4iUY+KY4yQDi69O1sMX2Q2hPJYnyQgsIhnnFzoeXDtMIx/jx2xyTIAgFL5MdVTTA==","signatures":[{"sig":"MEQCIG8JIkbyNnThWcMgdSi6iNIyi1KAwgKUrGJOmHVWtfP3AiAZLCPMYMnQ5E7epX3kbU3+eMjelapfaenEQb7Kmox2EA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66199,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9KYYCRA9TVsSAnZWagAANE8P/iiaKqGYx/FX4oOqtFPq\nNVpg7S8zbqWluuEtVBIxAWkL5lP25C7oVPhHbXVNtvyQ9gXqsiR0hYkoEYjm\nuw3BpiW6BUqHD39Tw/zAUNSNtXxU9UMDg6JdLQqsYL/S7LUglVSAU3XZ/TIZ\n79SmUvXTSlyH1yzMtR5988dA7J4CWuU8ufWcX78XYSQxKVjqq2RKBXLD2C7V\nsiR0xG6Sw9nPqsNHJ3J0/Sr0ducD9rCrJ4CXZhtrJkP4MdodyiRsz8wZPd0K\nxnQ79JgdgKvF8Hisj7WDv6OaXk3ALmvw/P+wt0eclPaYQeWoMOASoDt7CyH4\niwLRdOIhjjUBwtih9JGaooxf+1L9/FPIgFrU7wPFC2CoMshZywfiMnkmEY0c\nEr4rfPNhgEEIESc53EUy/3+nNZIMyoxU3MfYnQG7mmncvQoB8noMIQ4GX/Jg\n43fX7P1994ODOmdxoBATvupdkT/zO1UcoFISPTsy2puFDy7SMoBbroL8xLjl\nIuNFK4mbAxTcTtav4dhws8ay5X0giammlY7dqESM6V9XClcV5VOBTMGmUEw7\nTU3XqXjZoVZ4p1DqGzUvUFFKOmoeYjVB9tZ9EzN7qTVRDzXdBjXA284RpQL6\nSqVGsW5G0/NMSR0Qy4HN7VSFCEUbLl7PfR483OBGuB7lRypi6Q+vSK4p9pjK\nZamj\r\n=PqZw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"0b060c30e2974c71db5d5ed87e3ab7918656edeb","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.365c69360.0_1609868823883_0.16698638984112102","host":"s3://npm-registry-packages"}},"10.0.0-canary.700a8261a.0":{"name":"@material/animation","version":"10.0.0-canary.700a8261a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.700a8261a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"442e9a3a2d10c8162b8da71dd79362e96d969b96","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.700a8261a.0.tgz","fileCount":26,"integrity":"sha512-xl5giHXDfMooru5mx45uH/3k2qAW5VZI6Dr7p0nl5BdvK3heCbC9ho0nrlUCLMduaIm4ZXl/txxDdT1Se5blqg==","signatures":[{"sig":"MEUCIBKwugiQvcr897v0i3IUBYIPU/zkppV0WYEZw3jsFdcgAiEA3+CMv71nhee4OoJu6pfN7/akmwSWmc2oaqViIyssYT0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66199,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9NMiCRA9TVsSAnZWagAA3mIP/3Lzxe0z1cZiSwijAOvz\nyupwsBEbWiX0TcjV+9aDcUt1ljZmBai5E/3LSi33qrvpJuhkNlKZw+4v/Noa\nlcMTXNkUl86ZWpO7C05oL+hK8twE+d2amS1EQGTAz7Jp4bjmST8X74hdegJW\nM7unmIhVbGewfa2emX2RxBTT5JtTtT5XNTKK0KWhjat56qSkZiPnAZNAYDN5\nia9UaiFejh4vbf5Ghezvt3WSA/qrlCmjqhT0ueQN/fmx9zmgiPO2rwkqrj1S\n17RhpDwQEktPiWrTX69mJmsmxt5PE9vstL4NfIoCDEX8iwUfS4Fad54Pqcg2\nWFMiKP77vh3pb4l9eiljCv2Qq4B7MK6VRO3kb6UDeabW+Xl1BRHFkbZuDac0\nwO3brrRIYw4C0gO3Ihk8JJRP7GfUVRSE9dl72B2A1tkqs5rCExKhqWwTSyRA\ndns/vJB3P9sDw3eRKHk7OgDGhXT7ImgPV5aoV/nKNhGR7dA9f28gZB+AD1gv\nYGLJkZ2ua/swaWEJzM0YHdERi4AhYtSCFni1UtaV8KDpzKj5hitK5/FDZFe+\n5Wn0dY5S9HoJj09NT37yhnRBMq0FIuhb7yFBTr4u7kVOFCBNp7X9Lyosdgvl\n9e2My3yc3aSFWIzxcqAkWCKbbolmut6TqZJ/OU9JId6fpgV6gicS5LqClm8s\njpzu\r\n=g9K9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"0e9aee4feea82b83f34c723b52aac42fda1cdbd2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.700a8261a.0_1609880354434_0.3253427651624141","host":"s3://npm-registry-packages"}},"10.0.0-canary.766981c15.0":{"name":"@material/animation","version":"10.0.0-canary.766981c15.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.766981c15.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"60fbac553151256cf274b0daf078de72d525a952","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.766981c15.0.tgz","fileCount":26,"integrity":"sha512-JSEo0LUC1gGIWPMMjL1vCwzXg1Gq8JSgIDPhtFekMh81o7coUx/lQHvORpPgIke3wZGkEWzKCxtr3ax5oQ1rzg==","signatures":[{"sig":"MEQCICjCxpqqsdQPdaxBms80u/pA70rsMIx4AzcnrrMJfQlHAiA7X3rIaUW2nIYdTFKObNeVCwK3nWDga0t9Zylpxdp5iw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66199,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9OqECRA9TVsSAnZWagAAuCsP/1xRjbbdpMb3WllJh2fr\nQgoKJRgTUU62/63Ug2YNsJXGKNapPwZ+nJhgKRUfngr457jc71nrjFnlqVBC\nB19IH42c2Awe3cXtNv4zRFRUuABGpH4g98PVJacsVlRLobSEBPofKtdB7etQ\nljOh4gNejU+aLDD71IURszmvEHjDohYQiCAJsTcb6FBxmesF2LMp4yZ+qQc8\niV/o9HLwac78Pgtrcdcjnw/10Acemy+iYsE67QHP7qF5uEzxjrTNAYoiYtbl\nYtbzUEf5n87bRGRkvgR9uCAVEB0TeYo587Lwb69zKhmEJW+BS+3f6RZwrKv3\nvpThtZMQA6o1f0UlQUTOueeCmo5njIu4ZL0KLDoU3FZasMrTwv4STLSpSxQP\nsyAm/Hn5lniTaswrschGE1vBeow6J4yQOa2/TUsxcatQlw5eGq0EkXjcY771\nzyKXLFG3Ha6XSqU0kTQX5bn5lB1nAcw3drxTUlRkzBVNkQYzZsCJ6D5os0Ni\neJGZYR+a/eYCApsJOMej9YcE7NIA/CMZSmW7mJ6N9PSBo5rEfX+OUVlJUgTk\nrsMrfozcbuVPEyR9/UQ6BnJ4uWVgsExY8oXXSI2bY1vqjPNKdZe2FxdEZ3/G\neri0c8d8KOVC6q0M4dclcL0JoZ/1nG4PSoQVPZOnMIPf20pbeOeG7aJLtTtp\nLDNb\r\n=Ogli\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"40a13adf47648f48d6dfb1daac9ded2f7f0bd442","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.766981c15.0_1609886338615_0.5569530400349012","host":"s3://npm-registry-packages"}},"10.0.0-canary.b28c576d9.0":{"name":"@material/animation","version":"10.0.0-canary.b28c576d9.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.b28c576d9.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9e7eed461de145be2a4cb47294a53a342dc3dca6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.b28c576d9.0.tgz","fileCount":26,"integrity":"sha512-bFkDL8x2whXhddByDF4V8E9n5m8F/OOxt7lGocCQpoYwXTylwqgyGoGuARsASbhSi4GBzK5aXcRf88Ku98Rnaw==","signatures":[{"sig":"MEYCIQDrdPxVSjl+9I5MOCuC2Up8jI9BAHz+zmAr9d8Ncmw5EQIhANuLfeGnvSN1Qno1tBlyPzeDwdXP5PSRd6VQ3dRFu/ik","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66199,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9OzVCRA9TVsSAnZWagAAnM8QAIOiqA+Yp9hWQJq2euar\nGRdcBo6OLL8MiKr7GXW0TgxVaTHiib3o5dVRzUCzw3kNIrriMfJGioYzNHyE\nUvB3F/2WfqKUamwlrRK4Evjhs87iL/OrXJLpdbfNXGU8CCuR6l3eatQeOQVI\n3G1gVD5zuWsdvrIKFQYyeaO43fXb2rQgbDyFSHccMRWA0vzMeujAwARRTvd6\nyiBQVR9Z5DXtePnt53hmvP18ceTiRLGAIVP1IpK8B93KZNMQE/dy3L9m99RH\nkJ1EW+KuYGiZSn8L5DBFFeLrk3ULDf8WfJqXvL8IQMXvb23K7kWiuc1NGNOd\nHw2XV8SwfbDaqU0i+Wd13VaJ+kQ07Z4/ofs3YLDdUTRpvuw4c/lMPmKP8kVD\nO9YqR6K+pzzOmfd58WyOlmzuxT8dISpMIzhKYbOxzrcwIrKF91C673HaI99/\nkf94w7VzaQCSrFSpga0DLTOaoZsd0dBPjVtz6ZyS2r60Zbyc3H+P9+4vXdBT\nfFk2y0otjH07B4T9eRqriGF/TOQnNcof8VVUGYbbbgUTxdGdNnvE1h9Wp7BE\nvU0nLpRm875KBq1I0Yho3zCZntGd846uzrrYpQ8StY68vOpwx5wvVh9NwT6H\nsh1Qv1XfNmX3/PWT7ST9xF6/q9FJZjs4p43Akc6dULyOfWJcv1ThdfZLxh0T\nEsek\r\n=nuKP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f11c5039e5e02253cd6e3eaebf7ee15629f3c182","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.b28c576d9.0_1609886933300_0.10084073448785791","host":"s3://npm-registry-packages"}},"10.0.0-canary.968735356.0":{"name":"@material/animation","version":"10.0.0-canary.968735356.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.968735356.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c15575700cf714e19ec53b0c9f9091cdd2740664","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.968735356.0.tgz","fileCount":26,"integrity":"sha512-r7dE5xaLFkTODJG33ZlrRLgxMpZ9LMnnrLnB89RwtuIH5jrnRXwC5O60LL/lKtxXUH5LoUJ9+Y3ItI7ki/NCxg==","signatures":[{"sig":"MEQCIHA28++ZTiC8sf5G5nygbO6pShKVsuv7zejKWCZPLGX6AiAaRm0Uq3tVK1F946+Q4nB1RC59hNySc9jDOh5r+S9s/Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66199,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9dwHCRA9TVsSAnZWagAAOSIQAJjvOnG/YUNf3H6J9Twu\nSUYRkSfhGaJKYBmxFcRBR63hWNDVi06R6fTxgJQKXMYQhUlrzeRH3tOvPHcg\nRPCDlClb25ooVU547V5bJ4MhQTDJEpDm9vM+uVXIHi8g2gANcpOv3ZLlwxoc\nnGq4UOvhGoX4m3Pu9v6vThxAzXvsuYg6PbCN5RWvzZDRU25//UdboT448+Mf\nzM2dbsE/O2GJAQIir2EFiDrtdMcA4juf3ITH5Ik+Z10LPCYQMWULXDbI2u92\nRw58QMsdWNNDblWKJ56cgUwzuUJu3Yn5BBDnMi/IHobo7/O+DlI7pat1LGts\n5nUpDpo93pCXMz5zLGMY6bUyKUaCz3+VhVZabRoh/MIv7anw1XmE97DtGoVT\nduuz7+Aypufklw4Zl47Iwjfs9yihrii5J8jHt8yfv61mv2OL0CgffiCGMVKq\nNh9NvTF23sOdsxTCH+0rB1nUYym37v2Uu9HYNybCAv9cdLnk3QS0NR8MyomK\nIqSdWkrlHCKyzVj+lyHvEGy468rQT7SFJDzZsX5KWc+uFjgV5EyhIkRB0v8q\nqoHepPtThC261Gul9viKBN9hpZrcnlMyA5+0NJennxnu7XOZy31RjW/g5tx5\nKXk6LCqTYZlIbxsVoTzNTfrg7DQcWWJIkm7fXQ9FbZiK6mXX2Z//XRaa+NJD\n5szd\r\n=bPQ0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"016bf1732e983523c8ba8007681b058735467018","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.968735356.0_1609948166707_0.8823819118710712","host":"s3://npm-registry-packages"}},"10.0.0-canary.c5e18b020.0":{"name":"@material/animation","version":"10.0.0-canary.c5e18b020.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.c5e18b020.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"202dc6485d43c697ce1aa79e0c33cae6de83b772","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.c5e18b020.0.tgz","fileCount":26,"integrity":"sha512-Hz4+sZ/FkOuchwQV5Vux+sr9jyfF0iWyU5OdQ12BAohI97o6rLUig/f1SMMSMcn74AY8vFrJmxFvjRHDSEsqtA==","signatures":[{"sig":"MEYCIQCiizSoGzt2I3HoCka/cZVP8FyyfIrMuUHv6Zvmhg+dHgIhAO73nudaPZS2B2UzjRIMURVWvEedWqyq1iBrwgOFcZ+3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66199,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9hLBCRA9TVsSAnZWagAAF1wP/Asit98qHRWRntlrTCqP\nbkhNqct/ZvZzPDxjpzNSn0UN492QR3Vok6CWMZuR2S2KFrW99NIlKhif865K\ndANBD3vb0GzJPzioxMCQhNMXcpaC5RdZPKOILA3LeXsnWpQegXj1htN91V9U\nm/Sc8jkNnTYHBxxBaAkS+a9kcMYFSVarhz9Ep8jWWiSrRCXaTzldF9YGvDy7\nXT/gmtsbJm9J0VoP1gcqceiwBTjaL7bROTpN17Z4asbj7DVz5KjBIVO0BD/M\n7OpyQPf2M4qJEVyYDhilbeZ59JtqzTsOR+GMNRtIpRHEgYaUJgMLsrTFrGBC\n7LmUr7UTm2l6ZwY5d54NTfRGHNiBxONs6cixNS3hqmKjXI3OYZIdAY3QGrkH\nSaDA3/OdCEXLjC4ieCzEx3fDmMoJ2Op0XBTSvjjiw7uEXottjiggLp1pF3hk\nBvegWJOJ2Oyxs6KtoTD04E2E19MQzeO32rsMLKEGBekcN20pE1Q1h8qe1s3E\nb1aOWpl9aVfP7vHPHLqLR7TUkbkNZtk0tVWPJUnmQGI0dxW4Z0ggPzqaF6Bt\nmd2qJG4sVI127npXhEaLxhRYXLXDJ9y0A4hRVQnZyLct0jqObiy4b9BbVJje\nGA1nu2FnwxY1BmZvBUwqwJ91qLlIzk1S6qYlMivQ62xGt/e0CGxZTYfrYeQR\nbnXJ\r\n=AiKZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"16a60c2c89ea18fb88971304d4491f612734e932","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.c5e18b020.0_1609962176954_0.8788706793139605","host":"s3://npm-registry-packages"}},"10.0.0-canary.bcff8a66a.0":{"name":"@material/animation","version":"10.0.0-canary.bcff8a66a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.bcff8a66a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5167ce5319c959ccd84df787597e46b9a871c2a7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.bcff8a66a.0.tgz","fileCount":26,"integrity":"sha512-MBJaQ4OwFklwDtlQowlqA7qzo66XtarJHyo2IGyhMnlKSlBCXeoaBOx0ZbSCQxcz7v9WklZ7seEeSqrII0lbbQ==","signatures":[{"sig":"MEQCICRbFkC9yNAzAismyjNafiJkMmCPydSNe8AOZ6FrdXqjAiAP1b3tXnH7Zl1QOJm9rPiZS6JbNNOy07HBJE0qdhgC/w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66199,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9hyDCRA9TVsSAnZWagAAZhEQAI9UExozdoWcCKQ2nnLZ\nCHbHNf7DEqmUX6o05qRnUvzyyDXn6VAD9GWqIlzD5Y0q4yUicqUCzHO8W1Ui\nwiBZ+5H6//3cS9eLsrqoWlkL+cWl/Fcc3oPA8AOmri8KUD+8t3dznunclzAX\nE4uuCNGzg76Ilfy0OcBHprajuCo/ZaKDkIKynX+XVzay8KGp0QAsdKKfi1P8\nW1WPzzvF5mDaCux+05YOVWNHOqOdKgdoAvfXQRu8JT8/nwnZxuYGyK5pQuJz\n3PEW8pT0ukcn6iwO2X21eTQ+QKk2Zr6/OVMtIN5MXB8zKxzREkFqGKJVZcXM\nKoqe9/RWTjrGWdHXh2guWLfPqwE6nF3yiHCpDGT8VjBBtrwSEPwetYDsWyXG\npO6nKxINNiIz/DQ1VcfPHqxVG2CkpVF1GVcmp0meMmXXfF8o5J+rlHLqtJ0g\nt67twsbCLmGAhp8Rew+PtJ45n2wgrpTisBsau9t41gIh5AQKtSy29DgeXqAp\nmvw39IoFJucipPM3ImQW+bdUU7D7+5y21bFD/Dc6Dq6HtaFvZs4kIk6AVHiH\nuaK3eAPPqvKs1Rk0iJyr4ynYovJxlD5lNZ6yaWazOTB8GbknF4FYmszRH/Mh\nmC9trV3Unou4Q+qAaPYSE5PZFjSWuSqKjiIDEa2sU4OUsKVLOkg/KNhopCmO\nCaCN\r\n=VguC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"81af087ae7601c8b819dbada709de8d76ddab960","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.bcff8a66a.0_1609964674071_0.10993760134572828","host":"s3://npm-registry-packages"}},"10.0.0-canary.79328c9ff.0":{"name":"@material/animation","version":"10.0.0-canary.79328c9ff.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.79328c9ff.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b7127c8ab874a9733d6ef9afd81562ca4688c267","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.79328c9ff.0.tgz","fileCount":26,"integrity":"sha512-OVq34ladJWbf4DU6jrSAPCd+DJ4MWmfu/ceocNXgEXsWGzJ6aEXyKdZ+vW0LoCNlcomu6R5BovJh/CD4/VpbIA==","signatures":[{"sig":"MEUCIGIru+Y6oS3ezYdGnIQtlr9lUo8EIMpE/gm9SRjb3f+cAiEAmjL7WGP41F1YrMgEA6OhAhpHxP/lrYyQ0z39bn+xjSI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66199,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9nLbCRA9TVsSAnZWagAAo+0P/joYnyh0Zehrl7Z1x/Yx\nkkUmXE0XMhn7bWUXo+eCnczMoZqH5yG2CWTRRGhzgEcMLztGEcBbtOHuEg/s\nibbBHPZJK55NyTMuY5j7FfZAjJSf9RZ3vQqzBa4td2qOZb5DAd+Za+RoBdu8\ntQOIpxW+u5ilhapnSsT3Uzojd48QGHBywpyW8H0TAw+kSUA1wqPjD64MAFZK\nv/qJrVZI5eh36UVUJqyywMn1V7VF2pbvMhNZkHZR+DknFQZQNpjXWUJF0mCB\nLzuf4AwZE3wc8XMIAqPoMZOsWjbQaZ2S0hb9ULKVfTJG1LOFralCBLoY88QW\naT/or6Jhq612JmItYeycIxstMpT2hUu4EmTHR/rw29ddqvcvmC8DDySfgaty\nsZnLu9GCwoYHIPxhY3SLjeiqPlE1JtqpdPGkYzemvked7kORSIHtw9CUkEi7\nS6+/GR07QK+cG/1riWNP+L16EoXgP/ifMp5VLFMddRKR5qMnksjbvpzbeLM8\nUci4QWE4N9j6WlsbgKBHDU+pLGVNHSvVBld5h6gUaxpZPHCgcNZftDn+h+z3\noLnI+cTpkghAJiaDvgwruZ81C1m+C2Aj8HSJzzLHo+72RDE2UJT8F5BSLi3a\njkkZMlQstB1F+atDg8SR4/Jk9Tl9NsB7alP45OVZM7hdpjwi6xFqlzJWt3LU\nZtf+\r\n=AKtN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"15dd1d7d9065f275f9f9779094b959944d33197a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.79328c9ff.0_1609986778941_0.6967939383624657","host":"s3://npm-registry-packages"}},"10.0.0-canary.121e1f303.0":{"name":"@material/animation","version":"10.0.0-canary.121e1f303.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.121e1f303.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"30aa72afdc2a747fbde4a07c28ab1b0a1a7210ac","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.121e1f303.0.tgz","fileCount":26,"integrity":"sha512-flgXoCPs39aXIljFEQ6XgaZtjCa/Fy/BmjkmcRck8d/uVBp0uG5gXSW4SugOBuFaY/15IRGlIMk7/GohorBpbg==","signatures":[{"sig":"MEYCIQDIzf6+EgimX6JXOa3ITTn9GwmR/neyEO31ri0uuqreFwIhAM+42em2DZq946MXajwCpIYP3KYrEQ3RigPafJZyzEfg","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66199,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf95bKCRA9TVsSAnZWagAAZN4QAIiSHWulFHQSM9MnqJIV\nF/hjojVV8cuMmpWIynpMq7okUtUeg/957P2MZB+booLXjZPuZZVJFeBzzz5u\nEdATORaiXdEHynM99E6wYRoc8BKkYuOWRP9hsbdlOHTCl9exBfMEwUmVN+Gi\nlreHa+GJyOgfPc2lF4YBFvWgAcUejIObyNsH6dmznUKKCLuu95TbGNHkqsnr\nvSVSUeplJ2uz/rNyoa74nvySyHX+WjgqM17wFNahUSF4WzmrIHQ4DhmDhOJc\ng4m4YRQuxBQbbpT9MtYA+PLEgOu52szqhE/drxZuHrfZGnR4ezkt4S7UCMq+\n2NZXSSNpRe91u3qiAf+KOzviEXjyTm0hOwipx7L3llefoYZpyszlKNALASdN\nl5vfaWqAjIUEStUyYPpreu38hwwnR/rfS5X6F+0nMWUMiptPbFBArgzBlV6P\nkwe1iIEPvyzlBcVipOBLf3EBsgUjctM+JuWJDefhUOXZJVSlTQxlUc6T5yk6\nSfGD7vBoME6+HSzSU10UvA3EgW/NhBCQFRmB45ZglpgTZgshsWXhJIGn+Ows\nQwV8BDWNBjbNcpKvycxJzI1g/EfRvXAXQLbocE/UsIKLZVG4mkpb3Edx1hcN\nYW9VHBpZwXHnio6nbFep28IO6zH3saNh/mGSttcq39K5yij2R+YaS20Asewv\nJy1b\r\n=n1Me\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"6ae814dae9eac40570f13ed9d7b821cceddf838f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.121e1f303.0_1610061514395_0.01164560101850598","host":"s3://npm-registry-packages"}},"10.0.0-canary.abdd10065.0":{"name":"@material/animation","version":"10.0.0-canary.abdd10065.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.abdd10065.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8d5c87d805c4a6bd5c2eba49de13bcc6371c8de4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.abdd10065.0.tgz","fileCount":26,"integrity":"sha512-FihnS/aoYa4H1kndm+/xHAM3YehWUZGgkhgbW/sEspY88kGBWSWfcXI02K079VW9H5FbA308uvnERKYowE8NXw==","signatures":[{"sig":"MEUCIQCDiSXYNvMRn9fJCdkXRM38uPe2/F9/ryycNTQnelkwpgIgGbvPEUfimnc47VNBZa/XFlJM/9Mhwbaur6AKaqd9mTY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66199,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf+JtbCRA9TVsSAnZWagAA4bYP/1eWaQojf2A55e3KSXZb\nI9T5dUZARXeOflXY1elIMs95mYJQWa+EVD56C6hm47L4SwxbbyOR3YYrErLP\nKUTStT4vRKeEquuOyH7Ky+AWGE5IrvDTS2LIOlB+UvdznntqIW+XnbYdaqBp\n+GNVwVMGehkD1rsD9JujsEup6NNdIjReD6gQMxF3IGmd4EYJnoAsoq9Af9Cl\nt83Aa0aTAsTPO26sX3e1sXELfzRYGtvqybcAI1Cjrh7i0gl5eKK9DpxrSxwI\nO/v39H8b150y4epjcu4eGs5Ejw2Dqo+7G+evsRF7tVJ1DT2htSFC1nB2L5Tj\nB64cAGxfRBK+oYzA2J9NIsuLOyoL5BW74mhmTYEDyuU7v2rmns0qMEzhiLhM\nOfbCNlPNPrskoRc4gydUJGXILgZ+91IQeM7ar7bSlMk1lBOnEXilfVq1xowJ\n9l3sPItIPHJVEpRDbfbbv5Qzpk9+MBB0w+b+BR683RbIfKDJ/qw+gm6BSVWu\n0QDyjT+/MixjFS+pJCqPdBvSsin8yKd09KEdRCLRWx3FWx7MJ1kRhvGQGJAI\n1kaz27XrPKESmYX14N/O3JjRLlGlec9t+YG63qpZe4s8VCdkXzuzLtgA899O\nlwtd7wyhg6v0kmpELCPmR0kUQV0/YC1oJ1zekA7oJEIIKOhOzAp9MuAqnI9S\nbxff\r\n=RnPp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"bc8986a19721edfc6facb62cf839cd222de97d02","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.abdd10065.0_1610128218916_0.24956168613854168","host":"s3://npm-registry-packages"}},"10.0.0-canary.089de519c.0":{"name":"@material/animation","version":"10.0.0-canary.089de519c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.089de519c.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4d58e66c6a6502cfd76038bbfd5befc756bbaea8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.089de519c.0.tgz","fileCount":26,"integrity":"sha512-eoOaEyfTUIfg7bp+h5ERX76ehevrHaEzesXvueElGNA/eZ30Jk5lZcM6dwboRyrwIog/dz6yNgQmZJFli0ToOg==","signatures":[{"sig":"MEUCID5BDmDPOeetTpuWROxOa8IoIA62zjPRbPXUiGNnKGhwAiEA3b8GC8lKh6z5BNyrrFHHbMF5f8R4qF+JukkVPTKVW50=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66199,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf+NpxCRA9TVsSAnZWagAAb9cP/2szdykWTH/n9jvoYF00\nJfQmapKg6dO/dLm+sEMMpT3M6WxxnoIoPOpReb6jKxV7Fqw5+Wm2G26HmKuo\nGrmib9oNTxSdFy4K3ZZN6hUe0ySlQzLVAMq2Q7xmFtOhKL86JbAft/VfQ5vI\ni6IEHRxaMQb/FG+MDffvZ0Dvxi+4ZrL79ZfgymnDgjZHpYhYOwVUSTEX47WF\nMapRXEzKkw6kk3xkDmAPo0lMMybmRlyqf/WDy4c65nLUGVQYLSnC7KO9hIdt\nZyx1Hn199Ujd4VILdB1AdM3naLzo66QRw7La/RTk+d5d41gt9hS4pVQ6aZL4\nLt75AxeZK0suTC2c01ONwVMAzn3pUtVlsI1+UHZrSodWmRAqUW1ZIBtZjBeH\nKn1kEV3aEIM913knThOwqgOqQ8+f/O2MH4ouF2XWu+RLhHkzK7Mq9VmHiT8P\nC4Oft7n3p7iw7VZ7tGFubxDOfKqRthVAujLTn7xw2LgkH6IOT1vCWIHNZyIx\nDYwpeIORPwBkd4f+6RliHiv9LZvh1vmr1YkeVriue/jPK5YpUafZ40+jQZTF\nF0P0Ni4S+8F4uZoo+gIErCYBcqm1mAobeY2eawwS3WZ2bj6A7Nfep0mv1iKs\nQWuK3YkETDhcCQNOXihNjxBOm1+hlv4hr5QStuinb99OzhN1Hs9jCbGlD8x6\nvQwX\r\n=oC9E\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"6a64709b5be73a45401fe82d1e6d126d7312fd21","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.089de519c.0_1610144369017_0.6257768886123536","host":"s3://npm-registry-packages"}},"10.0.0-canary.163119837.0":{"name":"@material/animation","version":"10.0.0-canary.163119837.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.163119837.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9671936f35eb6f980d6cda36956ac9084acc851c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.163119837.0.tgz","fileCount":26,"integrity":"sha512-b5cvI3MuygCyuBQYCodEV4P28qqYmvLzZm6CR99mZEmueahw7fEFLSKzHkfwmIZkTSqvBAvccUzPH/YxDRmoFg==","signatures":[{"sig":"MEUCIFFoYpPI/dDms2cGpuIatUhCNZryMV1+IMVGBbfBZvECAiEAmVwWLmIMYuxdKqs2Kxioo+3q3Naq2dQESiYs2pIYckY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66199,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf+O48CRA9TVsSAnZWagAAuRoQAIfA1F0eYwmoFtzBqe5V\nNZriNWx+k9GxPJ5eVXl3QI+hLfnbWmwtWKYQMm3q+PitAj9W2puiyKBzshTA\n1RpUZznj04TXNhtBaIIsQ8m2OK/+59G56WoGdZxvoDBLngTp64HfrChx6xjP\nlbtNfEzhTqPUlH3n/dP3tCo9dg/7pdYGz7dwG0isLtz76ovvfGHLL6DGcTBR\nfgi6ptjtVQ9dtdvPd4GImndDP3VEd5jQCUNmvZRckoxWyPc5AuHP271TxQ6G\nkTh6/mGvBb8XZZxnplI2EwoDmtT2i0mihtXLFK1OF02fphhMjyuHlmID9oGa\nu0S+4wOCFQ2A6o5LwR80hcrFD/hxRR+6xbrV5uF4sNXKufCq1PPI9aJla9KQ\nE8T9+WB+twv1EeFLqsI76bZD6Cb3WqkdFA9D3X7qctKr94FIei77+ansNnoZ\ntpo4u4r0gr8UNQ1kPBrKgauPTgEMG8ghn6HF+zqDr7rdDmrzFd6U519Lbxs/\nGu81BPVe0P3KMw+Z5NvDG3XILe+cbt3d6QX4fBUixlN3Bv+9dY4VpiCS56FS\nPNddSGWJhXSPNO+QZvx9ILvISFpCj+y4oeodNwe0QRM2wSclJViXSeOURcaj\nz3szGCUhYGu+fWt5QPCBz6Ws3dMwvw6sWFsrBfnQfPYSJIkog6y+Fn/2407F\n74dk\r\n=f9ts\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"86f8af57c151ec42ed920ac445544bc384ce0975","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.163119837.0_1610149435534_0.7399811989396614","host":"s3://npm-registry-packages"}},"10.0.0-canary.b8a1a58e4.0":{"name":"@material/animation","version":"10.0.0-canary.b8a1a58e4.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.b8a1a58e4.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9a57e3adbe5de1217dfdeaf7090d476c4d505c68","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.b8a1a58e4.0.tgz","fileCount":26,"integrity":"sha512-e4l8+JzUGWDfU1F3gPcoKrNBK6ogRkOo9eMBEt7KyD0wcpuGAYcVaeyTXNOM49l71xh/e7+GCb75O8Sryqp+Wg==","signatures":[{"sig":"MEQCIFW36neIlHn9cb3wRpb6kmPVBmHwkTzUcflbXiHbC0UtAiAyPgx0UcMliAqWETxz7qnx2nfgOIP9VvX8yceQrALuOQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66199,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/HtZCRA9TVsSAnZWagAAcVcQAInAoxl71hrgmvD/9qwO\nvJH8gpjYWY3BLJvgeDsteTFx/DCR3mIVVhexamJnwh5mETPOto9gBcON8dHc\n02Q9A/MgkIMu6v3ltZCLETeSu6f3GjNRgqFEGbbyUtcK1cVD6TxAcKTfiMbU\nqFrfflNsqfUxJa0Yd2+fl2y6FTA6opqD+OP+z50FrKVX9drmObns8JAFzJkC\n5v3E0+eFBcSDHIq+kDZqlLT4PdTAe0ST8xNz2Y2wdBlfHj40ZPnmglEXqxDq\n+MkKKD+10pCISqLsSq5sZzwAnrGOLuXuK9UZLlhbKPZG5o1wbxXRl/XPj1L9\nVwDro9s++EiQ3/1DIviAiKuF0/PWzd76MLSDh/3quzbTRQ8vjV+l6ZQw+yWg\naEkHGmjBBpT2JoUqGkrYypQ1UrCu9/sW3sEyH6LqOmasQ/OAvmL6MepYiNRb\nJd05CM6ePqanb0htlbffPRxbWJ7KJ2kAcOsVUOxJ34LwoGnQMaMEyqm3GyTC\n6XPToVHzjD4+JpZONcnJQYgp7R85fxHj2nyDZWGnGF0JT884eGNW16E3OOPH\n2YzZ5U1AUs3eUCdovOJAa1aE/T0iS5jv200njB4Jr0yMn+bhkyZniD3Ce8AZ\n6+vFzKp3hc2sV4kFmImsnyPPwR1mRpDa2XflNuilBQYrKWInlCINDj1RvCDW\n8/pk\r\n=dU4J\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"3b735aa03cc784b7346905168638eb6a486435b9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.b8a1a58e4.0_1610382168841_0.231289681425062","host":"s3://npm-registry-packages"}},"10.0.0-canary.7584267ff.0":{"name":"@material/animation","version":"10.0.0-canary.7584267ff.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.7584267ff.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"44ee6021b746b9cf948684be67917e21992a6924","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.7584267ff.0.tgz","fileCount":26,"integrity":"sha512-776ltKwHLWSvRipqG7PBdOW3kJBSsglnujp8WFfn2W2waJRyUnXN4qxzpVToEOoRrHOuWEd2NWElbsO3tqX0Cw==","signatures":[{"sig":"MEQCIBRg2BGrbpWtNJ1+r20il6YhfvBZZBMjob/+M76cWiHbAiAZTKDMUq2xQlsJGV17bQz6slKW8+QIZ9Dxm5WTKlWprw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66199,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/PchCRA9TVsSAnZWagAAd5sP/0riQ61rtHahXu9ZwKjJ\nQQ7BSaqKTdjtK/Ov+1EJemAPbvACk31kuAO1aIM6RlFFrHiJeCDeo0APCVdf\n8ggMW6HVTzDuO/umjAJqLPz4a90LvD9/+7Crm3Li/7bf3dH1VowKIdGesJWL\nrUADPcGFmRBCdyW/Mrs6FVGfBoqwW8pasUrJWub4aDuUuD01wA7EE8/QMCHT\ndxQu9f4nI9Ue97bHlWjY8P9ER8o4rwRr/sv+qwNpE40ws+IOI9sfQNrUdvJE\nB9Mt7WMQuRJ4DS6GwAcGH1X6vvM6rVw9VApeeownWmM1WOBtWgNEm2IGWZk6\nSoVTI71P/qvJ/m7aWG33lxw/FBkbeGOSCGIc3zZcYj5bapq2DmJwLZfkHqu0\nWKKVf0npaFJN6BH5qnHv/96lne8pE2BIQQa/HOFoQulJe8t8yejuMzilI6mz\nsUvPlnGPbnE4vHOEaDa68w4OmDlxm+9te3+UhXjaYDVBsTnpZN0ipQj7wAFL\nS903DWItl5rNOVLWdMRGH7FEmIbmDF45l2bEhfxMgg67WWCnZYaPB7RJybci\naV46SZYhbRIQ4VmcKouJceO8780CxnI7TUCdyIr1jfBX0mNCBpg9qYLgxkLE\nOLSlDOVVRSqv0xtVAav7Va6Jetjaz4tEw8023f+SQYjYDw0qv909+ZfA82vi\ntlzh\r\n=BHCL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"89cedd80674ac536aacf2762f084fd7d1640873f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.7584267ff.0_1610413856616_0.05413103549688514","host":"s3://npm-registry-packages"}},"10.0.0-canary.251ac04c0.0":{"name":"@material/animation","version":"10.0.0-canary.251ac04c0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.251ac04c0.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d4d58c3be5241902503df2c77dd087d9657ae110","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.251ac04c0.0.tgz","fileCount":26,"integrity":"sha512-VCM+XpHB5zECwWqLPUx+uwz6edp1WJYVjTwXBGX2LqTa0r3CivYjxq6oqm5/IGQhz+DZu0IjFTg3VnGNCuuWSQ==","signatures":[{"sig":"MEUCIQCihW33ymUNvfyNQi3DjdlguBWSSOjNQeAdBxYMLFmoGAIgGUOvMLgVnEJL/HkNlXXtvETgchFNmLiobo3Jtt/NJms=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66199,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/f5ICRA9TVsSAnZWagAAU7wP/3eahKG/OR/w4Vzm45xo\nOKMlg9B3N1tybC+/tlU7Y/UDqeSps3v5zWKVFBLVpIUKJnOeVGP3m4f0a0n8\n6IpUy+ITQnBpg40lx/IYrwmPhVu3W/WPPs0k7CQS17HiBVyf0SGAWCFOe0pj\nHlhb6ZKN4noU7yXA4YDTASjic6Wtc25GvrfLZY4x7mIA3FU3ZwL3NabSFZah\naKpVBMmI2Zs7Vby3LXIPEW03O4kkM21I7yMpa0MN2b++JW9ud7xv/oVODKCU\nxcA9lgbQXACuharpGOfXeUNnAFRPtNN3uy03V3JHo0iedm7Y0oteHspRd8qI\ngWycy3z+Pt4inbWvaTU3jLR6tjyZfbpgI6PbZPJO6DxwcmXdSdg0FBhmZ98s\nKhoWEeHMSXJV08nKIYLjX2HxtfDdrBl64NiKEdgqzKGc3kl2n2UPYBZJMaob\nIdBVT7OjGv6wMsx45DYiMx6mtjSHRt8lRUu/yTD01t8ynP3dg7xyfzVsbEmi\nMsFrOIkNol92aPZ41kT3MvgsNN+OeTFgfZxCjgX+6f7iNgTH3ltCgUvxx9m+\nHvoENTSN18fcWzaCLGcCf+JWyLBiPt17dY8oM3fowD74qaAhkE75V3yObvPc\nSYuTuX9uBvPl1QhK0Q6ZhA255u59x1QE0Mpq4A8olO+YPizIXmD2qk0fKasG\nS3kd\r\n=Nko6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"bacdc97357600156630f8321ac8a3a8746474194","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.251ac04c0.0_1610481224125_0.8407642637648451","host":"s3://npm-registry-packages"}},"10.0.0-canary.772cc1068.0":{"name":"@material/animation","version":"10.0.0-canary.772cc1068.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.772cc1068.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"994f66bc51bca8bc6c93ff1ae6d6ed84c3328f94","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.772cc1068.0.tgz","fileCount":26,"integrity":"sha512-4J+MY7G9NQGRyJ7rZ4+gLhbBfw7ttX8mUfth4S+hN6N3WU9yOFX15TnNbdzcT3rRn6qhRI4Sc1c7WH+FJc5tcQ==","signatures":[{"sig":"MEQCICFXPNhAuw7LA6H6MVCoa5nbRjzhdFXuglMVsn/nJlywAiAMurjRVtxkHApOwBHoib/8Zer9QQJ35E5mTtgoQSbngQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66199,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/4rKCRA9TVsSAnZWagAAbtIP/0xAXndkhM6BmLCxYhYI\nX7q5SlF1LgHE/0VFoWKEc8bmUykyxY1mI/WdXwoBQRt8g0lKdfDmh2A+01fj\nHulxyicVIgMtU0NM6ZBTkVJMUUbHRakOliUvoEkf7CTm+9/9zo/dp1Bj4JXW\n2Nis1Fl2FrRmRnA1UEoh+LW1sf3jY22U6OFv1pyCnFCf+z6CGM6otUVXWmcp\napenrblaqyynFydsPlTlOV+/KvNhTwmmS6g7d72+ynZlva9DWtnTfmFalzjy\nEX+1vj34IxqQUVsyaF2ffvVvj1RhtGAYQ6J747o/L5+ktyMx+5p/z6v4o92+\n+N7sk3uZBejxzwArXWJfgiL1Tc2XO/bdwsPmVdRRed2FMGezspixNT4xDA8B\n5UZL106j2SNJbCAWKNwdo8W3HVc61myrYiE267ygQ7nlFMOkiv6LXdOlDg8g\nKVdfwNpl8ckwr+Qu8MYueVpv0hhtNuNsGdQNXNshQUbfOjvIpWigbem+c9tC\nFq1XnsmrBiu23c4oQH+0+j0ONKYCdlUW1CSYvWI+/s001du1tG/vo0CPguD3\ntw3PedeF0meWY8IzAxrfdPgXt/vel2qfnLBAx5mOLBknnOYWgkwF+QDgMzfy\nFu3Py7gx3cHyenCD5BF43M4uzIN9l5HYRw34StZr4VlNIZo4z0MnrEsXadNW\n919L\r\n=2B2T\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e8dfb103b25351e76ae27e482ed4f13c4bf997c9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.772cc1068.0_1610582730474_0.33110544508585815","host":"s3://npm-registry-packages"}},"10.0.0-canary.fe13dd130.0":{"name":"@material/animation","version":"10.0.0-canary.fe13dd130.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.fe13dd130.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"99f703b5b7c79af359f6b0911a03c55737c17f29","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.fe13dd130.0.tgz","fileCount":26,"integrity":"sha512-tAw0u1Fb+6Rib+4rvZh7jAelLwl8OvcoSEXFm34U8/0ZL87f5TDSkjq5cEg8fo3AreZJ8+2JqorfyjRJ9t7AMw==","signatures":[{"sig":"MEYCIQCbfyZaeKr+yQYN/dk9zJaFu1g9kDkftJhmsXb5XAyhxwIhALvLCW3QGaq6RLGK46Ac09lOtE8TIOab2N1rEDWfV+4s","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66199,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/5muCRA9TVsSAnZWagAAI9EQAJZ0qqlWe+gKY6ao6FDR\nUAGN3h1t15YOa/KMY2zv0p7VPd8Re3P7lZn0jUnu/xE5T/kVyFqf4XRDzo28\nEnOWFuukPB9IIpY8hq/1KV2ysbPkG68XkReUh0AGd7yzptoxgHO44g+Su3CN\nAT9/O5ZZkQ8fknjZQ1uh7AsBNOGAs5rEzXyoXr1L7DdTUOlYUZ2B617zvfMb\n9JrS0lWLEEZ722Ang8x3B0+BgAJYQ+JLOS1XGt392ikxOhmV/YoHtRYFEUvV\njFRmwzCEM1+lcXdwV87uSB+AonMdS0FCeRYUHIINc5n1sVONqnwx4B7ZrfKd\n1oWecYzQz32L/ALbcLvWFfHXPjfBHlXuDhT9mdAiFcsVpCUF6aPUG7ftgJ+G\nw6SxECoZWhNap5ZzFd0bm+lYGVmMUAMuDxJwPXg7+jdiUhRwXJF9XLjysN/u\ntGr8bp7rSWmEtvvAZ2DyASudYIYwPtUX7J6gTPBp5joPO6qBCRTV7Aguqsim\nSrE+7chZsdxybQGwBkO9Pvkg/CMGLRY9eLIVwjL5yvi5i+riAhU7kO2FwU3o\nP3K/phsuPgwyJmSvIJLojVbVZiID4J3gaqo4xJt8e4E3PGcm+nKYekMiyHy8\nDM6HY2S8KCMgMJCR9SkBYegY30qWFYx5tbBsnYS6GBATP/nMnSGKWSP6Fbhp\n7dhH\r\n=+E0m\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"8825c25e04c8e88b7430f2f8e148da8a9197c02e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.fe13dd130.0_1610586542506_0.6032210906317104","host":"s3://npm-registry-packages"}},"10.0.0-canary.c7c5da28f.0":{"name":"@material/animation","version":"10.0.0-canary.c7c5da28f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.c7c5da28f.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"15a6322d7b4186663f01f4782e951a1e91de1f1d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.c7c5da28f.0.tgz","fileCount":26,"integrity":"sha512-yfa/LN8B73hJsxtnv61sMmP3IhZGswV/feWnIHPeEBuwmB8nlLVpOnR5jXhNq3bUZqWTT2HZ+SNGiUVTq0+83g==","signatures":[{"sig":"MEUCIQCgf/oYhNxVvYqeMcJ0PN3kktFQA211JaNZLp5ov65ElwIgRgHtsPrHWsHNTFL3UJatpTjmss4p5RKxgPV9s/ePjas=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66199,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/586CRA9TVsSAnZWagAAfVkP/26crxFE/5vVUVlCeaLi\nt+VgeDAJ3LAg4BMmZUGzW2nnYe9j9VePIIyPd+MzswNsUK5Hgvry1N3a1gd/\noy+IWOQuR92rHUTZYsFEcDs3iBxYHPzLwVbnKiONjeoZELFA9hIRkwFaOk/P\n0/oviIpSosdbBs9V/NqhV7QOQjyd8jXPxFkvhygHRwVedxhbSRjVbkAh7Iek\nTxUCkRKbRwuvHTBu4aDD6pacK4xEbtW/90+/ewILKhe+1iZFsiWAcHQZtdUZ\nOQsYcyi4+DtGQVfjC4g5X9IZp6VIXKKnrgSoUqF06nPUmMD+xWffQoioXiy/\npeEz6YTAKdK2OEkVi9Vp1e6IA87SWJZtko/x1fZnJPzR7ysQnhplsYe7WXCD\n7fRIy2GF8r8Nfx4j+hd4wX3z8hpBW3OaUFeNdRx2DiLv92QHzYZtzzoN5wjq\nBEK6bjONtJUxqlHqwR7ygC00XecpO1rUnaBDet2V4b082yAlXxRFUpBWmNyD\nsjKkcSI3v9l+BOgrnaso4S9OtScyAWVeXWt2ZG6CDqOWMmya2MwVZr/pHC9k\nQYe0fipXhPqi+vVprWsUm1PNA9Gm8jnKvDT8E3nw2831zVJYowf9utxHihGI\nn6vYT5gIiDdUb/613LUZvtXtCLgJyBDtaKSfnqcBtj5G9dNae+Q8Vll5P27Z\nsjAt\r\n=kBPq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"5d3f3a72d4e9757f2993684a89928b04ad29c6a1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.c7c5da28f.0_1610587961552_0.8302938534019635","host":"s3://npm-registry-packages"}},"10.0.0-canary.b2faa116a.0":{"name":"@material/animation","version":"10.0.0-canary.b2faa116a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.b2faa116a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"be29042098cc27146544caf6609da76c720feabc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.b2faa116a.0.tgz","fileCount":26,"integrity":"sha512-YBegj8HsPa/96vF2Qud6PuNrVbiTx3AUwsAkkoCo4wk0YuunmBZhuAuOpu5Bq4pDMhizFVf5vNdFIlH0r/Iteg==","signatures":[{"sig":"MEYCIQD+pVdmDXdmWdR8Fbzg2rSlSG5blVp9/6KBOixkaKV7FgIhANZmK7oImIIJzd+kAJgbjcXnm0Y0weZSql4HMaKKMBeR","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66199,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgBzIdCRA9TVsSAnZWagAA3WgP+QFVEe+jSqyjMoxZWkJS\ncjd5H5NSvfzKkDQnQ3ByvCE1riTICKZv3h7sbnilv4VQplFI5EDy0IOeE5vV\nEnmSvI0/Xbthy3eC8czLH/dQ0CWgJmSRBO2WjYvcBlQp6TPdPHgvfE+PgUH+\n5q87TwgWW2EWgKA2B+800Gg3rsC16R7LGN8vKWJ4PrkumXYmroixsHIzC+tq\n+oo8mPf+A0Ij9RIgylrZGz2BMZPb+6S39/uPintC33DL9COfKhF48/UyvSJp\nqGv2ridd+x8gKG/LTghWX264p5ahmJAY/aCTA6//8gsvxgpdJdQbH/eNI1wx\niFGhu1VAz6BxPWvHcCnb7q+XcPJoh9RqYBcINnJ2ysVwFdQIqlki/aZ3jM2J\nR+GF+zd4vKqs/g3slmny4aR4HLPyYb+5WYfMjGtUvJPXfwu7ByI9smBYIeuy\nXb6N0bAtPV5tzF1CUUfa2CE29HMnvJ9YKf23Cjui2bkHken5Ox7wTNPoncI9\nWZGtKz0b987LaJMPyKnSI9LQVxjHu3/2zewbxNAdM7Txr+DPRF3BSnQI4zj7\nwk0UnYPhMQrPz/PyAZo5oauAq3tayN3DMSHhIR0mUQYRj3UzSAWxIxfDuLyR\nw1wa8IL039EK6nPn1xML8KyX5Raa+hNeYsBjK5Empg/vknq/Gss/oR9siv7M\npayX\r\n=ogS1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"8c83e6751cbdbda8095b6ae0686196398066d600","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.b2faa116a.0_1611084316545_0.8633442556237207","host":"s3://npm-registry-packages"}},"10.0.0-canary.0c95c9f7b.0":{"name":"@material/animation","version":"10.0.0-canary.0c95c9f7b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.0c95c9f7b.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f84433ecc4095b2e5b672bd3b546160f12cc8911","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.0c95c9f7b.0.tgz","fileCount":26,"integrity":"sha512-0WOQFH2xqoN6yaxY59hn3mubNNvRGx5yqJjN+NDPfdsUK1Qq07ywwuuqUkRpAYDdvBdyngR2xRBgJlFkLqWvRw==","signatures":[{"sig":"MEQCIBDDHBaC6tuukpnnMDz9MTSKNBApLe7P0I+Eo3QTEaHpAiAEBV/cTdmRcbbJTfo+ROjwVtSCfRTZzJGbvXL+YaHZeQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66199,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgB2K2CRA9TVsSAnZWagAARNQP/iOPyfX2/N35y1YEO3ly\n81tGlF3h5hP4ovV+CEq/5LuZBEsj/fO6lclgkfpp9ik/eN9trXpzNpTmUZSL\nivoPOvrZzk+dJ54s/HGupQLMI+HxccXkc0JoSVW+lZ3/d9b4o4Cfe1w7fS19\nzjiGzdPqgwHI1mSMgrkLrFT2wvgpCl8ZU3rHLEa3QXPbRQtTcTff79GdKaFd\nkE0qlrUsWAjp6IOPljoQvMunLdh9tgvmDqYmD5RKkL6iZO9BN9LMHLFypOP5\nfZhrkvRK8GTN9MwXiF8Dr+NHDzj7OtgsYU1rPAo9m6qgpuACUybmVPqFnmsY\nwP60+Kh3SLqHT9tL325p7CC8HO86E6jyr5mq02/JPg+bGsZFKJ9xQGjHBx+b\nze/rNOYs8HseL1F9KyIZKianWxhNnyw8APa1woXye2lKt3Y4RH694jiX+B2A\nRvpnPEx0zO3Mz4q5daQbFTfMIzpt9bxLAolP+s1pVrP2zx9hORNBnCUQYq3P\nwk26mrjaRekxE3P6SBIaMD+ancNSxoHG5UBBoCOL6EOyh1d5f5uf8io2cSlt\nC9FiQ9T2o/qIqNZ5Jo9mF+gV6BT7NZRgbVY8ysM3KlGSDOgToZUdyah9M65Q\n8e+ZP0Hn8uxIwzO2vV98aJf0BThr8UhnFXBwJxqaZSitHUs0GmRlV5nkBp0i\n8xHN\r\n=FXjl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c9db31c38cf439af3f1498600e029c2dd812acb2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.0c95c9f7b.0_1611096757712_0.7588163978673779","host":"s3://npm-registry-packages"}},"10.0.0-canary.5268222c4.0":{"name":"@material/animation","version":"10.0.0-canary.5268222c4.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.5268222c4.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"61ea131bba67b89a98239760e732a3d1c412b736","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.5268222c4.0.tgz","fileCount":26,"integrity":"sha512-ACuIQbEwCuyaco9cIwecAuuNyMaWU2vkd7HwA9y2uqzslLmstQFPu/li7eS/pHMoZ+6y38/j2L4MC2xOvIGk2A==","signatures":[{"sig":"MEUCIQD83rN9K4rKuCSQFAL8KZRzUwXvIQPvBrbJ+JQ50wOAjQIgdk3iU1JziKlH/uvocJgyrs3+IcgYHt22qnXOA0/9dSw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66199,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgCIHkCRA9TVsSAnZWagAAU7YP/2MXNeTSz11wH+cRKJ3S\n5qmLBvHA9KiLPt5nOx9J3LS6QwYpqCfR8S7Uj47gpHtRPJ7GJoc2jP86eZ4d\nqnQTG3hTxqZ1r/pGGyf0DUzK6aUILNtPBXlkQ9gheKbkg7+mSuwoMo+OoeMw\nWAyykYFb7hH9k2zozC9a1Re++Oy4PbczPKHjRqJqIvMFeYmmfUmDL0fQfRGc\n45HPIiGwqzTEJvAPRatJFRj7H7GjsWJQLrydDslvJPox3FRP/eYV7zcK8ceX\niD3tHv40m6NiQeYuWJKQs0kU8paVTStsFRKL56/mQMRKDIHY/rk4OaauMTB6\nMcoWZuB2zxPsysF1mYJl4f7spBAvKu2mspOVgEEA6HSW0hG2bZw3pZDpzT9X\n1K/7YmEoFwpbKFehd4l81NLTkEh4X3cm0AI9RZMOrN42qe9j7b1rAUoZdTEE\n6ZNe+nXCNyJrCr7QiQT2G2Aag7AwqPNLiM1uDiKAR+aqQEezB+n2xzQoWjsM\naC5zYm4LYXLTXIkPu6i0r6aAiDclx5XXXKQdlWab1h9u+bnkEfSIhLDJVMyE\nOwmDVaZOjyxk4wj+ahMGRcOmJ2Gp7r3++IT6hc9UzdKqYQb3gNSgjo9MokmL\ntEZDXVvJW9p3Om2VK3JcXEmDMVDk9DD3WNU5xITnNV8yA8c/9SMZJHGeeg84\n/Xzv\r\n=OqLY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"149775a975bdac97e3f25a99b254c8b632e6ebd4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.5268222c4.0_1611170275534_0.9830801259632245","host":"s3://npm-registry-packages"}},"10.0.0-canary.2ed2d829b.0":{"name":"@material/animation","version":"10.0.0-canary.2ed2d829b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.2ed2d829b.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3e44a1f0eb2c11347f046b0d0fa12ef20fa46d35","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.2ed2d829b.0.tgz","fileCount":26,"integrity":"sha512-7JL9Pj8oI5gqfdOKCHmhlT43LpBZNh/66KvUE8kbf4ZYHwX+W5fHbQ5hD81wo1sxrjVcnQ2A0Cl8A4TRKDtbrA==","signatures":[{"sig":"MEUCIQCFmA2a56k7mMc4kDNz6VonyEwp0UQBIRPRog0fes9TOQIgQPpOdsRpUWaMkjXdLUNX0y2i5/qDw98XgWdsyNlFb5U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66199,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgCLeDCRA9TVsSAnZWagAAh0MP/2RXJBDTUtNkP/1vl9uL\nfdqnk7tWF9lUJPLTa8n2tTSrjpZBWwbGuRugAjv8bZnzCPUd1hPuLGEsqyYL\ny8xtd+sAHmQ+6byi2k0l24n//MBxqW0rfyfas2IplZht32JeOqhemqS0qvBP\na8ck33d1VkyGT326wqVUUrHfwLK7pivIt9wo+z1Xq/cPcmgTcBw+KGp9/s9t\nUIx1gH7fQzVEBBT7vWYxCkK8qc1QVr/etAMjrmwwb8sa6bnL2W/dnkrwdb0z\nMtF8+83savI8ahwsS1ji5tAuJz5gJaCISg7DWTLrIa2mEI0KdWHaboyJhKRj\nxw3HQqrVXU1Kge0nXr+93+v8l6OZvJUibZbAbBG+VnmDF+nKmgjX1BloK8QD\nUsg0gJ9wikPcsZ7AORkv9OeTiZmJS9S01T9vD+mTPz8F0CBT4qr4m13NLSAa\nR4kRj6iRtfUhDDenzAwG1/GllOz1jwrEdHVaUGU/CrKwMLFb9EJnSMm5Ncbm\nHxa3NzoJosqL+NG4rLCjtd3cOETC83H5YfkpY0y1JfB5kCE19SjPwUqRCmf5\n8ahXTW0pBer96/ulcokLjTCkzuhUwWw/ELT3mdixptNw99n7TNjYWJdJF2d6\n7Khs7bDBs1GUzyu7P7zkmA6njyTC0GlnpHco+K+7TyYGA0ceGJyWF6KqDVX0\nvF8u\r\n=7Is1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e937a8c393e2170307639b8126f0a461ffaf9e6c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.2ed2d829b.0_1611184002817_0.6545906490198559","host":"s3://npm-registry-packages"}},"10.0.0-canary.df00c2b30.0":{"name":"@material/animation","version":"10.0.0-canary.df00c2b30.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.df00c2b30.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4f1937709e099c2729c40227a33b789463962de5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.df00c2b30.0.tgz","fileCount":26,"integrity":"sha512-8f9bb5UkkeUViyZ40kNonxT+jVTJUXsV2cV6nD2umGC2+45c+IpwuXQI5A1bfujoM6VDZJELm7gkNptO/+XBEw==","signatures":[{"sig":"MEYCIQDZzO6013p0GExW4/JN9JDkUJrCnKRzOdqjrEasRMgBdAIhAMIjrWIkLLP2SVGV/KnT98imz3Aai0KpF9dxAx/nFKKM","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66199,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgCdvBCRA9TVsSAnZWagAA3BAP/0OBp6PRM2Lbolqbi+Z2\nPTBye6IxlIMjQjlpD0mRgas96Lph0ydJkzMDIKyiePCGDww1o1WlPCzBqTcW\nmBEyKiOYT+qFHaJ57r5+uS5zrRZY2BZb2VKlLj6f7ci0f8y50hb5TYaYDdum\nNpmVgSov/tBBEaKa8TEjLE/ZK+jDn8iop+V4Mk2B4QtaN5omgmOAwFYH61jY\nxqhr/VxI8XcxdAEfCTXISBbY7XqBZv9KAlX9yhd3GoUTtJAeM4yKd50n6Y/m\nxJ5Vto0KgZL5lsErYagR9b/hGcQU5cyi0vbr3BdaXYXMr2jvoBZIJX7jjJRU\nq803muCk/3hK+18FIP5dC1mPX5sEoe6+zLUgcGeyFVVqFlvpU5OsUdQlpeiY\nVFo1M7N8ZQ+0E9nlZ7sokRp9ZLO8Vu5SFfB/gjMqiKlnX0oECEpd5WJrb4cW\n+DWz1y3tGsz1A54QcvNd+tI7lB/FixQSYULRJaKovWTD+BnxJtAzK244dtR3\nTQH3MYe5G7tKAkeuy3p7HAkDuROS9SBYm9tbMVo6gJR4L2VFGZQHWXZNhcGz\ngv9ZYtmIgIcvPeeVQuxabyxHnCXjdhfMqf7essHpyp1nlta1lgOAcfFU4IuD\nuJy8+I+6sjIurE71qfoApI3VlC1O+fRCDalqZ2F8A+JFd/TKJSmPchbOafhu\nk/6m\r\n=lxaf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b80e68ca5ce1e4ff7a83ec06c805029869aaa5fd","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.df00c2b30.0_1611258817359_0.2581189512659836","host":"s3://npm-registry-packages"}},"10.0.0-canary.fd61b0476.0":{"name":"@material/animation","version":"10.0.0-canary.fd61b0476.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.fd61b0476.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6eb030b46b8151a5abf6e9e01a9124eb371a1eb3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.fd61b0476.0.tgz","fileCount":26,"integrity":"sha512-j6wYQ5sbMtkZpR/5b5/T8l9VAAW44nw7kxrRZP8Q/ukU0ceqG7qgxmg37QuFXELbjaJxIc8xRnnGu4dc9qKDXA==","signatures":[{"sig":"MEUCIQCFrQkDZ+CMJNmiU0Fg33iDkoOaDgCDEzmJf21iQY295QIgKxAE5wx6bmIg40NYwm2g3QAyGI8Xp8EVzYeaqiu2NbQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66199,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgCd80CRA9TVsSAnZWagAAaJMP/RBiFBRVU3+XOl/3eyHx\nqiV7KusMBpYV1Wv3670Fc3A2uVs/nO3nz/MC25LdtWJkTKkNwCEcWeY6D4vi\nv9GRfAu7xit3hjFYbqvJxpKMGU11OCsL5p0rocJem3dhlDnr9f4GhvGbHK+0\nBwupSfBZl6HDUF7BjfcGPJBeoUFFAUPOdqyouAo1ugAnvK+6sDdhyh6moe7P\nGypveP6R/ZUnR/h6x90rFtYIIFRXkAneB+sUi+JLSSLB1u9Xvdc5xWbM/bQ/\nizKKLtTJf+5YbUtE9iFJjAPn1cLDKq9RILtfUKyNuG/zLkg+zR0nOYcjN6XO\n3ykAgRVpAxyN6vpVOu5Bu4dy/rSegtYkmt8cGl4L/TATJ+cStLcUyamvk0qd\nT0bnIoFAnuQKNr9GmXte2T4qXsboHpppOeAYXItEbTgjODqHfcwj0VR7xqL0\nNpPDUIl22khre5IBAdVTkjomUMHwLYO6dyP6Bz40kkHV3QU44iUuo1WBJyAW\n6UyjUFVPekrdvMVzegbhbMYfhCG7ENUukUEtMyLRBBvv96DtwEXjxFEw1j84\n3ZZSit20moB0J7E/Avao9JGcjcRabPjmTRRtj4VH0wv0ADRARbh8SBkXohvm\ny9sMk3i41hRd41rc/7QbCL3fgK9cjEUeZV6BhZOyUDHDsK3VAwsmo2knRPvy\nmgd1\r\n=kwyf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"67853fc809fc128218f211f5b54f854f102d1ec1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.fd61b0476.0_1611259700090_0.6044870215765565","host":"s3://npm-registry-packages"}},"10.0.0-canary.3fb3a0265.0":{"name":"@material/animation","version":"10.0.0-canary.3fb3a0265.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.3fb3a0265.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"36c26b4cf18d119e5ecc188e8cd7e64e1c2fe112","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.3fb3a0265.0.tgz","fileCount":26,"integrity":"sha512-CEx09mkgAj/2PpQoUAGjbWqXtFRf979ZAsyHwhyi7UEYT5IMgufaViNkTXA37pDW5EsG9lrC3vrbNPgDYvYgiw==","signatures":[{"sig":"MEQCIDV+JxniNepQIRU8A8OAm0NVwtehjMeVwI/syerF39wXAiAaUgzb/+dE/1MiI3Qg5yegH3CDD5rrybFaMqyhGDxz4g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66199,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgChZQCRA9TVsSAnZWagAAzWQP/RBzrB+Da6UMWBN9t3PA\nKyETEnmRwqNueARCcH+zcimtneNV52OuKRsJRw7Adt0RN6UQMn/ZqMxLW3bw\nryEYnx7BzJCTkB7HashdrtxMROkM5ppFzFNgXvXJTGOtBQlsQohakJoiglz2\nqUsnhWP1Nz5xDz5oeQ3lVvGmVIwkA+U64fFiOCjpT9iEGZspaOOtcTblR7Nv\nGZA+NgsS7Fo04NSRhQrJXbdX6ybfxyGo+/GhVXVVelspSj+pj5y2ZLxpkCIa\nMh0/eQ4iATV9TBcr93hUDNYv5Mrbjbl107dobCVC2GCOs/+pBxxEcVKjZKX6\nf41YxMMJc31NlJJ0GGvVHwkUcGWYhqPjHcvB8em0RxyRq4rRGNbbPnJbls/W\nf1we0/zH+r88iediHc0R8pkvkdNtHFDKveDfgWUD5TaNUxfTnc2f45Mf62ZY\nOYOUlVr8JE/E0V7HuGhRHnSZ1YrXQVUuP7VrtSGBnpRCj8fc0USenIu4I6po\nrQwDZBKAG36H9h9nFyxplQvsWNe52CkWqUxRDsVSev/C5E94TJYWjOpOhvfV\nT/Sgab73L/1YdcNBi7+HclEZMlpHVaDu90PURTdbhIuJVdtQ6HVP5uzjwgg6\niL8SMZochG4boDCVHqwal4okbPl35cdG/eAlsfnlUQYrgnYsGKVB4hVi/YfZ\nByrs\r\n=LJra\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"5e619e42cc5398fa779a726d775cc7e9a72a1acf","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.3fb3a0265.0_1611273807976_0.6205825866759798","host":"s3://npm-registry-packages"}},"10.0.0-canary.07deaec27.0":{"name":"@material/animation","version":"10.0.0-canary.07deaec27.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.07deaec27.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"998158967ee82baf11a9a0eb6b5e6861a4416494","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.07deaec27.0.tgz","fileCount":26,"integrity":"sha512-PkU+49NytUxn3QFtsXrmty7qZ+eQ2cQwsT8nF4z52BRHnMlx8v57WCxPKJW22J+AyoeNRRcQvq7Z4c3eE400wA==","signatures":[{"sig":"MEUCIQD8Aj/Yn8ID6XwBb4LZr30/L1mfTddI0WhxnnsRx/TLSAIgUZd2LqGQ7k80IUaT9ycSJYBnExX7vJ7Of5+Pb5smSug=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66199,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgCwNoCRA9TVsSAnZWagAA8igP/jbuxtqHPUZDmyG3epf5\nKDwEQXLEDtY/YTE8qXJeHIfo0KcIdtuNdccjQCYOzdoOhOqkY+E63CIxn410\nCuXBL5EYA9LuUZNv4E5lomhkGZvgE1YIjAw4yl+ORMWQTmtEd+nr/VJ5eGLb\n+umvfNxgMXtz2+aMpXewPSBSMK29qADK3sikCjjC9x8u3j6VgLC/m6Gd7UmE\nXkEuOEgQtrlQNHFynoGs4BjIFImORr6mSVkkSgJBEHqrtCjnGXYi3zOhwtmp\n0EvMsWbt6hnkFVNfaJaq4KfEoVk5JhcBGrvA+4ZlA+nG0jDEn1oXjoiFSeX7\n7YMGzN3Y0rAK1fE2lXxFrKsTsQRgfu/+UvkDU2SQbEWcEujnKOCcTkD6arIT\nd24e403Kg/cF+GwgphsEaIttuDISLNShWxc3zvHL6rHETvVbt+tiOtUnzUIJ\nvNSAtsyCaFyhaPSObEC3U30iOXlK+TVZV5PWlBA7KLcT8NIy8wSHr6S4fQcU\n3pZfh6VvioD+sLalx/zPI/8UfX9bSNeikLCfQspGDWGttkUSZ2JwPiMZXsnk\nxi7wYcIWoNFE7cfxcqxUhlnPHtKiM/Q61LQ7XQZNrfT5xt2il9TjS4CHyhsM\nruh7PCkqm7F5Q9rvg/+b0MpJxZZgNOWtRvliQt/lyEwJ2T69cgbAZaJGsSZh\nj5Gj\r\n=kGTt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"be75b8d81f1ed6f8ebe94c8673f32110d71cec7c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.07deaec27.0_1611334503985_0.23633225566896154","host":"s3://npm-registry-packages"}},"10.0.0-canary.d2959b16c.0":{"name":"@material/animation","version":"10.0.0-canary.d2959b16c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.d2959b16c.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6f8cca84dceea0ab8cd686db4995794d2c506af7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.d2959b16c.0.tgz","fileCount":26,"integrity":"sha512-XXo5Txx68Z2m4Nwmw2wo/K0kvOghsD1RLdbcFMz5qhXHCcWg6I1fvdPygi9PuVcW95gnimcnA+eRp28iEGL0IQ==","signatures":[{"sig":"MEUCIQDQAh/8kWpzzCIFgiq/EhTqg4ZjG4FBr9nDqP9arzVelQIgOiKuFltUR1HrunPmJNgBps0XPeRhRH4tRHrEPN7UnrA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66199,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgCx6RCRA9TVsSAnZWagAAXBUQAI3zUAgidkFvczqW1q/m\nTP2Ld9tHKLhX7hX/+ibx6TKBib/tkpItO3+2/NfXuW3p2QLKmIaFRSDmZmuN\nlwSt4A7LZlKFt5EC0c5aeGqx7E2IsZDIEh/0wROfzSUJWzJGuPKpDA69m+5p\n6nK+Fhe4hrTEBp6Kx69XauZV4tD5VgYplVgBwBBnVJpQk9rt8exBalpVZlAD\nHZ2zdRnBOhjJXLxg0sTQsXBcuDRFQyK4jXUbMOSeeN6PRfMXXRrcJhFwhFDo\n4KlpzVeMqO+QbE8XKg7gHedjfHXDwoHPQBa6YBHMKld+dPfYyYxiMdAnDb/m\n0XXu2BD+jWvtj3De7tVmnAd8fhlJixYg7NbqQk05a0KzIaegzuWCsAsLRj/5\niVRkdz8bgLA0sJhTJdPtx80gFjttTURifmJgczSXN6c6R42yoyqxwW3Hzlm+\nav2zNhB5g8sYb9D/RRLTBPh3qNTfckR5/qzgWIbNCgjlbJ83eNTzM6BLf+m6\nrVBlo4+5KZbz46Mm05t/mFrDlNIVXF5LE5/23rlOiAzhRCD2H+TDEVnSXMRS\nJFKAF9HTICIUMk2gWvXc4kVeVpymOihRQB5aP5SzN77rguJP8jYLAY5oPn7q\nFxfCLT0Xs/hpdjtYEMMK2eJDCDTCGdeo7CF/HVyiTqV8eail1NQDHROfFAcI\nH0af\r\n=U7VC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"9a89df0257ea15e66bbd565cfea291993f0c4ef6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.d2959b16c.0_1611341456678_0.04579595581919982","host":"s3://npm-registry-packages"}},"10.0.0-canary.75f3bfe7c.0":{"name":"@material/animation","version":"10.0.0-canary.75f3bfe7c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.75f3bfe7c.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fe3524d5ac132a713b7e25c98429a733b85067b6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.75f3bfe7c.0.tgz","fileCount":26,"integrity":"sha512-LZ9AKrjy1/pbcuHIfAwjjwjre0Dk7JIFwnTRQ0YocWCI8RDthVFsz/Ii8+PvXRZp4RUFPyeHqJBOXmdNYL7Erg==","signatures":[{"sig":"MEUCIEswqdC1j6jgEkisNlXClvLi/E5n68liv6LqQ5TZ9drnAiEAt0eZJe7vVKln7m/f6tGUCtPw3GeMQugcOdeQu4vbZFI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66199,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgC1afCRA9TVsSAnZWagAAgdIQAIL7fz2mp1uG6lyGjONy\n6tidLv61Bm7YANmEZay5pJIijPk+gScD+wKlVCuLBZJUP9n6b48Cjgr9SccF\nIXC1im6tSpAmg4lE+AMNHDMTR+fTbfHwqFFh7oxdn0pkASjAXOgfQZm4Dmi8\nFMea2210MmgFi3CmneaRzE8IR+Ef3xJ1EiUkSK4w8MUR5TKiseXGQCkM1CLY\nHB7rvu+Ep7+cAAHzphhJdrtTIOfRruusc8l7cARS03zAqzTvU89ofCyNs9EB\n6YysM/VcHmyBY0OFrMLsrs3NCf6NYvx8ac5xdCQba66UQWSzD8gJjNm5+1w4\nZ50rjYIgOfivjweh2saJyl+x51yft35yCFP+P/iRc8jOmtyjbxI4ptm4cTd7\nX7kc4R2imH3SfFZtcAPLoyM2BqSZo1PVlNshZY/CfCcPPqPyGXG0Fjmbqg3U\n3SwWAX9JL1yfz9Jiwgm1grSmtubXazwCW6jCInhpgn7iYM3W6erzLVZzN3On\n9X4aDSSxtA3UyQnD34C+N8tMiEMVr/9qU1IZ5PNYb8z+2ybAMLAaFpXJvyNs\nBCkqKeAg/4A/7+Qs2xt13ZIk20wTyGA2lM6SyWbwxl1vmOaK7N/A6+peHwZ9\nlkjJlMeHCOY9LCef1xJK6by5cRkpUJQrAJHK6fSatqm2fhlsHcyngptRqUF+\nysA+\r\n=15cb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"057941e604e02f88d571d61967040f58bf499bdc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.75f3bfe7c.0_1611355806621_0.4371665543523531","host":"s3://npm-registry-packages"}},"10.0.0-canary.b9adb7a0f.0":{"name":"@material/animation","version":"10.0.0-canary.b9adb7a0f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.b9adb7a0f.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c8bbc50ac06d85140f909c642a83d4c6f89aa395","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.b9adb7a0f.0.tgz","fileCount":26,"integrity":"sha512-RvkgLmdAotdlGLReJceuQ8ZDW8ZzPq4pu4BtEfQAMTMrOAeSpYb13dsXq8RaOx99vMYaLgY6D1MVh1+xVduhtQ==","signatures":[{"sig":"MEYCIQDcUTsCrhlLHvOtInqubi0LXfdDGlvWlaMRY/N/RXR6+QIhAPHgQuRTuecG6VYFzPOBGkOVfsnWAaeROv+nSYLFS//s","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66199,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgC2DjCRA9TVsSAnZWagAA/o4QAKP1Qzk6rwta0k3kanQe\nHSxHR1THoSJA/QazNgsFJLHTj21w+qUvL6oNpDfYV8QFl/zqnAbKSqIxf4kh\nMaEI0OurOQRkj6zOzBvy5NRiK8k9NA+yJkRJXQ/llH9WOtugS6pODwO9Dew7\nSAVW5DtLawupUfOdQvtu9/ltb1/jdhBty7xo0sr21hm+6t7fpQDO8E/6y6G1\nCOSTL4Ul1nDqTMaXHZZqZ4+b4/B3bt5mlTBeI36CwWGpqGEJgcAubHccJFVK\nMMCIxt0790GeeA1f+HgIeTapA8292NS9SzUbR1f/R3WC1mHSTYomTwiK6hlv\n2Ze8OqtVjNXljr1mt0GROrweGDxtLaNbFctcBhPwubj+KO2c7MTidOYYbo+p\nBMGzoElv35CgwZh8vXtIwRnVOdTk15+PuM8AN+RvcXrkf3DlJNKnv6Q+EtFS\nGdyRRDWmZKAXTEgFSRk/1u6uwoHHlKFFwo/e+2e2sivMpYhWx+Zcw+jTLNTc\npNlJWgYElE5G4/IqJmoQzMZJG76fCqoUaDMRgV02/NiJZA5kvvGLTHv7q3a+\nmyz7vJg18K3P/kHdHd9cbu+mtmr/kWH3b7m0OtqeVOofo8pPunirXbkH/nkm\niFQ/OSP3pO/F7UZlJQzMoCLz+G2ziIltsnXXEQ4VpCC2pkiUc9DnAQf6z6M5\n6Fy0\r\n=Gt2N\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a591eb080c699d02013eb9ab0090fdd5e9813a72","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.b9adb7a0f.0_1611358435032_0.4915650271022427","host":"s3://npm-registry-packages"}},"10.0.0-canary.d29ec2862.0":{"name":"@material/animation","version":"10.0.0-canary.d29ec2862.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.d29ec2862.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f9195ce10dfa5d1eefbb4c1f5da264d182f74d09","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.d29ec2862.0.tgz","fileCount":26,"integrity":"sha512-cHGPNCPRt89SL7nD4TO7WV9354LRM3qrvHUYejx9RCP1W7/MCAPt4oUHro8ohhYDr61+ZIOpq9KdcE52aUVsYw==","signatures":[{"sig":"MEYCIQC2ZzwHdbb1cAtb9oGg7oyAq47c4Pn0a+DK0mjEYIrDUwIhANzKHZlfj0bUUgZ7I12PZXrxxC/6xK4AZMVdl+qP1gYw","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66199,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgDvAsCRA9TVsSAnZWagAAUBsP/iALCsPK+Q0H6WZROdWq\nqvWBOTFiOZ/Ea+iEaO+YxN5LMN/MlhhKvZ5aYDeab45YR/lXnJ87CLgOd0BT\n5qYITqYAQm5QW0jhvWtKiS1f/HOSk9YIXWhUJeITbY9iBa2pM4h9GDAEmMhc\nFAKcLWUrJQCum7bogw66QUuaV545ooMRdpXEa/vMAYfFVvBLpHOlx5Ki+NIC\nuyiL7cJs+UzEftTLnRvFX1936W/TTIe7g5wDSQexs3zfdC4uG93svh5vMob8\nXEsWrCIc1Lqx1qOT7YriGdg9VZl6jLGxth4wFAe37oi9YmHlyjuvhpBlZ/N0\n1rkMdyT+x+My4gtu+ALadlOYpt6zB2ObgAQDBjmNWQRfDZxtCFAjiiyTHhCW\n5ewkWgrtwAgzae2x7ThzopcE91XNT/j58yjV/T41tZtRUthMVUjQnC+UPv4j\nAQv54PrGBCNJeCbdp13bC3YJVfXSPompP69PanKHq1B0vcirEV52/bqb1VdZ\n7J5btnK4WmS0UhamM2YPctJ3Q6TUN1+vpIsqVqxef2N8VvYZBKyjY/S9++CH\nit/xHjiTv8ej0uP4CZnuTzV2J7CJN0oUfsmkf4ldEbmksqQCzFqbvk2wFRIy\neIBmBZb6KGkzv03Uc517wlMyCDh447tM1QrgstBB28wkGgOOiKlfL1CJFrsT\nNPb7\r\n=/qFE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"1f2d18d6e94fa1f0808b7d768169b9f4827dc692","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.d29ec2862.0_1611591723949_0.9390192012060838","host":"s3://npm-registry-packages"}},"10.0.0-canary.96be07c68.0":{"name":"@material/animation","version":"10.0.0-canary.96be07c68.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.96be07c68.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"afbf78d9416f2aff855757b37a2b908046727475","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.96be07c68.0.tgz","fileCount":26,"integrity":"sha512-asLXoXj5x1byG9GdQ5Wei+i8kf7dASbsber675oM8A/S9DRSxXMXqE/P2CKz/Z9LkxRsulgpeCGflcEuvDblAg==","signatures":[{"sig":"MEQCIB3qHJ5TWZ311qTP2MiZRV4pN1D1A2lAOAoFAW1gEHCkAiAxvAy0hHh47KxxXz+rlqWio9Q7ju18lwutLr2KYl+TIg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66199,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgD12ACRA9TVsSAnZWagAA4hUP/3aysWLtPvd55/wuk2yp\nmvkoA2Bb/2cDjprcMQgSvJ1S6pKIST00V25yaXTw3toSOBB6VRihhwfyseHk\nev2XqaKzCMkdI+iiRbn6DJ5h2BXIQPHrgGi2ETeyqTT1MyEckbJAaIzLj7ad\n2zCJCfN5bDjjcLVoTdQgoCqTHKMvPaD9YuZHQBw9pA4Ru4NoGAc2J72qj5es\nM0SZOIa0CkYc+WsOsw45oFFmhu5XXDG6FDD5HL5I54JAZ0HY6HoS9O8i6qSk\nw0Jl1TimcsmWnYB0rr8iTy3jQf6XLtdojGJHy5ZYMn65wIEkgyx5FO4JNwiA\nIrCDfsSVr/7pWzZPwoHdaSLRJMJ6II/3gldJVbn5SddWSujon1QvnO3CVPI3\n8CoZ0FnkMCI0kOq9ZyCG04plJ7/OL6Lu2Ge4tAgxmoZX5B/fB1Y7/lml0SC7\nKwAmOKgMjQN1YxzakSDfAWo6fDrCKEMgc+WsB1WfYn3nhnwkcScRSnVaTjby\n5OyyL3st27FwNp/UYkYo9C/Xkyph7le2lYw7DZ+MrkHE9TNwfXeSEp57LsQJ\nPylb/ff7/z2AxMog2Riq3vIoFbk1xmTYJymKPwhgSngjzc6IUjrDxbqxSRX4\naHKDksfvNnTEbbfnZOoOfcIY6zprSIwZub7G56U40NqRlb7QpqkkBcoPhxUa\n5Blc\r\n=l2bS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ad510acabea4f02cd7399e109ef73d3b0bb52e0f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.96be07c68.0_1611619711482_0.5796827048390123","host":"s3://npm-registry-packages"}},"10.0.0-canary.e383944e9.0":{"name":"@material/animation","version":"10.0.0-canary.e383944e9.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.e383944e9.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0a81dfae88ddeb10126902fb8e49ac2ee018d94a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.e383944e9.0.tgz","fileCount":26,"integrity":"sha512-Lp5/pL5TuKp+jc0B1jiu+UzLlLOQ0rTm2AKFjyeaDeuNQcmEfH+z+yfuRTicimWQ2kdA4nsAbVgDajBY9BtqQg==","signatures":[{"sig":"MEQCIA8Hx/a5WBHLPmy0mYwJhkJpkNgEqu7n6LPWehJYgC+CAiB0H05DMLKeqkfX/+QoquN66UzJn705CdCqn8cC2Lq8rw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66199,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgD3PVCRA9TVsSAnZWagAAJp0P/2+BlRBBOMfRZFsLhJad\ntdAiifodIeQ2aAFuhwW56QU93b3nKGi5028YuMeUBPhxq4eLMXchNNlo+C9X\nfMSEDb0Yw+R5WlWVdcNvELvGbs5vMytwfE5is9mE68p4lkftY6yo7DYHttO2\nrIFuGo3uVzvvveKkGAcy5BZ7BUuARDtljtfsOPp/48vb7E2nL+WM0WwzqeJu\n0BBUbaosENuOdO6sxdw21OHp8s+UsV9OxxqOKrF5j6O5GD8O3fgt+S6Gj7Ep\nmeOlTASyVzadhB72c42poz9HAG4HY0fhKKIZGAdHNIKKInkrXxP76M/tcNjp\ntPYTMJiMow22ku6qcxfDjmEveOO5piNPi6szv6cfOgl12hxYfiqO4YKgo5cm\nO1dnGSxVQ7WN0P/pJhx/laEcPfm3y0PxLvJ8v/sYKNacYg3Wnim3Rk7nOOYE\nAfmsgtzCAo1MKAPsCUceRy7PK4WGSITlB5HBKcg9SUvzw3tNWJVpFw6vulsb\n9QWOCYnaP4MbWdz2OEu873xoX3V3pM3d3wIoY386HFBI0P0E8NEgOxM/gCXR\nbYipd6dKu2BOIi+6sZcVf6hPp2Tcco6qU762hmhiRwbpViSQwIJFvUrQBZGc\nmFC+h9zz4vt+mKfdPM22rXrr/Exydki+YjmuGG6D8J/q8QB9nPa5VfSCsgk8\nUgHT\r\n=fsJY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"dc6dc4efb9210fc9c70fb089edb90278a8ab66f8","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.e383944e9.0_1611625428545_0.8241031919262991","host":"s3://npm-registry-packages"}},"10.0.0-canary.623af861e.0":{"name":"@material/animation","version":"10.0.0-canary.623af861e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.623af861e.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"14a564fba5e08d64856c94b0f6c559e366b12330","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.623af861e.0.tgz","fileCount":26,"integrity":"sha512-FGetCBG1WifVORbx68Op/POSG+KeGmL6VsUq6JJoM2+ZUzeyciYMD8oPEdit2uHaKRZ42HBVZmKWHFe6I5A7ow==","signatures":[{"sig":"MEQCIBAOB/4PlYqXydjHgz3qRW76bOfVLPR0KIrJ0u9YI2pmAiA9nxZj+YqlHD1879nY5ZHgnxddrCI4Vh9ZZdO8SXTYqA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgD5ADCRA9TVsSAnZWagAAp50P/2zhjMAu+zfH8iH6WNKf\n/RMLrIJes1776OlI0PsSGTkqmnOd3k7wdn7LS98BvEi7h4bF6FKPEtWTbfwl\n3tZF5uFOp3GYGnkBa/LeWIDb0FMAJGJFLitQvycibVnyw6/D6n+s7Sm9zekD\nTkxoez0R1EGK9BEylW+/GSd+gUd8t7HntofB0ytT5lc3NKHIu96c2f3s2Vpo\nILPhVKvjImRkuNGO0LqzUuCORucpjvEeetX6C6yaB51mJ0eq7H1GCcfgG6m0\nYhHLn+FDTfmKYyDkhLEAsEbWvqtHUisvX1HsZSgFdU/P26k4aIwvOXKmny4r\ni8p9Sc3XwuNXOcg0d5+4n7svtvZd1jX/wFDPeqXE4PYgxH1SsQr2QP76GVkr\nDJChd2tC1kjnZu+Ya/seypgIYcoPk1Jy4IFA9H9QylY2KEGWsZN/82+iAlu9\nWGdmaX9ZDqSYgY8g9rJQk6++JH3sxtZR5k+44XPRFKL9hhw5wCmsFBbE/Gbu\n3oLSCyPWyZHXb4Z9WQ2k41vT3s5t8Z93Sc41f9mAe3XPbRyd+BRBbdOvKBX2\nYTNLLZ9bqEwjNm917hhdEae1J2dcA3l/7hHNjBkg7OG0uWGnYabAfjlpSCd3\nAoEsKyqr8FcQlqctIieB5AeoTdUEaxgG8cyfDwv8YRRZuaKdf/bYi1rA8VS5\n/IIZ\r\n=foCB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"5906815761339487fac225651c29aa422211a72b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.623af861e.0_1611632643289_0.24603076392067136","host":"s3://npm-registry-packages"}},"10.0.0-canary.6863fd43a.0":{"name":"@material/animation","version":"10.0.0-canary.6863fd43a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.6863fd43a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"85bd643511eea548646a74b14db2f59df357c3a9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.6863fd43a.0.tgz","fileCount":26,"integrity":"sha512-MlMJj4ezIJMSuHG1d+umQSgysH1HpBVeaExHNxDMoPrpCnHCj8Ug5r2SX4W5Xbp+80x0TE2lKPugs00rl4Oz/w==","signatures":[{"sig":"MEUCIAqwUH0iaF57HyTXo3cSKmdOwiE8iDZp67lh/Zv3y2WqAiEA0wbBElHD3HSSYz/cm50mG8mNZ52sIZNxn3OOTLPXz0g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEIowCRA9TVsSAnZWagAAXPYP/jJgfgZ0/pDkKiQgQuX/\nj2q6r9zNi9WCVm8DALvHihX2ppe5F1wxoWMhPZrL39UqIa6amGpXUjo5uCwT\njsMKf2132aXJ9bskBFPaqFgp0YhnsRX0eZ10eodlLL58oQYN22hPdM1/00Bp\n+A9qU52Jwy1+qQef9SwwMqy+DzaSW/qTD+xQu18dszik5ZURadVDh9TbKFAS\nK4hDvE1YnvhCqema9MDO0t0DuMIBATzaNB50FAdmMKP8gXIaiBFDMOqu9X5S\nFmSKwi0g53gp2H6zp7YmCDm8pv7rCk9hWTIxQVuwgoe0+7TJqBORPL5ERM56\nxUWO0W7ndsyTMbwCLnpuMSEIw2TYinVJci70anqbJyEk+OClVYICqSOWrfas\nlWnSJb3YVfR8XUUg7zGUX38UQRUyOhxfXQiNC1wGOqknUsm8bBozpKqpGn30\nqzedov68j5bCSF1sZ/MXFmfKbzTMahjLffoAqlbI37qaaeoihUYmnTFU+GFO\nV5cUestgAGJ6G3nEBTmt1S3wWdy3QeVeoj8W4hnalC3F7gpHB+eYsP3KBBQb\n0hDxzm0xnbhIjthKnP/yd9EQ36xiE9UPKgY5xlpKyDk/Qs+gbqquTOO6ffWZ\nPAszH7TY+30VThE7q6r2fhOTz9GBOw8KKYMCui70OKLu8jvl4WV7E+F0vw0/\nDOpY\r\n=v5HG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"49d0dacd3a675991bd5b8c454304b1f10dbcfda4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.6863fd43a.0_1611696687731_0.9016573970434343","host":"s3://npm-registry-packages"}},"10.0.0-canary.ea55b87ca.0":{"name":"@material/animation","version":"10.0.0-canary.ea55b87ca.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.ea55b87ca.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a96243d212f3381efd771e168f82fe54f874fdb9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.ea55b87ca.0.tgz","fileCount":26,"integrity":"sha512-oF1a4FFWxjobbIQmcQYCEdDxMxF7LklJ3lGxVw41dlszu69jQk66nUHd9TlPcuzp1FveH/g33m/cpXSCBHcUlg==","signatures":[{"sig":"MEQCIEpObA/wHy491oT7ZpBzCtWgdtLgFH+6+18lA2aqgMbfAiANGAAWEAxX+u1JPVuhqtUBK0sPzx75aU7kCk6eyPfkxA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEKldCRA9TVsSAnZWagAAbS8QAJPDq6lCeXPQknSN0hfS\nuubovWxKZf2D/UW/4D5poPMTuky1WpuL5LcEQfx3ZvZZMkFpK999dzwWoCm2\nUAVlYdQ6YBxmqvpgwgDQJm0wAloL9ouKgB9eKORRUyqptoTC/Ha/dkh+aJt8\nkerVdgSygGJe7UV14MH38H9S7cNJH0n5kNIBWMXrwCfNHhMv+S6YEA/uBJhx\nTGz+8hCo9nA0nlKlb9DjQIjq0teET2xz2oBU4phk14eJXfIbB0wPklU85owj\n2Yl0Pgtn7veJNw6JNfb6GN7l4fCh8iuolcLEMR21QmO3KIEFGpIiWD6GDkf9\n5DnWLua0tcQJYsoBTSSL986niCbMV+MPrWatPRUNq2ieTYJNAIpk0WMkdxrw\nBvC8L1/x9O8rfxLraP8L3uA4y4igsNBmSsEKrmd8HIO6WBy4wHmcYJGTUgeX\nkZL0+TGW60tLfCmE3ybVTVUAWrG5mI8MPdBfhMKLZdoX8NszrZQKGfIkD0g4\nJGMDX/7DJTewONdKs8mklgBVE0sOgAydnrDZgTAxaeuGEd2bK89OXG5LjDnR\nvvR8AfQmUH2mXC185J+97e7NBkIgR9G4Cr5+L4ND7IBxx/lobeuGHJ0r7G9p\nv+Tpq+079zzDauBO9jFTnfOr3iQmGLfomIb//z03JA4fHA55EltkG2kFPJKS\nFxzO\r\n=qPeC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"00e7569feb0aac4c4dbbfb9b292c9f53adb608bd","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.ea55b87ca.0_1611704668615_0.6387257427106432","host":"s3://npm-registry-packages"}},"10.0.0-canary.e902ff05f.0":{"name":"@material/animation","version":"10.0.0-canary.e902ff05f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.e902ff05f.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4a1acc0ec8b07d7332330eb03e5315239bff3ef8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.e902ff05f.0.tgz","fileCount":26,"integrity":"sha512-hmKyO5YgAIX1+CSFodoKXAPBgWWbba5VHTV6pPho6Az0CGKxW2lpdXYknHsm1gBBs8Ftt1M0kuchzfWF7TNteQ==","signatures":[{"sig":"MEYCIQDTnN9IRDfC9zGrfUednYMLccFuX2dKyeiWGK5K+ImC7QIhAIfo2VH4H7emH4HJCtTPC5ZfqjAppdufownLjh0ghI7+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEK2gCRA9TVsSAnZWagAAXqoP/i8YLCkYMNqbUnqEstP4\n34Zp3W5j+0WlS0EeZQEz6GWpcS9ol4eNwq865cPerimdKk172V2Wyxg3kgXq\n3LOeAjPkrFoy1OqyMF8+HCFjhlxiu+4is0x2waDUgbYiyJA9RH9H1pV9eaHM\nTfhOM4fQlc9Nrh10u5CdzO2g+VEbneO0wz37kgj87zkta1oTyzSEzrmD/+PG\n9nEcTzASIMhiJKJO7fYPgUm7VtLwr0Bqw6LMB+exi85ZmJkY0vgsYP/62mof\naUvtkqr+KfYWLGUsNSip1GHdVCxyi6yjjowJ/XdpumwUKlKgqVDFhep19Fw8\nSRj+lAbk06LSly1Z3q9far7FL0xAVm26y5ZRwyd0Dm3cJS1sjGP1O9fYORqd\n4fdBq0QurycUTGkLMcS/dd8HwcwQfIc+cgQI9S0sq9TFLiDLswnMIbUHotBJ\nvGRjQz3tjb0F5O76DLxpWvRpvfnx7NcaLv4ZJcBUFUqittY0xAzLfJlx+I/u\nZGWB/rHATRm6GkyjvfXHn988FyXG0QHw0TQwhL3+umkLcVR/5ZNPXd1OhSYO\nr0Dn2lynjEQ99zDJBZpddaaPnRN2AyFmZgldzH7y83PQuIYci5By8PZInszT\nPlpLdi6kWg1DDWKybLqT6at3gG09Steg0tPGWi8arjgbGa/3gUIN+FLSzOVV\n9rwh\r\n=RM36\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"8ae6ee07772b70becfa69208ee5a4849f86c2fea","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.e902ff05f.0_1611705760299_0.9159087624757503","host":"s3://npm-registry-packages"}},"10.0.0-canary.2c9fc538a.0":{"name":"@material/animation","version":"10.0.0-canary.2c9fc538a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.2c9fc538a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"16563b86b2c4aa512ab910a376532af724478fb1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.2c9fc538a.0.tgz","fileCount":26,"integrity":"sha512-Z0gxkBIXyzUret/gruZMHk8IPDzTBA1f8ksSSf3e6JOTVYJSE8eHWzSsSKkxcFSuq86Tb0O5jJaywHBPigE4Mw==","signatures":[{"sig":"MEUCIQD78pD1AwY9bx3QMZUHSQAdr5WzOv8S0IjmeKEaDv3+AwIgEDKrKQxr7bctt9MQdoc79HRCaoNfz+Lvu5dGg9gTROs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgELMZCRA9TVsSAnZWagAAAnoP/A1A9PbzkPQJPFLDOhn/\nvu+sraCuKWgnPvepNWX6sORnRN04sb1K7lLEOQYqXIpXZs3XdrOzg1EO53kK\nSOGcqayiGZ7C8kRzrsb9qTaBZ0olodWR1blggJiaBxwrAHHP24jknmn7zExG\nb8/y5pk/9yI2wO81MU/AthSF9/1YB4hVE8kLWBglLpZd+j1JLGFrpJhRdxpr\npLat6OMsHtsdwVwvZYMz9hsLVV9Z4dEINdfSdUPjAkPHrgAHCOsX+jVzX6R+\nR1xVjzMf0q4dNum833fDdw2VdvaGzHhXIeLVpW2AT7xzbKaS4xQRK0KfFNBc\nlCIzeVFFiKfKXAukHPH+DHn1yQhPEkgX2jE2CDAoDABkccbMUVoRqGUeNmj0\n4HWR1KA0e3LBALP45H6MP7iL6xX3L46WNeyJWUt5Avz2r1sn6aqxCABxTNk5\n5iKqOnZ7i1rvJaEwq1YdxSQOTerpqYrjKCkKu8bYmRm/YnAPc42CI8GeJ9ba\nEe5Io//ok3Tr2rQ07+NpTiS2fwAUEQ7Amsn+2jwSB70cimupHzTmjpihg3hg\nnD0rm4R06fqNy8llH/3Kc7PIOutEi+f9d5arW+7EsYWgj5Vmy1Us4GXOPV8S\naO/xaQMFkQfeATkP3G5zXCnfILhg1zTf6vUqsdvzcCYz6JA19Cl1QWSgikxq\n7UHq\r\n=kZmG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"4bc5fff9ddee1f7703010e418626d050ca883474","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.2c9fc538a.0_1611707160615_0.6352476528608342","host":"s3://npm-registry-packages"}},"10.0.0-canary.6bf56aaa4.0":{"name":"@material/animation","version":"10.0.0-canary.6bf56aaa4.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.6bf56aaa4.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3782f70b9e04a7449c2c488628509c85dd8b0ec6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.6bf56aaa4.0.tgz","fileCount":26,"integrity":"sha512-+weqW8WB+ism9Zvd/yUXWdK9M9iItqAD14sz7BfhqxBt7RAIMhXEaAQRpBeAuCcBs39XVV8GIBnmxhk57V1dwQ==","signatures":[{"sig":"MEUCIFRK4ndPz3gLjsBgFfaxhUS0ZDyWUWZMYdmfXVL6rbFFAiEA71bQmdm0q+OuxiQWORlqKI/fsij2hCKn3HM/jPsN6jE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEL91CRA9TVsSAnZWagAAb34P/AxYwLrmY7E/8a0jFQCB\n8gpTq5fwnoKRWurkDmxaV4t/MaL8BEzrrzr7gEvSyXO/LdgzREmSEclJ1uOx\nh5qGRmXDFS5vYbhoZwE6qq0y1+7FiuHyYWUeqk3h3ech/TbbZ4pridRWNT0u\nTgHtG/dHUT/UBMEz2yZSj+uhhWYBEhEZwUb9kVTWmBL416uEtxSrLLbOL5fU\nWpOr3mUY0e37SlUYzhiaGGDDei/J+MPDpGkfFrQgdxPx3NSm9yFQeqm21y4H\nbVFi+tgVw7cERLp5N4yfKp8vRK3y+vv9YcdD9NL2pS44KaFdXl1BkoDQaU/Y\nE8/g9dD0pX4qcUCIw+QLaw4Q4zq+YGm+vGpmwMyhz044WdhG6d6iE5LGx9qu\nUm/17Tol8j/YI1d2sHu/WjaIjHAfjMLGNR4dxm2PViFm2m/8R5PTHPqrBKVN\nT/3NsBU+vj2jFCj7YzS61wZoYBLvxukT9jctjYqTygQzRJP98shfyWeNc6RV\n//pT9SN+4u2FDYNe95rWUDLhvn1zfGQvRBUHOictUKr98wH1Qbb2txAUjShO\n1KJDaLU6sqD44v0geQHwdNysW/yFtS+kraSFzU65U8GXRJVreOErqtZpHGCq\nsKFn1Oj9u4YM8vCYz839IWt32EScidig7SdHivPyDK2R2KbLhX0aMUqQBwII\ndtRx\r\n=YUHk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"557b9cd09fc15e60ea09bd17651230487a292b59","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.6bf56aaa4.0_1611710324687_0.5238671722808836","host":"s3://npm-registry-packages"}},"10.0.0-canary.994873795.0":{"name":"@material/animation","version":"10.0.0-canary.994873795.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.994873795.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a63bca34c5d72ec8aef66eff63b28fdf4f21223b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.994873795.0.tgz","fileCount":26,"integrity":"sha512-YkAe4IyBXblWjkbASDk+yGn9xqIg8n/lj3JXYZa7TmffcbzXyHW4CQx5D1Zi8vn2ezanAmUueRyvMxFhMMj5rA==","signatures":[{"sig":"MEYCIQC1y4PpK7wGBAiF19QhZazEE4hUpQfO2oIFoQ1sJ3zaXgIhAJBZ0FRdJYRAVkVM9Km3e1HF6qArPiIoCIuaCT0L5ofp","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEX2BCRA9TVsSAnZWagAAVMoP/2GdZvhH+D/qnrUNgWfS\nOBSeRsE0W6T0gT45q2PoUEDmp+3DyU5v+3Cdsns05TdasajD89ASqMBOW2J9\nyndqjnOORZpG7efpvQfeRy46r05Z79l8I4avh3S8P18z0VUKBTGj0i702+xg\nMqd5kcrkNPVDsSjxuiu+fDsWreiTPpLv+qhd2uCjuOF777jsPARW+zP8Y+TO\nfYV0byUR4+3DB5hHEUUnMxXfzNAa6lc5yEHcb+JN9w0APIeico98lgEYId9R\nfpPjlSlLfCZlcKqXVkT61xiy6jPZ8Tiz3PMwsdVa6zcfQLOVyeUSs9kkdi59\nFFLYfLjEMNWe4X3oMl2ykYCPXzd9XPbU5+w7e/j713+6TBHUswscDkZiNLrt\nrSVNHcX/NfX+AiL17lzLfFYj4Kpb2KQ1B14eNvbdHZtkV//a125VF/WG0XCH\nxEhkihQ5HWjtzshyJKZZsBqDpkd++DNS/XEPkdZnszKZ241EY7k+loZurpCU\nQYNUYtL9lfsoPIfus43UwpqYqsl4Rqo54tR0y0/j0hfGRxbMOVsiGyTWiXur\n1wxiC8izlfIZsJ/anYj9D4kGU09LbwUfXyMXRqKa/8P/54hDCgLb2yL24P1L\nFTvkGXyiuz0QE95sDat62MeIh+Xd50imYPr/qh6rIJo3RlrYXmR0PLEK1FSq\nfxB7\r\n=ksgj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"8d1337af6a27bed9f06167ca1cc1c996fffdd9a8","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.994873795.0_1611758976607_0.5544047006727284","host":"s3://npm-registry-packages"}},"10.0.0-canary.96878e1d0.0":{"name":"@material/animation","version":"10.0.0-canary.96878e1d0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.96878e1d0.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"21748e027afafe2db34249daa9366d09afd1e52d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.96878e1d0.0.tgz","fileCount":26,"integrity":"sha512-EUNmFiKnKFST1bAgKb8EvvlOWSGfmfYe1adzqDxe+m9OjCKNB4FcVKIMtw6jc21UMy0exGvL56v7c43bMYQwIQ==","signatures":[{"sig":"MEUCIEPsgyF1U4kTUE9ZRVuaDYgWyD2L1bkH/egtLepfofkgAiEAgUmmk4rtlp8FnKAgOtw2y4sborqFLxg+hKkYtMECBe0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEapTCRA9TVsSAnZWagAABmMP/1fMWS94/JRbMNlOKMer\nGAIHxom1MAV8UY8bheIU+nL+qK1NL2PfPsb6nVhQudwq+BbZPKXdrjo3DIYm\nvS7PnyRJEv/BPpp3cXpZSDqNhlp+m5ZFgaAsVLqX5+AtWWCPmhfekzAKbYmp\nggeKMurtA6Ztfp8BdLQNUaeOqBwOrv5SOQil6cHhbpKluw92/SVMOhMKE15I\nJmWmTy0TBVKBT3sVMUz0b8X1bnbslyKLCcb3BGa+ZRWWbTOds43A29jjagt9\nkO2xyEsa+emwmOyTJ+KNN/rjzIysKQwcgDXwKFsst9sgzfzrtU9aAnXTP5EN\nONVK4zpr3BdtaD5B2JUja7aVZZUT5I/R3l9EL+5xlQBKA0a+97hYs3cgL3JS\nvV/1APqrJE5MwUBTOZnJbmG0CV8PGBSt2mEKeswVxAMfNANMw11/ZkX6EBG4\nLZ7pkgcqgtt8R+LsODJKmTh4AkV4eOL8+/+QgVPUDhQ3JoLT+G5Z0UgQ/0Um\njvy8tLFNy9vRKs2R7uQOtGgHM1tLvCkXqh5+tX4OkuZZb6sKGM3KU3jcpG2P\nFWbop+XOLjc33dlKTr6zwWHkkur9FoBBwyrwXG2rqeQITtLQDwx5Qi6V3DmD\n8Hu/8O/w5E42rn2lUFD/Av9Mu+ZmraymKfQOBJ/9s9IvciH2Fhq5PS4i+PS2\nkg4W\r\n=ea3Y\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"cc9f62002fbbf03874065eac25971ed2b49a47ae","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.96878e1d0.0_1611770450484_0.020672163706840774","host":"s3://npm-registry-packages"}},"10.0.0-canary.3c117cdcc.0":{"name":"@material/animation","version":"10.0.0-canary.3c117cdcc.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.3c117cdcc.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bce27a6df7b36aa8d8773e6c75a0750ad239ca6e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.3c117cdcc.0.tgz","fileCount":26,"integrity":"sha512-L8Fx4SoOuXWDrQCp/b7w5l4WCpdiJ6aJ4yr2UFoY1bldVEaOQ05ag7P/vPiApL/xtTdHq50K2FgNoyZOAWtecw==","signatures":[{"sig":"MEUCIQDTVUBtZ4kAOHg5CRoPGiynFhhw06Wre5n8zftVSgC6xwIgegaRb1o/LNBCeBt92lvfH4w6RTjMhCizzT0oJ5UUKB4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEbFiCRA9TVsSAnZWagAAoWkQAIKgbJlzy7zx2RSJMLNx\nwLlOYzCGCmnD+RKJzjGsKsfYKTegqIgv5tx/ii4aqt06hi0xc+AvRvOHC1xO\nybj2/kXWRbyzIWzE7RuQLA9vqMzyG3Jvv6kuUBNw+oY69HSUurWy/i2DYIFL\nwpSk9nZss6M7KK2T8qQQaE4cS4flpNgSuCmjHT4P+sZ2iZkHpggHn2wMVnL7\n+Flz2fn5ytIy7IiReMOyUqiAILh1e6P/Fy2aMGq5I8oC2iWbCmfvQwuXcP/n\nbkwq8ebNZ6OTt+MNdaL184akHjYdfTMds0zjzvTpP0AwuyBlSvl7UW5+GEu0\nEnQluZny+nb37g6ipqMfuSAZGxRAwzVTVyJjWMD7Jmu9ZiJeVW4/JI5guzLw\n9xN6F179elgNgnL4oqrwqdeyN69BsB7EufcluF+fFEoH/qtGKqEzGvWchNus\nZdekYJ1M0erfak3h+jvb0AZpSHMx8SWYNCrHOyxKJltLRDm/5J2OmnKCe4Pv\nAm3MUqx/X9zmkp13NaGnXk9SBJW/6ct4zOnZP1InH8W3mFGsCGRDsdxSINof\np3cE9Bw2/EulSs9EQqZlyz3ohaJtVx4frrGJTln9jLj2roYH20g5MgWV/W3I\n9JPh72/DFmiJl+Ghy5w6tIPR1klRbR9zOuIhMNchJzRs9W5+BWChi9hNhSZY\n1uJ2\r\n=2nnu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"dfd1ede4a4727199e63765d305bb36d91509dde8","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.3c117cdcc.0_1611772258035_0.9655599840019227","host":"s3://npm-registry-packages"}},"10.0.0-canary.b411e7033.0":{"name":"@material/animation","version":"10.0.0-canary.b411e7033.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.b411e7033.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4bdd2a247eb033a2d8d82633d0143657d7487705","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.b411e7033.0.tgz","fileCount":26,"integrity":"sha512-xTaz4m2pBz9Qt4SuLj0JhUkIuzwZmYHhVqI2q47zlL/JHe7LdUhiHffHQHgqd3pLa285ilTnd0ERL9y/mAvevA==","signatures":[{"sig":"MEQCIBKFrvavebFLP9rCDKzcC88ApFZG3lEL2S6SdXkAky44AiB7WLsXtlefyJ+sQeXKgUrkR9zuYa0yQCz5iSZllgc23Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEeLmCRA9TVsSAnZWagAAPBQP/1bE4+J/QagR79vhPzzr\n9D+iEIrakMWbDkNOf7Ys90W31nvwQ+glnko6wT8tyd5i3ed43J9NGVrod6ZQ\ns86+jt96PrEem4SAW/1YKiSTNFer7JVpov6SNNcxCzXAPCplbMq2BkNI3qpP\nKdog9Lq74TAfZjSly6WtwUhU6Wl2wMvdNLXqvTHdMrvN402RNVjliQ2Hx+fb\nvAkGBrj7yyumCkRT4N9yN67ZWuOmhgKrImI6RBOFdf4+9SOJ0Biehys6x9GO\ne0Y8m243Sow+03hlhQpzOyOop887Env+vexNESXBFeHcE62mQmmnkVJZEuYl\nUlFYR9EKg0IR5NACHk3Kn3yQs+mHJ9XAYTM7ib5TyVqA7PbAufYD7JVTwVoH\nPb2EIIWOiUP1cfIRwGJsb7g9veo/giXJw2FJT7Y6f/7rS/N9GuoN7Htg5mQ/\n+uZ0EcgqxHmM/UJ9KNqyhW1qWkRl7nsThwMrZz2j/eX848AyfkshjxV4ZGzI\nNmc7T/Avi2OkZnuvJGnnRN1GFS2bo6RcNPp6DCOhnxV8FtbyVHIJQc2uAaP6\np4lHjFRe/y9g2yV76C+js41kQ/KR588Pa1ixDM+dNiHpPDPkWqLjze2bmyTj\noQLnQ+mprJIt4ncT5VZCL+eKvU9/dsxRNAGAO89yjGVI4FYIgbpkBUaZ65V3\nSxNL\r\n=TrPA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"1d12550a6229cb648f6739f83d7ba5feeaa67dac","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.b411e7033.0_1611784934220_0.3389806298569247","host":"s3://npm-registry-packages"}},"10.0.0-canary.a9ac16b4a.0":{"name":"@material/animation","version":"10.0.0-canary.a9ac16b4a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.a9ac16b4a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"58556c54651cf94e5ee5c227e01059a5ef30d94f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.a9ac16b4a.0.tgz","fileCount":26,"integrity":"sha512-Ipbi/V1VzaeUOnQeBse/Us22dkGNEte56DXbYZJ1IXpXXPsVLPfmDxliMMoXNVXJJeeRFsrhKoaktsixHqcHFg==","signatures":[{"sig":"MEUCIFLB4+bsCj7CxPfyMpIQt6aW3Pf96aElpM8OUybAltQbAiEAg3j5MdofRTTVdCtIgFOy53bN4s+IARk1iIVM7xcRuX4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEfDyCRA9TVsSAnZWagAAMLcP/j4ughLlYUjmDiw6Hgev\n3h10IQ4ncsVZTx9MYpPhYOv/uZ3uvtiyn3Vwd0LN2Lkyy/cRq3mGXm/bgfno\n1XFfs8HUIJu7CprBKce0UXtg+vhljnrN3i+SAFp4P8s7rR7P6iaU0/LsFTkq\nCu3pxdUdcvPAcRJV4WH2ohsGpHhSbJrkwbBISWmKZYGHZ0kLDhlxnCqBDzb0\nUdZpPj2IryBPeohob/xllxQAusIOkFNuzFjRKUzfMNjtdEV16JacKEyo33he\niOo20pJrHolwPAEGr7w/vNXGLwcr2bHdHS7E/1KzbFig0hbKu1jH2Zk4R4II\n4J/nDx7RhmDkHiq2ZmVUwbZ8oPO3wKrmDV3PWg0wsv1H0riieUPDOM7+17fT\n6PystDJMLIJiw9avkiE/yT5r5m7kTA583SYkdABWBeP0zvUHJxrEgSZFJWFN\nz5T93vYy8gwrVsbA87WCJsvgx99tdFonoykrHcmmY2foKBSncZXcMT89SPFO\nhPbBHKOqMgFtHUH445F0Ev8xbacWRYlwz6LRW2HWI9caHEDjrNv+eb12K7Ol\nWfVWbfIHIGrfgOdtpnvEwNhbHsrolPxnEokPIRmxZz9CLZ+4mkaXCAd/sYg9\nxfDg/9X6h+//f2vrRUpeDqEphcWLSEyU2XnkD/q9/Ya20SE7Tjkm5OsPKbS/\nffVU\r\n=NKV9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"1635bad405a8d329ac4e844d0a2b5f3bac553113","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.a9ac16b4a.0_1611788529548_0.042325989161043465","host":"s3://npm-registry-packages"}},"10.0.0-canary.fec7b42ca.0":{"name":"@material/animation","version":"10.0.0-canary.fec7b42ca.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.fec7b42ca.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ac58eee20bbd15ecee60634da17c0860c41a0828","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.fec7b42ca.0.tgz","fileCount":26,"integrity":"sha512-HR8/ZmC0gcDEF448QXWwWkdJmSzAEkpwFxvf2b0tk8QTM8G3lJgXYKDXIQC4vfuw429IoHNst8Ea3h8z7mZh8Q==","signatures":[{"sig":"MEUCIBNlg6xKXT4oCF+TRaUz6F5gq+jX+d/L7VFekml77sqZAiEAybojXk+xRk60Dyngm7xaboxvsHmf1Vb0GJJ4LYiqJVw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEwzRCRA9TVsSAnZWagAAwh4P/i7CeY80p37kn/zf8kZI\na8vD7vE3l+OUrwYpNa2oDrEkwGQzUReUZcn1d4o2Itw3MBtG+SDvHKkkceQD\n4ts3hY4s8h4/4K5IhQIoNEi3eYuEXXNsz1EZPpfxBGedVpwCiddFDEVrRTiE\nvzhtCMnglOY7PPPBMIZhMHNIDL/lK46UhoBJdHE5XfT83NWv1H8HkUuP8itI\nDwPN5PQDkfHBy4sygaOHkoCmVDna7YELMm7Ec+Sw5vroxHbsR7H2j28hREf2\nrhnY/yjKNlNG5NI1RBo+2psPCMMNlL3+kKjlGFFB8YuBQ75276+XphDR6Lsn\naedT8D8BNIMMMg141q+shG4xBUWPnvU+gpVt/JWRRuiQMrw1auwaZayvRaFA\njwPm+IRbOzIuXfBe+KB3tBtEKi24of3hqwlTxUUraDIanAhoOW7ZK7Xg/Wws\nCkJRpGY97wgWlM8ybMokWXz44ksshJGJENr9LdO6OZl6R55wBbT3HWMo1d9S\nFQ2w/lrw17lJ+3XVpok2T75whf/q84Pj/4Bou+nFYtwE46Fcxc8s93yHe3OZ\nma9I8fDczLzucLK2elpHY80aeLTcbIZXNwJUjNaVCS3tmNIslmELrr7iAO/Y\ngqoeoEwuZx/qkOU1nMjQI/lleBksTBE9oocAkz9kC7GOv34PwRh7rEnlYyvz\na40F\r\n=Xe7F\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c05b9618cc2b93ff9a68314dc20c83c691206159","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.fec7b42ca.0_1611861199246_0.8283206117025217","host":"s3://npm-registry-packages"}},"10.0.0-canary.8e66dbfee.0":{"name":"@material/animation","version":"10.0.0-canary.8e66dbfee.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.8e66dbfee.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ec84c59023fa531930aa2d802f4a0b31dca6cba6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.8e66dbfee.0.tgz","fileCount":26,"integrity":"sha512-o6aXEpAOGZzzVgtilIu+CJ2NTitvHVQf01XZqLx7YAXfptLZefgQj/r7DC4llC91S8Q1wcFEmbtv3dZEEJ4ddw==","signatures":[{"sig":"MEUCIQCalY2ccMDyg+xaJL3kXQQpD9BUg4cwn18lhFhC+K9SIQIgDBQVKij8C2KS6z7lphyY/Phgr5/gOmoaS/VpHBhnngI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgGIxrCRA9TVsSAnZWagAAxkUP/3TYYvv8bp1bz6ueanUC\nG9a2nYNTKO7pjuL1Uz8y91SkTyUOrRvUB5M8dTA2hf8hwxvsnjHpNlettfoY\nRCIl9sWBycTrcNAmUInOf0hNzhJzazXJUqXJV7ev7M5damhjPodModLBgaRw\nRCn0xCFPcERbuJnVqKtl8BwTI5FF+UBwVpWpR1fXkFYR+w4ZTvsuaSSI+8gV\nxasOb4N8fCndYbRaYUhda7M9z/V+oc1fSzW1uFdCZWkJR4QNcsDgouuo2IhA\njdiXkfi2+DEceh2TEodTjT+jgnPYwaecHOjV9LV6G0MtET0tmKg3RG8dofZe\nvfv81P7utlDdOWvDZuMrNOM8gJwPEKAQgeo+ywjiS2SzEnqUlzWmj2t5PJJq\naMVZ/9QWHBXCZUUmuoyTp2nAZLm7YbaZaJGhBtl3zNBL1h/yeL8By61bEaZ+\nEUj8GqOdRcUgA4GOBLDvf9LL8hTyJQ26HKGEXeJrux06hdXdA3bG59CqbQly\n22QSWC8/xoEuKhUdzSWWoiB3Nzht/HXsCXmPkqDL2oJFlMFzEL1wybfEr5/x\nGQ+75wP7R9zwOetBARMD34Dpksw8yUdxp5HZLUIreWLijSAQGocIo21vPvf0\nWqRaBg94pNNR1tq0SUs9ol2M/Fk/YxFGXon6y7ouNuk7SX38HPofIsyNrZrN\nuveJ\r\n=ahvT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"63606d4d60d94cbfccb1897812018e02aa13bd18","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.8e66dbfee.0_1612221547208_0.1206755269143196","host":"s3://npm-registry-packages"}},"10.0.0-canary.637d15da6.0":{"name":"@material/animation","version":"10.0.0-canary.637d15da6.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.637d15da6.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4f98d6bd0b4c0c0e836fae8b37b11b9d8018d878","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.637d15da6.0.tgz","fileCount":26,"integrity":"sha512-mfi4yLw+si4H+GhGErV7sG4Ii6jFs9X3BNLYuytJ1MExlGQnidKEf6QfEVqcO4wBY6kXfZpaCufGKn3g3o3xRw==","signatures":[{"sig":"MEUCIQDvRwfg0Pls7qjgrUA1ohY7BJRQxsGzt3grGahlDrmA2QIgOO9js7/SBn+q5pJr0KLUpLfe7j33orCd0Q58So+KDjg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgGZ5MCRA9TVsSAnZWagAAasYP/irqZtAM3Be7JMtaGreC\nK9exg2e2iC92rWJtep6P0RXEWYXUJzpYqIhtdjkcODmf0sTjglv2zW5QQ27w\noz7arQpo8fQ9hvxe67LpoQ9+82KqJA4faCqp7NYgsz54+41eJGSlOw2RqFrs\noAGO6SwNWtikuoTBt9Vhi0Hj74q3GfnIAG1k+NGGen9srfs5/Zt6TNZDwZfm\nSKsAd79DWO4X+n30rfL4rIL6AcDqbjMAL0zFRyHUr/XdE44XAY9CTtVLu29I\niDZpyPMnYyCtAY5iNkc606I50XfaEwbpSXftSUD9D0jfTp7Bt27tU4N3IPIJ\nCFny8fZ9RdZKI1lwUNvUg+dgcYp1ym/SOLBu7p6FVMStsPdbGtB2byHUgcr7\nrrrmHVNqYO3tHSAKjp/J4WTE3c2zpk8cN9vM3S+zQ9fuBTbaGIHLoawGv+vl\nac46nwjVr9MeLxGA0QO8ykxNlXRslldwfC7mf8LV38edxCGequ+Hy1gP5KG/\nLJ3WLgu0hd583plau4ySxWmteGixOK7T5FzydJg/PTCnd2AS/GD6Qclypplx\n9VuVbeANKX38bZOnjJpV+erw4N1Tmy9oP9fZLHxf2Wiw7BFavSHigWheiqXc\ngsCaRdmDSF9S4VyYzB3g4Ey1QPp/6plu2SO6vjmXwr3Ih917dLw11zd+CRx4\nLo27\r\n=UPHk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"264dfb09f81436a3537d88f2366133e250344864","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.637d15da6.0_1612291660033_0.7755165814006411","host":"s3://npm-registry-packages"}},"10.0.0-canary.fb793939e.0":{"name":"@material/animation","version":"10.0.0-canary.fb793939e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.fb793939e.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"572494f6e964616fc74f235b5b8deb21c6965971","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.fb793939e.0.tgz","fileCount":26,"integrity":"sha512-Ytju/modBsXbCV0TQZsG90VFfZ9BnpWoHsHjFuGOd39A1FbcqemesLHbYwO+34yRXti4KrD/NspIikMmGYlRLw==","signatures":[{"sig":"MEUCIQCkwcYvk8AtrczKCkl4ilGbbMTPliLzH70yMv+vmatyUAIgCucdAhB9WaPK8wiyue5gpTH8UoXnD5K/d8ufz0hJAzc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgGeMTCRA9TVsSAnZWagAAoKAP/i3ptxaDiOVvdItwXB5M\nOOmoXyvIJuRfoKPwcHLH+6WI9TaufAc9eebMGa/UB9xfCHOMvNAA3wgGzcl5\nsLqaH4dmJ+WBUqkkyrpUkVpiU1SoqUS1GjOv4notoKvxVhCzSgSDgfao9crx\nQ9P0KFCUd+mPqUyByMsR0bZkjho/rvH5oJlG/3cmtBc5PC16/hnwwGb7ynx0\nIERdkgeIQs9+Fm4IFhtrt6zqDGUf6OIJC1d6GOLhLDz1Ao6redleVgae9Q+g\naOeRR0o9vxbyBeBqR/dGXgEfBjsWjENJb+4uz2dLHJqAlasQjVI9CD+3KZ6Z\nO1tYvEkLEJZHwh7IjW1N9yonWczS02NzdeDbitj4oM2s0nczxkUq1QBYlk5S\n8pMTlapH2rmhLHsPhBNC6diB0Mp9MQYrxOD60lUCIwu8SEVwy6DrAqqvtcwI\njIgBglzIfZB21wwFNjJ/lzIcRFGKVjqu0DYdZvnhvEpV14ByRVtss9fPynfZ\nrlydx5MVwiShuiuBHdiDHtY38E1wvAMUg2OEmqlLGd5s2iGxQgPoEbqM0B9l\n6bp8Yby5wy4+Zipq+LoNQiEg2R0aWDEREKtx9qdyIh7jRIsnFPbXqclNTwzE\nGbt6kgYXxw+n/Bzt5wPh23dhtmmF39t2A0kACTUFLmcQQFyZVPbtocWviP3h\nxS2K\r\n=jZrX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b89489007d2a0c1f3821bd2291e448d44723ac68","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.fb793939e.0_1612309267326_0.3716854935265559","host":"s3://npm-registry-packages"}},"10.0.0-canary.15a4d40dd.0":{"name":"@material/animation","version":"10.0.0-canary.15a4d40dd.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.15a4d40dd.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3b8ed77f04d2436f2948e776c9c1b8f9c5c2ae77","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.15a4d40dd.0.tgz","fileCount":26,"integrity":"sha512-eFZ9+zZaCbU2wAHbb6qCMmFApNi/acKKra7oSy6vJXZEvG1Wk7/1SPusQzmsIVi0DrJ1fWhNO64T5dkpbnhP/g==","signatures":[{"sig":"MEUCICOeeYbJsltox98YoIpv+CcvAQNBGIRssx7haQ2W45rfAiEAidm7p/P2silUravguIY9xPsjK1ngL5HM8Z/Oo9QfWsQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgGgeyCRA9TVsSAnZWagAA3fsP/RQl1c2Ynrvb/HdhPO9e\nQhNtfWs0YDcRm4fhoOkS60WIEiyVe9KptZqUbKmFL90Umxun6hN7griFpGX6\nwBxznefZYQPb+dIIks82dCOIUTyy6MIjngrGDDnOYOjmNEvKidpE1U1sEF6k\nb30ldVD6mH3u5NOpHeCtbVRkkp5xSkpIu8XbjAiEFpyCk14gWpSIA0dLGQ5a\n8y2OsLz7zVjsj8mGQ6xWBziWWUKMXLye4W+5n3W8grr/0DD0bAtLAAsRxpMC\neuutTXbCgIAJwotJNhm02JALqqYEjAyz7VgmtZK60+SJrv3kE3c2sDn2XGly\nw8Dio+q9Nop5P0hr+MQ0TdmE0flt0wLhcL4DrnbkwXnkO5zyFErcdE9Bu15n\nK70BuPITFttevpjHDP67E6mIsvgLP7xKjS0e7a/MUm2J9SrFU6cFU/um3i+K\nE30O5s0u2sREoxlYjfewMTN5tIKD0WvXml4Mdx9jBMrEv8ZYyUD8BS69TM59\nCd8TmIKovLmoWzXUFF3hzBGGgg7oWrTHWWcAgNwGXQGNvKpcpYyZFoy9yLdx\npo+QlAlwQJx7q9jywJxherTnEjuuOORokspVwe3yhIG5BlNfoop2YWU039Ck\nGxKMgLbqjrmFSOL7+D9yjdfFdcbirJ6BaTmQrn5UZnLPeNw0HM3IJo3kQ20Q\nP2hW\r\n=PXkA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a6b5f072852f1f101d03fb492c57fc97f7f0ca9e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.15a4d40dd.0_1612318641440_0.2832060100684122","host":"s3://npm-registry-packages"}},"10.0.0-canary.7a003acf0.0":{"name":"@material/animation","version":"10.0.0-canary.7a003acf0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.7a003acf0.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e626141f2980a60164a1a5e1649f47a1692bca1e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.7a003acf0.0.tgz","fileCount":26,"integrity":"sha512-rgSJn3WIo9+zH62YkhCLK3p2eZNbmYEb8/VYMViP/GJ0+7NS/ExVPxYiEEzJmSdu9zJi4KGlAcFr5kAKv4sPcA==","signatures":[{"sig":"MEQCIBnN4JIjGHkdIc9jkdINLtCq67sNXhRQ2eeUHSfaOIdrAiAXsB9Lc1xCnkIC/N9MmiXHpV0Lwxeyb/MIJrdlj/GB1g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgG1zKCRA9TVsSAnZWagAAHSwP/34xgb4EZeH5DVl5+KbG\ntF/jmtUT7FHEWOYcNLQhFLDFG0WgvMnNKipD+rt+Co1pGgDuXXM/pAM9Dz4N\nDcOjyvCIdLbMopbRhU2QwpwTI2L/2J0EB7eZEWd1AHydakgbJKLhheVeB7Xz\nWrNyH0ZvHDjvqhMx2N3ccfVmKGf/4ODnk1NgbuM4SHC2yOQ7yQ/jao9+/9mt\nq52uhK6kNgPFWlAuDS/pWS4g/OasMAPbvEMVmatd6CZs3T1g2LZEoSt2hRY1\nYFUWRCLlit3+MIz/SKupuw8iZBWybo5qOWZ8wgrpdGlDG/97B0oLTdJx1NEZ\nrG8AL/Aytmyf3hRlo6diLyepH9+P+Xr96l7i/RzsD0DGOvTeYAfblrKvO804\nmhRcqBV8BW0ubwot1zNPtAZZXdlo93ThpXv5ue0bRDJf+dCHKMkR36sqWbjg\nodEWwBSYR8TQ2QFQSQMWt+7o9VuvuMFb/eMLLfsZUiYnb9cnnjW/B5Xwt19Q\nn8SA+tPa3kK6stN4xl2b8u539xONOKA1GBeezJNJAVFRhNTpA7j4sOkuw081\nEZaxgNsW/XfLA9TNIxc5tt0gYqf5vep+QoFL5Emo9haDzfAOLtKey456jhJl\nIsCSx40xppvWS186siC28fPuMuhRd0eGaSDF4AVz0KnQ0i22cmJGhHemXJba\nSmh1\r\n=HDWC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"50aca8110f6412e14432e118e1f9229dafb02d85","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.1","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.7a003acf0.0_1612405961763_0.21179175198954092","host":"s3://npm-registry-packages"}},"10.0.0-canary.05f249666.0":{"name":"@material/animation","version":"10.0.0-canary.05f249666.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.05f249666.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b28d99170ac8a3f7516a00068c01e49d218dc674","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.05f249666.0.tgz","fileCount":26,"integrity":"sha512-Qfe1ky+v10B6f5tShQEu+BQo5+weSeQHbv7v+suD5jCbtcktA0PlrgSahCLt8ISoRueqwnx781uaAjiqC5h22w==","signatures":[{"sig":"MEQCIGd9rjROenv3IkRX27OgGvxfLgWthq6tzKQlmaDeSL0IAiAE0swirn3NpGKyv7A4+DG605I3GxeY89+SCfYXVwDI1Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHDN2CRA9TVsSAnZWagAAlXoQAIqDCfv53TwS4tXyL/Bg\nTUD1ZVvkqM1z2GV45PRyZDW5pNXoHIfe2xlpN1BgxlyNaY3563mhWu0rNf52\nB6rPmBnFgzhLHhIoXSk1veMFwplmN3R/FcPjFXD9S1tDCQ1fNpG+v1hUSGvB\nnrff6jyLTaKBgywvfPOv1rniVSbOffcTEEfOgUdFuJ0fnzDorJNiyIC+rVEn\n2nqWwjntzdqjEYNWUXB9CcGysbq9kLjol8RRAikIF+FKf+g7j0nzGJeVyqhb\njulIEAiUlNC+z2mvGP7CFR1RSiF8C6y+bo7TFWRyl0DjOm0NRuNszSQ/BFSS\ndi+aFkyDUNEjgDbUGag4gORMN4VlL3j64tN+PfzbkbjtjJ41PHmUiDj8A3xq\nYqycAunuEjIShc+HSuOAJiHPbsZSqp3irNo7Km//3N00NMFJWtCf9+yf4v5c\nUFg2unhaeywkS34XyZcD5+kc7xqcrYHFrKhv4G5i6+w+ZGpkq8f+txP14Qt/\nLoN8ks9G+ssHT4OeDMT9/bNR0y4aeuYsIpOamGihtrP2hICSM0ws5UtntznC\n2Ob7Nq45N1msm0yTePC7pI/gMPfmDRFFtICZEe4Q2Hru4jlxLeY2Jujzapur\nhx66Cb7dVYmYz7soZs0NqbLlZkfIL3Hl4QEymWsXf5AGvxrUt+RudK1TlEPQ\n3kxe\r\n=hyj9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"6f1fffc7e905a3d49f007f288c26a4b5ea11dfd0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.05f249666.0_1612460917964_0.6232059187359587","host":"s3://npm-registry-packages"}},"10.0.0-canary.1a3a39629.0":{"name":"@material/animation","version":"10.0.0-canary.1a3a39629.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.1a3a39629.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"86af267d810e1182b51d2dfa167fb27240c8fc48","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.1a3a39629.0.tgz","fileCount":26,"integrity":"sha512-m9o4f9Qq3Gmsm2ck2uWcj84/gXVKjqcPzadivyvKDYfwYtVhLzCECP8dlEUdSUCEAx/hgoXE3bWTX/PYOuUQKA==","signatures":[{"sig":"MEUCIQCNJCbQ6hxNf5vS00TQAtTRDZyhyK5MGdsy/JLgR8SW1AIgEHc8c7S9LrHGe99EhpdjgsHVfCWRz1Vl0WhJriziZIw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHD/xCRA9TVsSAnZWagAAizYQAJCT6WGk2Wf3g4W98gBB\nJVfWIxbyd5lYdx/XskuTsMC+ZYTxMqW0FYPBFevKivSUIChYPyULgLwfi2s1\nrsaL2EkALCFpHMIMPdoqCtAmKf4aUvCji7L0TvdPGAL8tz2KMiL0YMFf/VxO\njrSG4UMowajArqmKSrHJdBlYO0tmWebmdyVB0GcytGe1hmkvb76lO6X89hM2\nZR0gXYwYDV0vhL3GJLsGqmt5ecA1DNiswEJ0a2DyyuSvS1JDJ4t7pmqWSFmc\nGkfWaAeVwNX99CMV6U/CENtgfWdT9KZYuiDv8q7HVCctkDXp3fMRnTMZIXDB\nnoL2NVEB7Viebu2DlQmKVdUIY5iXGJL/lXEQ/FwvKS7Zh24dA3lXiIBLtc3a\nSp2htLWCFZ6FC+ZnGlR/9rGxr5iz3GoBuNtHixKgm1DbTcuMiZsOO2u1KmPZ\n6t6eOqFkBh36DpjE3Y9T6X2afzfKm8IckqubslrZm+j6E0ZUuquwasX23tKs\na0/hwKp8icqoiUg5Lpl4aD/Rw/YFX+fVSgqzy/NHAQrA7ossi32+vJb5+RdC\nQoNYtJg6w1u9a0e3Aqhw7o3qMG7aCmxfQ9JpCbIaqFvEyfx+vodRxxQjVNcD\nNEDUvnsnYu96/tmktDKFqK/lZx73KhJt2cefiO7NEWV0wCZjfXsZqfUh5MLK\nm0Ol\r\n=PlcB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"87d65275f85db5a2c4e630df10d231afaba36449","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.1a3a39629.0_1612464112575_0.507376944723692","host":"s3://npm-registry-packages"}},"10.0.0-canary.8b1cdb1be.0":{"name":"@material/animation","version":"10.0.0-canary.8b1cdb1be.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.8b1cdb1be.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ccb7683eb3074160b447f357837b7ff4d80f9686","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.8b1cdb1be.0.tgz","fileCount":26,"integrity":"sha512-IyekNgDnqUqFurdK9Gb12Knfe7smBXaQiwm05hDNK/1vI8nBKwlLhLd4Zewc2vL9ykPqG1mbBKwOEedM5ydsug==","signatures":[{"sig":"MEUCIQDfXbKlC8+d4LyWy/1M4udZLoEzP+oqsLbFb+QZS5USdQIgamlWhs2btyLQIt7YpWzUxPtvfEjJIVajmTyHndK9YWg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHHY0CRA9TVsSAnZWagAAZt8P/2JB9jWgBOGf0z9H1Qnx\nn3B49atJmxdFertDS40WxX2mpNmTmMCY4P74ojETMdjcR1lw0WhRD7c3hCB3\nzATMJPjG7dcrXgua3tf/F7rH477oG5n9MrsCGrw96qfYcTRZCmH4knOepTjc\na5zCA81AuOvdrHJkJBJoI+NCMLH/nCTCHYMgGYOcAZFr80zjiD/cQl2slsVL\n3G4SUvt8lytuSG6fEWWzr+K/iFb2zFKK3wcfGjO/XW1wtl45dkbVlQA8/JkB\nVIrJAIJr+Pj0BgAaCmphzpDO7XaC1pvos5JlLa6U0jQDCIpvzDsIpQwyhjcG\n5LQaN4BHtHx2xXFMeWBRrcoJUC1SoMGYIy9vFQ2c97w0+6+3oCvLoVhIt9HG\nvICZ3s6BZ5E4iRkASriaEtEVyn0j2RSHAoviue1fCjs3GoAtYpuGS8Rp+HYJ\noCYyiRnqs535hVLccjSPOXQ0SKXqqnFPyk8Ts/JTMywU5yWiuaTZD/HxlIGB\nP9ZvUQP3WGMBry4SqZ1IRasKAwMEpQlDHPOxuHQ46SZU6luU+LxC31g6vsok\n3qRYWbU8kULuD62d6YofFT5RSMvEd2c+7XhV8CaPWZTDAsYkiNYtz4vECeKS\n7nWX2oDfaQzMmwVfFcW+nbjHECNuTytiJ0uEwhmgagg9rqvvN003s3P03PrS\nEH8a\r\n=DCWc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"73f8ad23c72c2fe32bd1a9e5e102b6aca8ce21d1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.8b1cdb1be.0_1612478003853_0.580877172118299","host":"s3://npm-registry-packages"}},"10.0.0-canary.8271f00f7.0":{"name":"@material/animation","version":"10.0.0-canary.8271f00f7.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.8271f00f7.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"32c0d5a51e9b4b40b1a4b76e954271cf9d0e3422","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.8271f00f7.0.tgz","fileCount":26,"integrity":"sha512-MwSZqnb10REBe/dKZJt/4Z6njVOlECXg4mnmUMro2sx6S/a9XyYt2CuJe3yldr/Yy3xluiZM+l+lbFT10tgN2w==","signatures":[{"sig":"MEUCIAILhIKLUjtF3DGe5SJiSWGgfxydVbSCotdrDE67tt1fAiEA0c+36iKWbRUaFnb9v8NerXZd64fB+cL0/Dqcc8eTTLQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHHxLCRA9TVsSAnZWagAAvsEP/ja3UKf44w8tWZ4DO1rc\n5rH90r52ep7OGaE10qUybotezSf7/KkZ5AphfY7e1J4Y7mGvEo3KzTSSN6PC\nshoFByFGevj/nujxNaws2quLvoSxqKpdYUo2P6ONLdgiqtnIHVm3Y8zjdBNi\naPHO49f6xH9Dem6rT+rqxX0/PwUrIU9eNWhwpqE68PKsWNIVnUCpNDX3XuYm\nwa7EFB4o4OXS9leJBZKYwb1HkxvgugLk9wNrQ4qzHiNpEFFREtxGIlxsOGvf\n3btvXvy46zXtHrhf2qxisdnpr+n6FL1cTW2pSdUliBXxFymm9qQ4tncRKKeX\nhHkKBKn5SqSQCiarquJLgHXiOcOiaEcs689WHhwLqecv061/ZJy1Go/xKZ0W\nQX19sNHb7Cn5w/3h2EfelU1HBQ9Iy+MJWVjI5QDaofBwlgNnuI0HxNtRqvz9\nCtPWnRquby46MS0ZFMD/ni/fMV8Bm8e8isRA2epldzmoEXTIOqZNL7qV4d48\nJkIhrV/uStGjyR5lwSsaxv0t9bqHf4HxTrft6qU35LMW1SlK91LeDpFvnLKh\ntzsIBlyF9vbxq0isTbhe5gwMjXg14N5kUmJv8L67Ld7cMQT/n7MM4kuw1xur\netq+uMirh5F5Rbfnim82AI69tqxeKrDnXBU2h4O8sUQdJRqpSjFS9+O4M1Lv\ntF2A\r\n=awxg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e210c5292564fea23c9cedf08acd2b8ecf86e94d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.8271f00f7.0_1612479563480_0.13978011570504756","host":"s3://npm-registry-packages"}},"10.0.0-canary.533092a90.0":{"name":"@material/animation","version":"10.0.0-canary.533092a90.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0-canary.533092a90.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9e58bad28425d39d53e65b1d5be55cb5cde8f4fa","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0-canary.533092a90.0.tgz","fileCount":26,"integrity":"sha512-hfNhEDssWpc5QdRuwd/19Xz2c6ZPimnKbcUyG4b9KJllluu/NXL+N+C8BlFxI4oJTH9/NyVp6Y++7N4wNCfrHg==","signatures":[{"sig":"MEUCIHx1sun9vwEiOoaxWMJMQ8vlF5m3YPH/AdXLoyf1wplQAiEAp86AiJtZFX0Ek6XJVYEmanRAKbvrOx4uqfvLnZHghpk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHL9fCRA9TVsSAnZWagAA2JsQAIBypIfdAFCbqj2Ohgzm\nIFW5+w5JU1/2OYvL+FEaldcEbA5fbXVXJ+ilYtzzNXhk4LebNOtNJxNSDAA9\npVrkCTro+V81BDms8Fc8peTcg2Y86ruWB5F229KZNPsfLR33bmowSL6knofy\nufTRyOv+EXHHGt+djzg2DF0qU04adkE3yliqHEAKDRAu1VjVKEij50mgOF5g\nUwvQDy9hDAOppzwCIMhqSXIUWSnE6mg4XZQ33nR8JvXAVyIMGae7YaaXVw1d\ngoyTqNozPchOICLy/22lVX5ZVnk1OXAh1y6NTWzY8fk9FzXWRGzdMvRQLTcW\nEfbI0fMtOhdcZ6E+hwODB6ooIx2h/SDyE/Z1pMduLlQdssj0+EfFj62FwuK9\npXy+W/zW/yxFihorYrYFSabyfaVAz0j79k+Dp8JUbOJtlsIDt+cKfR6EZSZ8\nuisoge2MFKwbiLfo3EXtwdzpBm3gQwFnoGJb5GV6oGHOxqS/XGkBsvTaxoRf\nljwOngACF638E7RWKsbUwGeDlnA+3Y5Yds7DZhLrwCgNMWH714a9eO85siPR\nf8pshb0xuXzbY01zv+0r60YWwnGBPwZPpMVgWRigRsjsitylFF8kbOLiBXHk\nNLzxO6xdqcE/7Q55k3lYGtoWoqKkUBU0nH7v+Lte93ZFgDStsGp0iL0XYCP0\nybhU\r\n=1b3B\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"1f76aa244e85ddde7348716259e771c739c09f23","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0-canary.533092a90.0_1612496734511_0.6118272107498615","host":"s3://npm-registry-packages"}},"11.0.0-canary.633a9fc7a.0":{"name":"@material/animation","version":"11.0.0-canary.633a9fc7a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.633a9fc7a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"658b0456bd9ec5fc006b57c7046368c67668e718","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.633a9fc7a.0.tgz","fileCount":26,"integrity":"sha512-4FC0qN6HvBKLLjevYLqFYSB+WE1a6n7HAdsbeQPB8xA70rT/Xbb1f/fgyeGIdivNoPiRvyfeW7I3019enRRnZg==","signatures":[{"sig":"MEUCIQDoxqfYJ+f8hIwraEmlBh0VKJtcxr3FobBw7dYVLR4dQQIgbLlKpUgMxKH47cbv7Z5QzVlIokPdFe+42GyqmwHSyR8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHW8/CRA9TVsSAnZWagAAkeAQAJigzDtd+WDeMgAIA6Wt\nwB64ki/Z5OuN9kPpZgTBkH/d2pDZTu0uK/paI8zZaKr68qc/hnaT1ch81j93\ncr1xH82jHt1VVuLtNHbhHLayELnDCjGLHZb3wzo1N4Dk8Kir7J0U/8iByP+P\ndepulSUje/6zLsCURqTFeQFLJBHNiEd1vFjB7gLKk7+QEi8UugORRc/aSnzP\nzh3iMYTSSb3WLGAzZ2kG9cQzU7rvZAnU+kcCWEE8nofy7xU/+mvniZfpk3TQ\nYJRzTi3LmfMmztvL3MkrA+W93JPbH1wAC/VL3uTpHnYgFHq4Dsm6dSmLcJAr\nWPMvx2b364OaCoevDefBthLhCEJerMaKxgqQXlc7MCbniWJHLVAZkF+OGnkz\nQ3gWmDoSYBflsMIU0qMcFz49XGzpazO46QXrhEddXeeClEsdCzhz6bY107/5\nbTAkuK+vbmF5PWWLDWoP3kgkZysUGLTvd9CtnkO9OapLhRBFBl+fkEIp7mVw\nMppWKxmN9clfyHBmyUNWnjdfk3PoNvK77agNZj5dm0/YwGfwRjNc9zU8x9aq\nUA+C6dx7+DQd8bof5NcnB3FrWC7q9AObsQSLVEcQ8634aINnvWgkhDgf1iqR\nE3h4cTs10HnkaPe4PdU4DMCSohCn/d6b99y16fzqhPd5Od+eJIznefeD6q1J\ny4vE\r\n=1/Es\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"9fe28e8829bc50c384861e340d551c0718dac053","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.633a9fc7a.0_1612541759291_0.05709717891266841","host":"s3://npm-registry-packages"}},"10.0.0":{"name":"@material/animation","version":"10.0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@10.0.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2833a1779426715b418b65eb4c9344bf647a84fa","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-10.0.0.tgz","fileCount":25,"integrity":"sha512-5e8e+W+n105rfSTRI5Mfmh9VMqzNG8+OhxjfDr7k0lYCfjbkT8LsAInonC5EotJzcaxD0vtDUqRqdW8xKIXNWg==","signatures":[{"sig":"MEUCIBlFQxZdKbkJXIkjukwVXpseOSnfZcPHLysOmazqGmIzAiEAklRNZ1NPwKZwQJTxYS7ZmQoYeb9gwuFFuxQc01QaRbY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHW+HCRA9TVsSAnZWagAAS84P/R1iKDeICQq5e7HCzcZ0\nDmjeqwDMB3QRo2SkAD9wQojRRhZfo1XQrBtsXYu7CRFjOxyuda0/kq8PMX4m\nSdwc5+Re3hQinih5vD7ACs6lzudX9cPXrdUeayKrX8Pkw/qj8liT32ulQaH8\nCN9T6g47bZaIS5tufdf02eDlrMjG3zmciKZgl2LR2o/IP/uoOL+WueUieyBz\nkDS3gHVrU5AIRujnfe2Lxa6Gl2JUAmZlQWDa93pv9Te4uabPh1gD8p59Yyr/\n8TvAcGINVJ1FfnsXWbnNsRAAX6jzbsoqbkuah2DmchCNBiuut3vYg6tWq98H\n5ZOOqeISDrzH0P/FGsefJwb5LwPqMky0syOiAxmy7OO6X7KudH5OadHt2zV8\nG5g9t4mXwuhL+fSBOjnfBv29kEeIdp04c7aMZwEwbjKgn98Nd/Mqljb3lTDe\nC54f19z8/86a4W8CHc1ZNfRPVjtyDvtpM8NxpIAQrR6clUGIqNL2s+0Yu5Y1\nPrS7duY9+JvNSXLQ425SeR6aoduebdWs34DFTMTgcg2Ts73aRLU3owHkrlfd\nG4vd7INVwhfI8rD+o2eJA7KwqwECBXisa+Ozd51bVVVWnYibJ5RWNlYfLRE6\nqzKP+aSqc1DZA2zNw2s/vjIqRNtx8zNgNFAWoch3dDI9uVTUdD8Up8pCSn7n\nAJ8M\r\n=YVzN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","gitHead":"633a9fc7a98d0d9bdc177bc9ccbd49beb25bd5b6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/animation_10.0.0_1612541831195_0.1804551283600191","host":"s3://npm-registry-packages"}},"11.0.0-canary.b5227247d.0":{"name":"@material/animation","version":"11.0.0-canary.b5227247d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.b5227247d.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b1d581eec9cc53c4680f7ee6a5ed6adbfe2795f8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.b5227247d.0.tgz","fileCount":26,"integrity":"sha512-iTvX/o8FVyqZOh41cs89UzlT+gRwJVtqY33BFYB6S5KShBsOKcy9mj6EUeq2T51bfKhNNsOyUEWpfhlwFsexVQ==","signatures":[{"sig":"MEUCIC85QcFf910X1CBpJOeghn1hanQN37kSTfDIAZ2GVpSkAiEAluUPIR5m4KC2oBF+HDR2iIxZnZaZGwwV+G4ylnvJUsA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHYMYCRA9TVsSAnZWagAAVAcP/AtACqYRVgqzUE7mHMaP\nEs3edJObsfwNXMygqY0UhlAFBXZjRy8jZf4VnwXvggWxkJRxQgt8otJedagz\nolbU64665i+HOBKfjPLi8Rr0uKR8LoClIBiwFgSBo54DgbX4G/lBUxs4KGSG\n7I4/fWuEeImi8i41/OMFEzQGrT9sd6hqdBPhdGWWmk9Y2Q7Jt1fgbJCEKipf\n7iHQyHLYv6/huEvi0yZyaaE0n7X1502fLf3Vnrjezcyfsv/ZBNs4UGGbwll0\nimDa5Tg4+31fIhvYlTlvvoYVbU9BDHKjEbgazmn0f5PzSaPpGH0RycpAYYgf\nHQ6M8eq+8UvJP1SVDI398saovEP5xuBpODptR3Ze/SZ25ccQHnOW8NZmS+hg\nYutII1yUMTLtQwfZSrme3NRIopWIKhbivEF/qL/klS917ZmKurAI7sAqax+L\ncl7/gH5ebrMMlq1u18o8tPsqAlrCLkBEMM/7VHv/obpbiSxU/26SocUYt7Jr\nlfED/lD+9XsqMaXRsojZtDXrzAS/yS0KXXFY1JgR/whAQqtptQw9z6VNU1V3\nzyCHe/q2B8/JCvgIgJpj/MwXe4eOd4NbJKmpausj7gZa2esmJpDfp5hkTR4S\n/8eQtSb6nRwJgCzOr3xjM/uF6ccUTGaxa3ogqTSeKPpiVv0Ci/+s0YvBKrvw\nXYT2\r\n=S4XM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"6f733c52a8cabe9fdd3ba4c35cb19e5526d8b312","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.b5227247d.0_1612546839987_0.3265912645518112","host":"s3://npm-registry-packages"}},"11.0.0-canary.95322b11e.0":{"name":"@material/animation","version":"11.0.0-canary.95322b11e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.95322b11e.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e1fba55140ce2db9d2e940b8865fe3717b189ce3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.95322b11e.0.tgz","fileCount":26,"integrity":"sha512-/YsebaNLEOQtybCyfM346zTaVuam9lBBOojth4nStwpDL89L1WVA6hkmvFQC2Ac3eISqlnrTzIiynurnTHHfpw==","signatures":[{"sig":"MEYCIQD+C6c+0JITucC8Mo1OpsEUUGuBZwzBXus+Y6WGW83oPwIhAOh1AQuVogW8wI9c34M2z7hqcpEhwI2pZq5iIoOO6Jzs","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHdUTCRA9TVsSAnZWagAAGmUP/jK3SMZJlwS9h0YvBW1q\nm73/LuidctqRQRvg44UACKHlk0rXWfCi1KKJ7x5WuJ8f+N0bKF6ZPk9upAN+\n+RxzqVLHevH49GgzQSSYqk9BGpItllBavWlS+rH6MxqAsl4IH6bf8wnIBS4f\np2XLwLuUyuC81L9Rs+6ltAIBmMKcDHDktAzSwtW8rFCyCQtdw1LTczLPjuwU\nG7dHrOWuCEynsFH9avemauLPHA0IyDF9ciiTL8Kt8YE/3am9sWkL+hX1hlnZ\nNv+RoHh/WgUqk1VKNObU9x7PiT8SUGT637woxqfXjzgcxzgnID3QXSozFvpK\nyIkxTHF9LFgseWhLs6DTIktK14OrNx/4sxYFRhatk88imZOShKF6dReh2JNf\nORsaCg4cAwZk9ZwU3kh/Mt9JDNewRWVnUgfYLOlqtfmObEjr5i0c1MPIhepx\nMcDFEN29CYSjMR7fGVZd8nQXkDJek5BZtuPaiVUllQJGHlgnQNVD2dKyw6XE\n06RfVOeClTsNQlylgvoU4Z0a8/sONCUW1B9DaYBT2OgxPD6/rO+cidVcC5ZJ\njIIBpRqvT5AdOyoXVdgMnJV+mcg8PdYyYHPq2UYrVnveWXghRV6qFWUYsn0R\nK6btQQEJ4hZK6w9+TXuTv4ilE8ABGPFz988BlkBF+Ah7g7yikUIreNWVYfo4\n0GwZ\r\n=MO4D\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"96cbc49ea4bd39eb1c275fdae68b6bae32b59ad9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.95322b11e.0_1612567827244_0.6564660949593524","host":"s3://npm-registry-packages"}},"11.0.0-canary.1f318ff0f.0":{"name":"@material/animation","version":"11.0.0-canary.1f318ff0f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.1f318ff0f.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"03a01f24b250b9384400eed23e09934f89d1b054","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.1f318ff0f.0.tgz","fileCount":26,"integrity":"sha512-shGRSUY+eWT+VG6477NJDVe8nsOQH0+Rf2tF3CUV6vhWIz2AuNm9H4sDo2ShTn9mF/RBg5bNKgB0hJglobwnNA==","signatures":[{"sig":"MEUCIE0EvKCN4+uhsC+4L8nRPh2lNDbHWoZ+VcUGHCFyaFabAiEA1Wx8ICWGHh1bQJTuJJ55OlPe7qXj32caVsqH+fnZFr8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHdzbCRA9TVsSAnZWagAAEBkP/302bfJBb3EVY7M2aNtl\nRAE7rM0bBLptJWp15o05wMpESLqoVHBhE1PSOloSE163acdwoHVeqrgcDzKQ\nmdnNQYjV/DyW5V7WBxOdb/cbHyIEt4GTT5riXbRS3iyopPRzmKk+J0uCa6EG\ncDD7iEI0+P4I17J24G0iFj7i4qjgwxRmTVVM1weW9KwOhsDOXsZCNcQfvSEZ\nap1jgrgd/cmefdSBIP51NiCu4clBmlSRnGgaNmVnJgo/H9wJXDEOHQ9y+emW\nwz47GN2zxe2c+jZATTwwRSBU9dtvyJOrbrsR4wkpgqL7lk8bS3G8bucAaLDb\n2f7qwlPRWgGrCaCQMQPApKsSEep81+lFw7YRXFSpZiIUib/fahPnlwDCSiTK\nOi41+p6tyWHujDGxMd487FkrFiHY3L8nsXaE/Q5p5+0IJUrLS+YDCvbISWAP\n+gMu7HWtQzMiBRuu/0a015R9Y+2/dW7KbR8SxL6X4E6P+LnxRJxHJxnL/Gox\nCO+dOKDUcMQounRe6raQGIdwTSHxA5pH/iTyWS+dmNh62czcuwSlZcLR/+Fp\n8aYj8coGRqT2ZnDBD5WBKYdtoqEZwIji94ss+d4wLbjR/JcI0P4sKbU9Rbfv\nTBdJ3asX6JS1SYtZPtylR8JjzNx0qtte2Lvg0dUUMiiobFVSZK0OHLp/OJ0M\nLm30\r\n=3x2v\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"fbdc53421d5701ba23a43e18a010bebd179dbae0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.1f318ff0f.0_1612569819089_0.16516247928095895","host":"s3://npm-registry-packages"}},"11.0.0-canary.ab12cf7a3.0":{"name":"@material/animation","version":"11.0.0-canary.ab12cf7a3.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.ab12cf7a3.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"53adfd85fc7f1bac891bc3bfd0830f1dcbab8fe4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.ab12cf7a3.0.tgz","fileCount":26,"integrity":"sha512-wP4r7iphlY2vJBsUs5Hn0Y8X9gu5xWwaqCIrEZ3R35webUPgSqXC1d1Ca/JLHz7Cqokc+KJLLwhddQTD3JfN+g==","signatures":[{"sig":"MEQCIEa7sbS/EehpH0nevuaFzYnIoMOTNmFWJtYGOC9a0TkmAiBYeUCV7RPUJgvXHlvKWOiWpHkyu02+HY+8p0sfFsn/Og==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgIVJICRA9TVsSAnZWagAAnugP/jPD2X+C62IJ8ZdKmCi3\nkll3m6IVOhG6jHbdi4bDzhhYBfxqWVc+qqglqMw3Pbp4E8m06kpBcpNmSOBB\nrimDzCEfxFCX6mkeJsCe5HRWRunBiT0KE23LEBkqjgEBk2171D01VrkRUfxo\nQSXJuDRZ/vVGD9C9vapdSCTn6XGcdwhywbpqSiAtYfK8kmIV0DFXKLAI02/W\nUeF/pDEDSWYDzb2w5zo0k8JTilZb03Ho35Um9D5+cfreRekS0Zzq/HZq4SBu\nrNJdcLbsYfs0F5lfD8wZVHZBznf5NIbLGOwsWWE4m774ccCkgwRBzMKAaGb0\nagrXK/QwaTM7Y6g6nbaxUJdaxoge8GMPyGDbnt1wT+07Ekib297Dja9vaOhc\nN1Ll/cZzGAiBEVkseckCjgQYflWvxWpGp6jOl0+YxIsHF7Kq/tL0/1ycow3Y\nx7t1mCNuRaW3W1xeaEHNRErlWE5hpGqJx8wvMTexvLSPdFVzAd5YadpPkptO\nJk0WKC/0eJqlI7bMSu76Khfp8xwRAaMcrM9jnYfV7wS+w3fcF6xECB/jvAG2\nc/vsAc4UwTn9GQT3JFVUe0EHzQmCesouP0mtr+m9uyKEjc9rorL9pZOqEO+n\n5qM6HJnqMZ92i5FiwYjNo4ehaP0meVaHkEiGG4xN5ocmgCGkodhSrRFnFvbA\njHCS\r\n=3Eb5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b1cf52745607ed664e2dca58a230a3b3849aa273","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.ab12cf7a3.0_1612796488177_0.9981113853483139","host":"s3://npm-registry-packages"}},"11.0.0-canary.98db2c5ec.0":{"name":"@material/animation","version":"11.0.0-canary.98db2c5ec.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.98db2c5ec.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0bf555108e40526a2ccffde8574ab8dff5054f57","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.98db2c5ec.0.tgz","fileCount":26,"integrity":"sha512-8qInITxlnoudnormI2jmL0rCje0A6NEQzg4Euvnj79BP5u/vGdpX6Vz+IfwA4HSggq/AJQrJmxDzGb85vD7A6g==","signatures":[{"sig":"MEYCIQCWhQlZUOGWcdCHbmv7CxiRibAbnpBjOgydXIYDaoOqFQIhAMRPg5+fGZ6IhgyVrxZA9fkRI5ByEOwWaamQuRMLCFDq","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgIVmSCRA9TVsSAnZWagAARe4P/jh6T+B6FqLgBXf60t87\nJzyrTgVqN00lf8ihX34JFfwtwfQBKqBK26k57+ALOeGME2CZD4mgg1bUitCx\npQl/HLcyUA8RFu0XJhsr06pZEY0naId8O1ALshA8WukxOmfrfjUKh4EdTQL5\nZJ+Xln8UBAMNpW1Jt6/iZo0piH42Ck6uPKrOD/vbh7TncIT7gxIsEZaeRp4P\nQsl3niXvFvfmbYeJJyGOavD+XaE3OCncGS+uKwRAJKCYvWDjsh4JDix7FpG5\nUBJePp+mAWoqcTcCG78tkf6lF+bmXiUJxo+Tfu3RvhXfmfNHCPr/QKaBDh28\ndXXOk8rEzAdp5IUinEXlm9sVdYTJ9giSH2PW5EOdWrf+TdvGkJV/DsibfMPD\nrChV1EIqEIGAq0otaQ9lvGlLR0qGREAuLGEQVG+lC79n9a7rstlOj/aa0ZbK\nkDh0kP+/C1sUX3APxY73VqlqszAN9iP1scPHZzNr31zrim8AJAZwWbTgF4s5\n/daSTw3ipVZ+ToqjivwUPZOaluem9J7vMfun1Cyfd5fleAf60FtWgReUUgaT\ntuH1qaMAkKLyXezPl9k08vinq9mMZzMpY6vI8LkPTJtOyxxFUTfNl/0gPBJP\nh0mjlbLB5x3fTQxV2OitaARwNOKT5MysSq0cUR45Bj+v4ccDOHsyJwojm2wM\nbtfi\r\n=Rb5n\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"cc1b9da2cd7b871fe0f5c8370793e0ad9b1a5f1d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.98db2c5ec.0_1612798354380_0.7789635742644545","host":"s3://npm-registry-packages"}},"11.0.0-canary.1f86b9f6d.0":{"name":"@material/animation","version":"11.0.0-canary.1f86b9f6d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.1f86b9f6d.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ef34a394d9333288a70a990b7747ae2e5467ed8b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.1f86b9f6d.0.tgz","fileCount":26,"integrity":"sha512-Pdmi1xpiGK/Z25b37nPs0aFP2VkvKRnQAhBzSq7YdwDnlB0DOzN0O7kj7QO7PGiSkzLDxI3aOJU4KSzKRryX/w==","signatures":[{"sig":"MEUCIE4rlrsMfHEuDYz5SWNqkHxOzVStAJfrQW6Oc+RFSmcFAiEA7qAP4QtKHgTarMueD8mhViDCJtMGN9o4HMJXpzH2+kc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgIXHHCRA9TVsSAnZWagAA9f4QAIuCaSYDGfGKlXtz1Tuy\nBvv1clegQPGSfwvfCxjqi1POigVVCFXjCGmFd/3PmdXuA2V5gjZ42I9XFOAd\n1+lwad3wKgJgjucN72kTwAd+wP+EdphjEzuKWEKNw87XDvPjwbmTgBv3qKKq\nygGFQgjvxqp2tJ72s1+Xbfe692zOPoweVCipBpFBfV1lGkW/YNtY8OZ3gFiG\nbplpDcRHolgiuyOS8pxSi3X/+SAlIsQuUu28kWxOEfoc8zc7k14+KxENtsqO\nao9BEsrRZML4TzmTATD1jCxmc2qSNtYhzes2/wLU4eFv+7ElZ2XMATieAYl/\n4secY3OYHcH09K0AsPVtMNbXivsc6/E7i7hOweGsthPxNNevJ0EpZNqCSYSe\n66tFuN7brUSdzbmPgIaIZuodfKhEUf2nuyFHSv75YBLn3MC9qtAELN3LX5vX\nJNYg6tJeimRIhDocv/4lmZnTRO8cCSvXxf0PSM5cnnpzqDBBjpjben8HLirW\nmrmAoYtF95Jf4amH+JshevwNJbiruCdIthbGiCyuPbBThZeNy9zPcViHf2aD\npDKRqAiF+LeOkYduJ1AskPKzP13zYijE4A87YgRi8LxmNfYLKlz2Pdhe/RnH\n4Y8/AaaI1uZqbuXtsO6hiSs6i39OjMXIg6fsHv8wkPNfYany0vNTaxSxI/Qn\nVT93\r\n=Bc1+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"aff88a7d3786743558ecb0dabd92c225698d2b93","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.1f86b9f6d.0_1612804550983_0.507515669357647","host":"s3://npm-registry-packages"}},"11.0.0-canary.aac8f5d9a.0":{"name":"@material/animation","version":"11.0.0-canary.aac8f5d9a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.aac8f5d9a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5bf7d3b1c005d30988b1cc6ce68fbb125b46e9c2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.aac8f5d9a.0.tgz","fileCount":26,"integrity":"sha512-XRBtHe8C35TCLSOcH7e78OneqmJs4GEZ1V8fBilHuCXaHBKFVmY2qEXSShWOjcJHw10em4NDJb7R+dIOIb+f6A==","signatures":[{"sig":"MEUCIQCBxQ0jLZfoiv6LJntzQ3R7Lkhhq/Ro5rVwEFf50fU1MgIgNLpx+MaBfneBYna5IB2OipGbnmcW7fgi+Qv7o7xOG4I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgIXveCRA9TVsSAnZWagAAwHoQAIdfrSiQ7ULJMUDynKMX\nnu0hWeoZ2u5Y2MultuI1VS1UA92peh5oP4BtALmAwqBTcYAkmXOx7zoePT/c\nWYebJXGUuBX6IhuFHKnne2FspvnyPzQie4EPzguPlJIzRzSulUNEKBKifZ7F\nh2b+tkoN5q61p2Gl9rXdfAyqn9kCWoNMq7FjIX6KAWkQDtQnAdQ0dHduKPGg\nY32vJNNdR5/OGpFgz+aqI7Vas0dMYCFtFFMyLpukW1QkcXEQ3OyKuFHblKKu\ntyVVUmw1lRkY4SSBcEj1jpSezlXryHCzAB0T4BH5JJ3l74mZm6QNcnblFKuO\n+UqD0dCxpT3glLv4aiyJzjr5M7QQ+NWH56PcSAlOY4pB55I2U4n+Zejh5sxe\n2S+k7321RrXxSYa7Rh2Kl9IGsQNWthjvZmIGHc6k6898852Boog0AafdNk1I\n15nPc343eLpgP44WA28R7/EGu0dyn60ME6GTY1ueaK/rmziZKZXkZwbkX+on\nT08xNhVdRCzwo9F1ZwVeymx/HACaMBf5sRuT2kcz/EytMRWBm+/Bsw3rsTWp\nhVqDrNl05N72XpQBgfuDHbcSEsEzeS9juPkXfOhkHYaT/sYdKt+mTvC8Ypwf\nspeo+cr5Nu6TshwhiMrAc/1s+MG30FgiY7h+vFdCs0Rw4ylNS4ycx2xf6zjy\n1MUr\r\n=vb2d\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"5accfac22392cfbc1035dcad920093851b33cc79","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.aac8f5d9a.0_1612807133567_0.8488204371431356","host":"s3://npm-registry-packages"}},"11.0.0-canary.750e18fc7.0":{"name":"@material/animation","version":"11.0.0-canary.750e18fc7.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.750e18fc7.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c11ce547c3876b972d8d15134fcf37fde3ecc53a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.750e18fc7.0.tgz","fileCount":26,"integrity":"sha512-7DF6gLbFlV6ngdkUoezavqizhHanMQEghn0jfscWksP826X+6MoCqxZR7bjwJfBp2H21CLx0D2ptk+0GoUDLlA==","signatures":[{"sig":"MEUCIA1qWMXQzhrE3yqqDVYchVJYJzSrEEq71YhS0IJfs9BsAiEA4iwvoMZJPUDfRlZhTpUU+wqW/mTVuCOa5qJcd+WT62I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgIa+0CRA9TVsSAnZWagAA4xMP/jT+n22LcTQAGRL60Y5P\nBf165ARf77+pJJnWBrgkZH4gjSPA+e0olG8w156DBQBg2sqiGXkdSCFqBFZA\n3Is++xm0QvrYBTjkoG8CNiPzHmruK2Fmn7yzgNvanBY0ISAwRziULTsOo1mo\n6+fpCSFOMziECk/HJzY2jgFPTPoNDGfsMTw2y+SNklrtaLYE2rAL4Gfrwk4y\noBxZP/NAOMJDj8JagXZ6D+3qgEHUJyCJ1An7Dlowo2QLiBwmw79Is4QbGgvt\n8eZdDzCI1/zn/fhuWYOBSoz85MDMpw6IrdVsWmZCM2RhZtYkuIEMT/mfaZ1h\n7CpzMVQaYicztCy7V0doCd0QXkUgR2N0V6q42IKBR5WcjuThJXpcUKmtF/M0\nLrXp6AodS129W4NKOKpzAHlHJVVeRZZlThkcZng1ISgp/Lei3b/N6QsOEzSX\nnQEXzPR67ZbzVaLkn+v7/EQgmTHoWV6lqcsZL6vnjiKoNtlAQBdFSXIFZO/V\nQQmMnd897xd6S5iWRL1aEz8e9fbhCk/xycUmhsE4kev+6kV431KKtdNHs14j\nq//1aqtnkX6wpLAieCxmy0QdjZydDpmFJdLf6F9gYoVZZ9td5abyx22q7g7o\na0kTPi04EMfnuq1tae0L/lwuRvDTTz7XcUdSZMS6QzeoB70lWrFxobG6QoRu\nrkhm\r\n=xQ3O\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"1bab3bfc895c50d4159c7b24b69d3ab3a7eb9e72","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.750e18fc7.0_1612820403288_0.42778885602269345","host":"s3://npm-registry-packages"}},"11.0.0-canary.b62b1266d.0":{"name":"@material/animation","version":"11.0.0-canary.b62b1266d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.b62b1266d.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"17f29cd2166a0cb4dc163c8f02caee221e34503d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.b62b1266d.0.tgz","fileCount":26,"integrity":"sha512-lgw/9fbnvQNe59GUSv+O0sixvEneckLllR/g6VOXA3RhvsS67CHndrvt60LPfNtLgzk4DReBW8Ygk5XYNIsilw==","signatures":[{"sig":"MEUCIQCbnIST7sxS61Wk6yNUrFdmRdOWUdgx+9a9tx6YzG18HQIgUsfaadHyrB8DeXJ0DkA8JycfTc0898nmsBTIhcawX14=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgIwPKCRA9TVsSAnZWagAAz20P/3t7OpIsGelynRoeCTpr\nyvEjjp6tK2u3HhbfUUNLOpYv3asn3Bz8DoB3NcWIRYg8xMNQI1w0El0GTb4z\no2gov54jvjpPPklhXmDVFDGUF2hMdzy4ccJxRDQlVfOyoKGVbdLffjZ/E+zR\nJIaRyEY23BYdVU6RMfSM6ZQ8tNk+gsSkcXokv0H+tD3TL++/JwR084nd0Qtt\n7262vUi2//AFUxUPKGyRDgHaWXE2fPaSoK3qU5w5lurSLZFF56GwuwqoiOr+\nV17exUO2xWKdUjZBKswmkw9THoAk20Yd2zEKA2Q29bHe2nks3LnS9c+keCAf\n+WbySxKVHQIMo3/8H4O0jeUsyR4dA2f3Xu5Y9BusRxaYrGFsEE9AnObNQ3xi\nXNH74Rg+G55bZIsKicbdOpftfTR+pqHvXXcTWZjdqOf7TGwgQMEsAnza+d8+\nOIBc/uLqur02Xmn7MsU8gYIUu0wW+JI/j7jNBum2DfRxKnT2LDagJ5Cu8u16\nqwMCbYJX++/Rl3rQXaXWg+eORZHGZqxSpuXaU8Cy83Hd1CfaCeUzZVsF0kat\neg3rhQmZ4J29iUsKJiAA5laL8uW4MMlHmkWzDqWBUd54x75Vi6Y1NZlHql2r\n/8ZU/2y/Lj4O+6UmohT9B6A7eDUxNMwsGbtTUZ11XNVYS4EOwrWLPdK+RFfb\njLFe\r\n=BFTU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2369de5a28b7ff8c15bb5f1b2ba96320e8a9126d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.b62b1266d.0_1612907465857_0.5802147737924264","host":"s3://npm-registry-packages"}},"11.0.0-canary.a6b3101fb.0":{"name":"@material/animation","version":"11.0.0-canary.a6b3101fb.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.a6b3101fb.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"19aa3daaf80b360276d13b53305eca42b42deaa5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.a6b3101fb.0.tgz","fileCount":26,"integrity":"sha512-ejFT5KYdvHtupcogUPRVjIlvTM+qS8PLkTYfU7Lj5nxL04Xkqd88X7/wiNjkATx47V0Dv/oXEa2DqT56LX84/A==","signatures":[{"sig":"MEUCIQCYtg2GwctifQshcXhgzgaYWuCvuUZNq7rnzDua6jwYDgIgC5mZSsRXJqw1WblT80nuciuLRTsNK+knzICpFWwbJdo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJbqXCRA9TVsSAnZWagAAG8UQAInqZ/vnKh5KKhhzkniN\nB0xmn2Q+X3iKS3hbJalSUBfWJpG1SZzFAmLvJkeLFsvl77OUW57aHmD73XCB\n8YtgtH+OwM+61F7dVe1dmOrsv2Jx7lfPachZZv/eeArsUesvNH80Gn0RarZA\nWYFHzA0JllDe5nfZyaJ5UTi/c3Tqgpzuzt3WzXnz8EOu51+aIwN7lXSXFwDA\nBxQi1gjAWZYPjlyulFgoSr15AMNS4V+VFq/IcaRxeuvT38w9q4I/P4MCD8HM\n6JzcKUY9Sxkpcv6Fmt7fPniPj+q8cETxhGX+qcxpM0siNNP6IZ9M9Swlr7IS\nv5X7Jav0cP5BfvWuf1Od7tA7JopYQwJ1LlxsFN9/sujNkvgA2JW3KqvPc7dY\nD/jWpkyXcxQqhO0McS81uGG7+7IkIs2hJkxoRRofZSp8/hf9jjbPLTdwbn7x\niA6ycLhnmWZcFT+3UZ84ABdre35hTzSgMvkz9W7hrz2faQyP1uqj39sbSYNg\nOIxar05t93rJId90uLl82/6sm6gicnIEOP5VwmG9qt5XNypj+kc+HKDbVq7u\nON+xQ72vxIi7xLcKibULQIx1u7Xgs72rstihixUdvaG9KQkJpVF7ggwe0d17\nsJ8TBxSB4Gz+3z8Fuo5OushHKqSEQha6vAyi/8BZSp+VPIQ5fX2HMxsHYRX6\ng7y1\r\n=cN51\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"4e94d35f86983ae07d81d1c7893ffdfca50c2afd","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.a6b3101fb.0_1613085334771_0.4342676577265312","host":"s3://npm-registry-packages"}},"11.0.0-canary.ed88df700.0":{"name":"@material/animation","version":"11.0.0-canary.ed88df700.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.ed88df700.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ef4bee2503c4aee702f949997bdcdccb514d76bc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.ed88df700.0.tgz","fileCount":26,"integrity":"sha512-pNFOpllOQtuKvFSNVRYK2zdF6Iw1NWfBbxd+r79yltzCq9j06UiW6CMv702uTNQYTZU/Kaof47FjzxBgW4PbyA==","signatures":[{"sig":"MEUCICPXtqdaRzu5S18wz4y5XMA4uGeokE7YGy/CKOPIAA7/AiEAkgLhtgxsIOdIIVnIWspqowY3nglkwGBypdbTBLfkjPk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJcY/CRA9TVsSAnZWagAA+PkP/Rm4vT67afbRQrSOuHGL\nYdFVo0zZEaJzpbb2VVbbBtAOP6rGFOAr8rTgM/lCDBg4MvcwWdD5tqKFZ/Hp\n58ye21CpX94/4QB4OFs7HISqExLgW5NUwsNK1bbjhKwBudzIcBpp8ADWSLmR\nZGFreU+ydm6SntoIL3YniD8hv1XHWIbvTIhGja22uBekxU9b9kQO3VMP14xe\n60wq82gGN2rQUO6or0dY9Uaszz8VKvPYJeWMcWqyNqSjORGXoMny4TsAqEv8\nFjAVKjsCjUPAtcPVWMoITCn2CWkmM5RFJqTOdAkWF4Ot1pIA8G81/kxzpHcL\nvUSMxz+jCTQREzr3mpNV2jk0B0sZYg5brPXteptUUGICY3ldMjH9YOjrkFdh\nEiy4SHQY2LxBdfU5eULN/1RAnaJsv/egjbppwlPPc7L0qrkFqWvzANXlAHp/\nBLFrRtJC6T3mdKXroLMbDBHCopBTSRykGzFlHYbnefo0sMaXnVkwN+t7SWG1\n3Ssnnw9E3aQv2ixUIgIUe7yLRaYTi2F7E/qAmpa7yQcAlgDFVbUhQ4rGRBQd\nX8ay0ZZDLVt6CHtG91hyyNSZYOet/VjLVMyp6ZhVuihaXGPw8qVaDVGYx86g\nCcimnZzGU7542MHKvwJUYlYCaVVe3a6PB+jmmOj0cO0HJECIZedLQO1Wm2N3\nPSq3\r\n=Q7cc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"9ee8b051c4fdfde9d63ea193e791d71e20094867","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.ed88df700.0_1613088318426_0.13927697027014996","host":"s3://npm-registry-packages"}},"11.0.0-canary.d30efe6b4.0":{"name":"@material/animation","version":"11.0.0-canary.d30efe6b4.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.d30efe6b4.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"06b7c87c2f1f7238add70e2feace0ec3e5657070","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.d30efe6b4.0.tgz","fileCount":26,"integrity":"sha512-gv+B5dRYNg5MbOXeXb/ski7S0wNkO+5ZGhuZg3eYL3HGxtdrBBo+Q7ej6Pnzi+QR8M9ME4VE+VYkkFnU65+f7w==","signatures":[{"sig":"MEQCIDdc5dQ0p0YTsXspasX4ys5IzfN0iDNA2lJlEQ0MHPxkAiAfX9gzJCdXeXJl82tZoyTERiXU6lwvSOBc0qBInZ6NGQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJeqhCRA9TVsSAnZWagAAVagP/1YJ57HpoNvBYN/7utqG\nt+bRNYoQhP6m0TUhItnjGr3JIxZPBhN7oPGvRjm5IbQb9tnn6M6w6+YXggtF\nlhr3ztbnwlUUpxLnv1jGGPzqu4JI/S1hL6y6Cr2tGjj22xcs4dDCM/Shv8BN\nlH6pOjcNpa1iGFsD+/aVFiecP0r+04JVrvJ7REnnGjB6jJfipVb/guyq571E\n/TMddEZFU4EbPRSz+qwFwzzN3EN7Yd+LmAkF4Wx4zDDrSo7A3wBiBqhlH2VZ\nQrNuMtmcW+MU4TTg3S5FlJKzT35sod3uJ8snMwkj0Mq1/thKDVY56RR+5F4I\nMFBZ2dM5h1nC/P8ZzmXoEb6LryzxwlPcv/YMYDe7IbczkzwQNVhn5Fb1XmEN\nOOZaxyevF9GXgUXUZ5bamEKTOMZpUWSAwzTqmGzNj4IEULgNhRGzWPNXO/2X\nUlQpoVQZyBy4QC8EiDq+dZpP8iZNQ2kFKeqAWe+DdkgBhkXgGl6TcmvBMEtQ\nWdgnCBZuogRc6PU5gkHyvVeGrK8EIKjJO7hLrd48MM7J5/wGTeukF42ppPXY\noNa56IM+BliG9xgMev7Dk4ZniHiks4OBijKmviafdXk2ZFn9w74fQ81OfF5Z\n4J+Sh4mquL3sVbhAq03ykxuaGZwHKLgmQGlquis5uKqTNh+Ct/BWgSB4sXuy\nC4Yt\r\n=ZNEQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"0d2a46d4ab9ca5088511e4e0b5cf2b261e3e644f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.d30efe6b4.0_1613097632511_0.6632064888997775","host":"s3://npm-registry-packages"}},"11.0.0-canary.0393bdc4b.0":{"name":"@material/animation","version":"11.0.0-canary.0393bdc4b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.0393bdc4b.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7bed742ed75679c254367abd7e96eefd9a65b421","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.0393bdc4b.0.tgz","fileCount":26,"integrity":"sha512-Yg/1TSDbFly7pMrvqxP0qmHqV1VMYvRrYWQ2QfUgWUfLY/dDPkah7Qp72zlVLjSa8xkq9Yhg17kvg6hEl/hoQg==","signatures":[{"sig":"MEQCID3c+dVlNiM/DSsz3mawNzs3XuA0kyRFDYAEtAhgEDJJAiA5EActRqv9rbPPTWm9NbqwCHS5CiyMQbhhFjHCVn+nsQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJgQoCRA9TVsSAnZWagAAwOsQAJab+JoVPmekNY9oFIUH\n+v/Ud9oXcqTPv5L6BD2ZEk1UzavS7876kApKbX/vw67AG1k69ZgRaRQu4BxG\nPbfheXbWQMK1t/WY8onX9qv/WnmSxscSS5+6qyN/ZkquBb6sl1cIwntCddTM\nIekh3JGeWNyjXUTg6mWZNpaCMuW5phEoFNb3VyHj2VGjFrEfkDQG7CCX+quS\nxSJrGs4dEIwdz52ZQ5LTmZd78qMQErWMVxOYeFMKX7Aj+k7G2TcE1BFKiZ8Y\n1V0bEcgM2g8pjWTJlPdYw0tX0nZdRModykj+CDvGvIv7C6UOFA+0Ni1LDwSK\nssgdloKCyc7E59Le7QyrBgykby4+NKf0/1hGuXgMzPhnTDAyrBZwIfe1iwFC\nYuPzPn9yf5ehQ5MmAgAuVMzVcdIGWsW8px6kutMz6zxddqgz+XSHpLU4UbUD\n4nr075g7ba20qTbpEJKRP4YKooRCqFbFG4HSE1cFLHNTyWG6f/EWkWU5jrth\naKOapVFh87rTP5VqMi5Np1yHIXuitkonrnUXcFqoE1hdaU+S/PVk7IZ2CMlR\n/86W7oUtmkfsmauJKj9bEpHjy7RNTjhf5Fed2Vap/INWCTg7Y2W5QMwwx0lh\ncYWi+2s15ELUcwlgxhZ0OjWpHKnV189n5hRvjVPOGW5KgdgQpMkprA+YSUxd\nPVtF\r\n=GDGh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"8f241a2f549ae5b1fefdbb0c93ddadbc1e1705a6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.0393bdc4b.0_1613104168042_0.13238004151576455","host":"s3://npm-registry-packages"}},"11.0.0-canary.7cd26af4d.0":{"name":"@material/animation","version":"11.0.0-canary.7cd26af4d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.7cd26af4d.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0cdfa559840f182afd6f064ae3e815249f0c8033","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.7cd26af4d.0.tgz","fileCount":26,"integrity":"sha512-8J++VZPE7sbzohMadj4bCCVtvu2yAAz974itG4D2UISiolW4V9/SeIh3IyXL+5pYSyUjVZbpbZftkGYWaWGOzA==","signatures":[{"sig":"MEYCIQCm48SeoeOBni0EehaOuiIcyNGkqe6KHz+mN1m8xpY4SwIhAOLW3pKSyxMCnfWSsOGJo0BIjBDaSdlxF5Duqv8CH8vQ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJqWJCRA9TVsSAnZWagAAZX0P/2bSGv4hWRkNsfYuR0MP\ng+TR4lmSRpbXyK3ny6NridzSHeJBZEDnibuMgZHttmb6zqlFxpsjEGCmOpuz\nBusUoYoCvf9wS5iyOyDCH8veezQeRMFwS5UQPt2SO8TXDjf35E5xmmya+hhk\ndevaFTM4HAyLNWvD3tTRK/7w3ICEMoAyFUg/ObIKK1S6mXRham1fqRv/RMpe\nn4o3lqwbjCRyiKFQ8CZQMOc0JrRo97wqtzPcOceWbScZAjREKwZuKLxEz5gj\nYrJRRhXO2RmhNOwrjfCAh+LPTGop/Jrc/g8+18COilSAoKUk9mZf0CS9vfMl\ncMx329tgPNQs7abkpEnF+qCWf0Mhhfhh6pEBVBXtZtHESj0VferlFzpEXp7i\nNjMMS8BHtzNiEr7GGN2U9B3YQGwQ/LBd75WeXUXhJ5hZFCGCBGbyIbAnDyZC\nAVTdCme9p89MSYsdWDOSLcgJcdW41T3kNOkHKYTzjoJFD9NwmStUsI7ZnYtE\nRoRORKw3Txc9WQ5eGn2/viThl+2uBUeOh9Bv4w7rSQbXnm+xm/TOgSuR5Epi\n0C4TOrtYGSzQ3aAG6S7eb7iJQ3lSQLeje5StIooyfHGAjMraT/Kcbv5d0d3Z\nLKtVTCiIEoAhtRP2PyVjqiy6bsZHHv8vbYZVN5De5Rf+i5hKXSeq+3Zg7THT\nZeLf\r\n=9ND1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"da78e237011a9e38abc623fed26601ad22a7426d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.7cd26af4d.0_1613145480862_0.6691312274557597","host":"s3://npm-registry-packages"}},"11.0.0-canary.71fe9a067.0":{"name":"@material/animation","version":"11.0.0-canary.71fe9a067.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.71fe9a067.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4af4cd7736540dc4d6f1137d0ba25727e435d5b5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.71fe9a067.0.tgz","fileCount":26,"integrity":"sha512-JdebybvryLJngIUwdUfXNfLN2NM/+b93eVGBgok1w2uLqJnpf+OZkrIa/t41k2i18B/mfJ7nafxOcBwCxmWk5Q==","signatures":[{"sig":"MEYCIQCMvIlIdxtZ5YdIQ6HHbeOLYRnskgEAby11o6qhEeoq1AIhAK2z9ZS5TbK4ycrOwW6I0/yhKMJYW6jiR16sAEe5qE9i","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJqzdCRA9TVsSAnZWagAAIKsP/1m2NAltRZ1c2Fulr5oh\nXMU0sx8ruoBoHseqmHOyGI87O0iopAKdZloohvWOft21aDQmZr5bsyc5cRJB\nGxbhFRC1Zej4Pkakpu/W/ZnCtfl0zVRmx9r1an2ZQXK8UgXeV6bggedeEOX+\n3yyYxQp0n4/dAvQx0eLUzKlQzGk1yH61/2fC2oT+nwRJ8nHZUKr9fsfIjqaK\nk7Fl2uVPRVYq6THZqZL7txqA0wNU1aLKp/xIwtDF67HCnPmmUJYjSNkDmNaT\nkD2WnxoUZ+xBM6t0z4zXFFoocLszUtQ2FSbfNSRY2j3YOjR8ohIOsmXG4dPw\nLc1nv8coWBH3Q12G9D6ydxnAPQvms8+FU3QbZB6zT3VoTUq8h50v4gNWuyNo\nUcJcqmJA21nrGLUMH6cumB/WR/J2Wp94kHxUkc7As+kKe4qrtLPZk0CQWKcl\niTXu8UXht8IriOTPtO8TEtbYaQCeY/Nv6YvltQd0d/zdbjxHN9sNZQjeduCE\ns+YyL/mNMP5KT5Rs3N8kTXV0q8P7umQDl93CdMUupI6iXO03Q+dpnuKZ29SL\nzKitC/nPncYU9yfMmoeT8h63oO48vbyZoduQW7l+eqEf4vdw3KYTU6Kp8VJX\n/xXUws83RWI5E/w7woFgWGGH/IqiLsdM/WBFJfM23NuAZ60/t0xnFrlhkfer\nZjbH\r\n=Tte2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c79890da6d0bcf08c3d7c57e31df805b50394019","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.71fe9a067.0_1613147356961_0.06561820377129779","host":"s3://npm-registry-packages"}},"11.0.0-canary.0fd56a86b.0":{"name":"@material/animation","version":"11.0.0-canary.0fd56a86b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.0fd56a86b.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a8261066e75a4710d0c49f84efbda8b4b1f51a7b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.0fd56a86b.0.tgz","fileCount":26,"integrity":"sha512-CX57Y2vxoEs/wWXvSljR6jQHfJsn7WnrdLlZZZrkInH19RjjUiCihSqhXg4hNHNamj4wgO3bb8+/TEY2gzEUNg==","signatures":[{"sig":"MEYCIQCg3AQRHqGDPvn/XZC5rZ0GJCbgx8qYwxKdyJr4PeXvDAIhANdWRKKjlh5F7xwdhEyf9sMwLWqgkMvMeKpyflvOdu+v","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJxjyCRA9TVsSAnZWagAA2rgQAJ2peWStulNRhu83T24M\nRxe0xNfTeppH4rVZgkiMX5TpP+SgklibdHPSrAgPZUMCb9OPJ4S91RG5sY0O\nSpHHAiCWVgP6jXRXg/lVYx/FDeRIBTPatIbVoW6O9ZcaI/4QyQZxhxpX8D/C\n6ofq7TQzqd1L4HoreEUlPoDD14cY/Ktfjsqbkj13gUt+V2CVd3qkdefK7wVM\nFvWygpwof3s0VlKyuqUB/TZXF0Os6RKG1dbJjgd2q6c6jBxzfFyw2thyjZ5n\nLbu3f5tsqAzrFMZosnSt1SuiN3QENuZk4+FYMn3eJZP6nxHBsTKWKAl6GKJK\nCtINYO+o8gfydlvoUwnb7rQVLtshq7yb3TdHIhQkg+na1G+wjrunLctpngJO\nX/9PAchRysrDxpQft2fg14zlqme/+FABCPiDLYsi573jS6tf8n+NwEBDvHS1\npiacDWmvJBo6IMsRM+qMD8p2Y1QBZ6eHOoQwfmRJBkxKhIjzzQNkuUXYLmX8\n9pKw9QLWLDfhF8KzNOKo1/56PKhv8LXk2pdr5Mb/m0EvPhzPH2Uu53yIr6zI\nXlxDBWBYPjrH63a580DpEYbo8PlTUY7i4zIg+6LXQtmaNRY/j3axP5QNja4h\nLXYqJ9xliPVUseZjMDMsUKXuQC6Q/Rq3LNgfOCtnGVPOUPSAtBuqPHaUOky1\nwNX7\r\n=Gqlk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b5d7e78bfa318c864343a15754f4c5ab98160ff6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.0fd56a86b.0_1613175025569_0.1118979734324741","host":"s3://npm-registry-packages"}},"11.0.0-canary.f19bbc4af.0":{"name":"@material/animation","version":"11.0.0-canary.f19bbc4af.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.f19bbc4af.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"88384237442b12f3eb9c93ac2917a9b903a8ce68","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.f19bbc4af.0.tgz","fileCount":26,"integrity":"sha512-SRm1Wp4gxILyUfcQNkz7ITl6Y9BWmhH8A96pOiHEb/cWAldX3Vcq8CDT6oWGTkX1LVE5hijONL7Eo10euSlccQ==","signatures":[{"sig":"MEYCIQC9JRh6U+djMi4x2RP2NHO6TNKTW+y/PXACpwFrXHMDsAIhAMajiih2aXC8wxFSG0q5pSc5oUDnjgXixfvHKAmCrNLH","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLEPXCRA9TVsSAnZWagAAuOUP/0Jam2zTRpnTDyskuugh\nBONqaUam1rdjEyyKTJG18DjuC0YFHGtS6e6tUeGihlL8GLjt5YQSw0l/FaVs\nmxU19aQb6wBQWBykXaTk+Mg0Us2jGvspfVrw9dB2P2/cNIrdfBG63P6ru25N\nOAbk+ldXzrF4NI1ZVf8CEGE5sog+l8x/sVYC5c2Y19kr4U3vlTjpqz6mJSYc\nyyR2DO9cYdewTxyF2+ylFdpvGBS41TELc/m12Gke44mNO3UUra3nExVYuYlf\nEsXVQHJmyrEwV7aklxPL/liL0UtRMPUiU8NEmAw+q3V3U8bRXYzDzOAr4b/E\nsMVrARaMwe+JAWB0EepaHUwTCzslCeKBPXynjvbQbGPqmSrztcpS/eQ8eyzY\nWhLBEfJ5VU8Il8Dp0wBeX+Ay8eCIf1NsrmdBgoUsBNqx50TJK+aqcMpQik5B\nJTaApN4w26o3DoNZ9qCN8M9ZnrfYBCTa5IwHBC+Goczx2/mSRuUFz3annHmB\nmTDbACzQrgGb/P+p29g+Y7phTx7FSCAXt49bZKOFracp+2VLCSnKWeiBeTtO\nYGkkpR+e1ciijbMRxaBWsgT33lr/ARhupgxpkqqZoAAafSfk99O53/bfnFzM\nnVJni75p5MjP3Uj7pOxslxkMTZVG5hkozkWnawh+EjfIpVqYebsb2pVOQPRs\n3ETf\r\n=TNar\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"842729c260f5a3be9fec8618b41657a90e725af0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.f19bbc4af.0_1613513687416_0.9759292534937292","host":"s3://npm-registry-packages"}},"11.0.0-canary.f9cac96cc.0":{"name":"@material/animation","version":"11.0.0-canary.f9cac96cc.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.f9cac96cc.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2f01af6fd42c05c497723743e072517cceeabcc2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.f9cac96cc.0.tgz","fileCount":26,"integrity":"sha512-ytAbMuwM031GZswkDfOHWkxjgVdEGd6dn+2cWluXQLPJVjJlrJ1EpUlzXKcp9NBHry1mitMywgBPhg6p2M5AkA==","signatures":[{"sig":"MEUCIQD1CZGA/C/NVbYbF2dxZ5jgOuyU0wWIQ9bKvmF8E/ApBQIgRgjbMweA2+uDk8nxAaTa0nId701GTkNnG3yByMBFff4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLT9sCRA9TVsSAnZWagAAbJYP/2f1gULZry2en9I/Locv\neecIPR1mDQ+tDqO7TONlV8voWZaO/eE0wIKn5gkvu+GzgaLhlN6FtFpN3fGq\n2kn6YuahQ+Nz02KSzWJsmJEek3RHJ9XSztMFHhXigD1pG1MXURAm4fSO51L0\nlwUd9hNPPGC08tDk+5Bd0dS2m1OiBRRiZ/f2s6OMBU4lwGRmWHai+gkK28QX\nvAkrMXObaFZrfBqjIeszClmyTTHGvtHnRX3QkLFetb0Ipgmujxd1sg+UgZuu\njdkyx3mHTm1Pds0eBZoeQIZH9pmag4R5d58gjlLM9ShyjieNrXuFm8OzlK81\nkLDcVrKFoK7n3W9ai12coD1+7xnjV7uWRFMwh2dM97Ug/aOeAkEtML0g4ybx\nLLYBP927SoFEp7GldIWWm5dXiK8yXLL1gqhv49W1eCc1P7yZ8luPjKpkMhDT\nxC8mvD28N16loDtMEjQkNnJMyq/eY2ilOMUghraonAZssjXP2BFuZebbo8lG\nNM4lJQH1KTf+XRpei4cQ7/FtWGl4NF9Fj2/8lzAEmupQhxalHpOQ7AEFnvf+\nWA7dUz0F/Oy3liuJ86Z2rLeqCLkXmH2naVFn/7pdjZR10dmswIWi9RSePxOk\njAymlWHjS82S/s2yYq08BcJUxT5ozKkjuV52Zz+WNKPtLr4Jq19Xdl1+CtWO\n9sVk\r\n=mMUo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"993e327235c8cd36a8c15095389eb149ada97cee","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.f9cac96cc.0_1613578091373_0.8556369062736131","host":"s3://npm-registry-packages"}},"11.0.0-canary.79ce0878b.0":{"name":"@material/animation","version":"11.0.0-canary.79ce0878b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.79ce0878b.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d9a1f142b6b3cb314524c2930d707ca7fd7907b6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.79ce0878b.0.tgz","fileCount":26,"integrity":"sha512-iXjaH12LHoTSSTaKkB5oYEfwZsnXZwo0wUUlUwxXvFBMCvpQWkOSqLqGIpnovAw90F2CfpOLhhJFf2R1/GkDZw==","signatures":[{"sig":"MEUCIBf39Riv0lVY1XKFfoRdIxNfThrrK5y+nuWKTqQtuMG2AiEA1BP10NgomHgGoqsEeN90L8cf1Ufm21rxDBPrub4tq3A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLW0wCRA9TVsSAnZWagAApB4P/RFaFvs+Mq8zNfZQgCJf\nVL6+ivKMPJ4Q1i2xGqzjk404dAwx652gMkQuhSsk/GB8fuVrjveGMX8ItrDI\ns5mo/cIWuHcuRGJpFGDfxuTPZOOVFY4QF+gwHHDzEReZRBMmlaTx4jggNc4o\n1eYyzrzTJ7DzxCjLChvvhdow4nc7yQBaDlknl18musOaTiSZsOjdMgvuq2eK\nL1oHovoKmFDhZBGnNp9GGLUqxIMmyHeyVSQER3ZFXawx9wcYDgL3IWMjxuPk\nl3b9+M1olLuwsJ7vPYVFlqn6kiR/AFVypeItzqVR1LOa7qpHNkoi4UkF2r37\nqKNgxKXqBxyqeXviX+wm74mwLWL0TIMZ2gbVoG+aZ0ceJ3Ran6GB8HOx1OJ7\n/sN2Z4u1bv/TFP3NMzwKEXTlBU5qzMH36CzSmKV1qdZqDuvdm4/XGiXWE4LT\nyobKzD7001iGzuyvuFyBovddcvHY3sVgM+ErQAflS0IFcYVOJlUr6vGP+ZMD\ngedQMpYVvhX249wXxhxqIcEkR+Uy5eDxdIB5/usNufTrBB32TLQqmpfsdh+D\n0z7SyH9x/5VWvb8YO2lJIbMhHuF2+nImn8gmhxGM3WgYS+s7nh93SYKg6gCu\n5tdUUTSUY6J2R0v6cyGQ7ROZbb2dPlloMp6HXDOpwwLnJ57mqiqgPhm0Tkzu\nX6Fm\r\n=sEsv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"3941c218ed650b1d1767cd6b17652d4e1b5f7ac9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.79ce0878b.0_1613589807031_0.9199904238441003","host":"s3://npm-registry-packages"}},"11.0.0-canary.d6e507b5b.0":{"name":"@material/animation","version":"11.0.0-canary.d6e507b5b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.d6e507b5b.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0b0c3d69dd126473820f254eee7c7eb866e7a53a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.d6e507b5b.0.tgz","fileCount":26,"integrity":"sha512-IRmzAEHc893Xjm1bAuoMJ87Iy3JD6LNulHzwtbnfKiV0vfmPNPfMxqltRILJ6KjPGUuaBJWYDaOwYfvNjrXIUA==","signatures":[{"sig":"MEYCIQC5negoqJjynnuunyV7d39oWJSoUwxdEBR25KWLEUpKKQIhAISW4qp0HeRgy7+ieHuB97tHqattY6KsmzHfAMOC/Rl5","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLXUBCRA9TVsSAnZWagAA4foP/26UcXZfvztU/LTaWJ7b\n0bWq04Y+hEoah2L45ND8Gq2sLyhSx3YOyIFyryrmZyHLLs2jZ8GcHBNfFsH5\nEFy68YgKV5DC6BJAtIa+iYsT3ACP+Aid1yxwqpQG0WKAw2WVYQw1SKgUY5I2\nkSJcQOY8Q/oP/WQGn3bcJ0BCx+716TYRuykjQ9v7tjh9zsAxj/Kt4KOHSmK4\n8OS/RUwvkvsksvSUk4ziL0w6Jm0UYh39kVsD2cW2xXcAM68CsgDEht/wJb8b\nAfViIBFtufK19bUq3cPCcXoA6dzy3PwASo+mqG87Yi2Qs+2W1+0/qDkjlLJq\nsnKSXkhZ4kOeNywmufgk+e4fg9EYx9VQa7uuRI2EQj1dDhwl0immb08Js3FU\nEPKvfiGBK55V0jCBl6O77akfww8ClgidFQCjfsogt+oWvHsl9MYl6T7MRKAN\nIW5yJvBtu/Ts6yFjeW9AFU/HIUfGibl8tM390Sbkn0yWU6VCs1APipJadfQW\nR2bZvLaQBhZRddVUNvtOLCYIux0l+GPs0BPbG0yPZFUplQKp8e9SjVX/EHIY\nOmBHH6HcWq2Qi6DvvGy8hQ8TpvnLkg3jVveeQYrr9TnPsxaaNrCQrxDDAxnx\nbrb09wq3KwrViYT/pAr8XF9G+JeEmUJYD1dZiwLPIXX56xVrKbsfCazR+ReW\n5aU4\r\n=d7fb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b20b73a4aa16995dcd0b73e46e4dc31f7914a367","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.d6e507b5b.0_1613591808679_0.6223271551388743","host":"s3://npm-registry-packages"}},"11.0.0-canary.f2658381b.0":{"name":"@material/animation","version":"11.0.0-canary.f2658381b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.f2658381b.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"429ece6ae3dce4bb25de40162577ea6670bde090","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.f2658381b.0.tgz","fileCount":26,"integrity":"sha512-2FKQP53ihbZmLrJ/5DhCEKu8xcBLYSayq+3D9TV8RNbXJubAwWF27Mb5n/nKOXUYCzVWxBullZto2lfIiiG+tQ==","signatures":[{"sig":"MEQCIAMygofxfB2Vv3YQodznXrKDEQ/SqH7FpyTojjpcsPsAAiAkDS07tk2g8ZlHymM+NfcAwpJMgYYpjP7BP6uFRyT6LQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLZwDCRA9TVsSAnZWagAA8OYP/3JWvLWp5WrnRqUrksFZ\njDGNjh5XnsjGqDFmj7tfLFrSNnRSy2DKudqQJfYEKiRwhOzN4WGI7RFi6JGs\ntHsRyz7rS1XzJky9MAoVgGfV+mG9tJ6QamCc1w/f7Pt9GYYzirvACVHD4qjY\n+VuMPx3sFgVIgBcTy+2NenrrkzdFk/eyMEE4VysHHxCl/NJ0NxFHdxiVowJP\nlEj20DkkVWE7qiUbmGqgLUx7Ypqmca1R8g1rajJGVNDLv+SChrKH4MQo7ROb\nHZ5Gxvhvnotr9RdLhM3WMBfA2zju/6pcipYfq7EO+VmdAmpQxWCIqApsNuOr\nTVFlhAttFT3dZ96TL44m1wAG2tRifqQlxSOMMJFj9gCgjWmEzZ2CfraBWtzr\nX8XAx3rIKvoArWw4OkhzHVLbxwzyQlHxrCT603iQFYo6PanW1djESKHp7nyE\nPr596HpDBHwsH9NjdNsHzo16WYJBGA2YHGMRxoEPPS4Wxkoi/y+vr8JlFg7Q\n8yxWyeWS6zOL426uawvlmKHJ52Qwgapb92FKsCUJg9qQRFjID44ZlhFg/Ecu\nL1lyfcGreUvh90BuU7v1KeSfKT17T4WbNX0xFFGcUTjxfnjdPYCV2TVPTens\n8Buy9wwl1sL0+D2SG4+2KZCPlhIZGEIZcXz2pTBe9v9fu7QrRMMQ07BqFNij\nT8m8\r\n=jBVc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"bb1b60f60cf9b1a4184aa52e590bcb4003d3c09b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.f2658381b.0_1613601794777_0.390549089633192","host":"s3://npm-registry-packages"}},"11.0.0-canary.97c4d4035.0":{"name":"@material/animation","version":"11.0.0-canary.97c4d4035.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.97c4d4035.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"24af1f16930dc6e41222a33c35fa978da641c83b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.97c4d4035.0.tgz","fileCount":26,"integrity":"sha512-UXuk8VVULzp6Bw0YREMRLTl2kUtSYr0QplG/6pv0JkfuBvAvlwIU9LTKa9fucS0uP+h6OYrMFxigt0BIDsJvzw==","signatures":[{"sig":"MEYCIQCWPittrDY1Cq4UwYVufK6xq7irKzqxwuIezXLh1dDJ3QIhANoTi8Ygj0HjKtdteFRbXlzQg8dxvQRR1UGwtSbq7dca","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLdIJCRA9TVsSAnZWagAAuqkQAJm3+g5093Z8yoMC3Ovn\nTOBN9cCoBDNcLhRSTliPeF95SnWPmVrjIJFFFiYxyNc5oIxhLK6MY8hYIPxm\nGGY6QfDc/bNz8JCELkKzyLKk6VZCxovKU2K8ww/8ggtxf5J+4o5mvtr2oUgk\n4v55DmkITL/vwE6663yZhFjwGvkx54B/uvKDHdxj+wLnhuimgfCznJXAqsz7\nI7Ua9ePT1GTTmyhrVELyWinGut3U/pARpBLSe9eBnhxcO3bB96+iSx1MJ8L4\nvVgGES1lBD+Lg1QN976IkWq7ltIyY+vFp9baShUNnMBV+Ct5uMG/87L7yhM/\n+/rD3SQKyD1Uya2a5to9tkrpNR0iQMhwpbtBTN1UMWeloRnV67t+tXCRcA/m\nD4EXDeKpqv5445/4dhfjM2nwj6EvTtSSWdM/m09ZW6Ino55n3UZ2r+SQLDBs\nVkvNRt6Gdu9HhggPBDadQ5eOGynm9vL+bseCnVsAolb7N2Ov7Br7SZM2eZ4j\nm7E8B+mdy6CdXv4FG2R4ETm+2dYNGzE8+p+zIjCBoRNozHQfZb7NjTSFAL2b\nspunSqojk/fBEZdV8zJOT1wP7s/VgwNtNCrHE7ONvE+LfkgDm1UXhS+TwZlR\nzLBUQWBV9Mr5sqxc/R2w7tCrbe4VQk2rhLGrR903qeisarcwYefjyy54L7Rv\n1c6n\r\n=gKmd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"1d9a223ae17277dc00b76dbbc4263232d38e50c9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.97c4d4035.0_1613615624565_0.3859187898997041","host":"s3://npm-registry-packages"}},"11.0.0-canary.2482cecc6.0":{"name":"@material/animation","version":"11.0.0-canary.2482cecc6.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.2482cecc6.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d74ca881ec33596128e8568274d3427676073682","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.2482cecc6.0.tgz","fileCount":26,"integrity":"sha512-5WmfKoYMXJwDwij8XIrIjsnSH7gJUGjjhrxDp7RxHpvi6P0LOt6ga4Bv3iVij3SGJdHYYkq/2Z+n1UX5UvQgmA==","signatures":[{"sig":"MEUCIQCzFXZjHuX0y/YW/efd5jqZBqbXhb4FT4Ecc5ZKg06u8AIgf+fLnacAjQ5KlDKZvwdbqBSBHlU28Im66803mZTUQEE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLoKiCRA9TVsSAnZWagAAlFYP/3M/8lzPrJhlwoe+fgu8\nS+lnzg+1XSM9e/hCbk46B3EXvk5vCUYEQbSfmKOOdlC0hqmgW4Dpym7qJMWW\nuJcj6auvxuhlvqzCKZYx3fJkYYo3xjDXT2H5NhLRAhqTJh1rCqGd3i2DW4AR\nYTs3PkjOLsZr5U8LZhY6PgUV0fAIPUtMobFQHg0OLty6QxjjNwG3jGL4mDqA\nXn8aPzDsa9TpjrR7wYMbfSek+cVwQ6W0J1x4cn0Gak4eTGD+mqv26473WEDr\ngvhGRGfgALqk9XVUOu9yl1F5vBh2I2nfuVnZlg/JsKN4aOqiAO4rvVAnn9wo\n8L4vA1fI+Cy5uC0/TmGj5SgAPnRP/Vk4sfozDBieag/mUSnEzAgC1OtnvTiV\nX05g09YoaPa1Tyb0MtMY3owmdhvhWpaGkNFP2eQNpXC9N5kL/ydJ29iyAUn/\nFDI0/Rt2d1Iml6YoB1cu4DiFTNpqibE8P0s7qJiDIR3qArLdFqNtcJiAIvmI\nOLaaE5ULZ6GtbSWtm8kVyiY0fl6POGI+1Q14dyTgNONC8RGSQbKeFLP3P5zl\nyfHJN0bdRKGoVza4zC8rQJWia45quarjhWc9SBSHBdMc/bR7uenBSZzV/hg4\nvg/yeyB6PJY1OeTlyqcsnqZGdcMWrWIuFzEYT/D/goDDHVjj7aBEntrfqxa7\n28Oc\r\n=OF4j\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"0f7f837f9e604902ad63f7b6e2dbfd1d117d3510","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.2482cecc6.0_1613660833779_0.2488565293638887","host":"s3://npm-registry-packages"}},"11.0.0-canary.f5bb4648c.0":{"name":"@material/animation","version":"11.0.0-canary.f5bb4648c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.f5bb4648c.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d63b5d01a15a892e698223c14c91dcd5df1530a0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.f5bb4648c.0.tgz","fileCount":26,"integrity":"sha512-xOfqTDtMjCTOMzppd38nCfto/XWvOR7N5x5Wj/UC80Qzit+lv8tCGCmaOVe0J6ylWwcH7FmQaqgtN8YDjjd+tg==","signatures":[{"sig":"MEQCIExdepp/ypMtuDFCfV0NXltV8AcRvZYIHwDxDgklZkXeAiByhdLtqF3K9siLD9LRorneRp7qlZ3n0cyd1Y56T32kQA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLo/bCRA9TVsSAnZWagAABaQP/2JIb9MX1VVL/gOZ/U3Z\nLTSDU5+kiwUendj6DKr7OABWlT+XEWSmRhnkkEwwy1nfhZfGUqUwmtz6Skgr\n61+12F7puwX30jSkrgPmSvzmmkAxvxl2A8xff6uUJyMWzZp0/IdOkwakOnLa\nmIPGlWDaroMA8Nr7NFsxMJtHQ0T/Bm6WREuMHPANuw6OtCxoJZ53DnNQMkn5\nDIU1kVrLcl4/iUXVUzy8kcNMXEGefY9TCH01+uMmSnXcnYB7WE54xq0SvveI\njws5SO5fAZoOPoxjzE43X6r6bHCUoABMQ64nIvioBqxkan+qydgyecGSZaCW\nzHjOx5U5sw36AdDbZCXryw/lin0jj5Z6xaYRReogEhrta5d6RnyQXaVUOb6A\nzdy2jjzFdsj9nhf4OSHq5EX2GrxKuh5Eq09N0VwlMA20z69Gbs8MMiL5Ba2T\nPrOQ1iyH3C1WJm0O/EovJUuIeVnx4YUTsWNRH4tYQivpfibNHS1MlffwTf0j\nWEa/yUOheDdJrugeGBRHl+q/A3U1kyCEcZAqEuF2xAJtsh/FJkBo/ZtfCPDq\nnQnGeohlnE7vH7IhrmPtp4lUIX4v6Zs80nsxzEjRpxGHHSyWjhxD9l4xsnPR\nVcxDyNdxOM2zC+OdFd3q2yEf2YcfyX4omKHfIVz/ssmGzpAi+si0n2oimxy8\n93QS\r\n=o4Im\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"3abc3c2f94ce48fd3a6cc689419e03b8f7769ce0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.f5bb4648c.0_1613664218093_0.018869176690488043","host":"s3://npm-registry-packages"}},"11.0.0-canary.302c7a960.0":{"name":"@material/animation","version":"11.0.0-canary.302c7a960.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.302c7a960.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"511c3d6968ca8ce27f73d637a7938e07690975a7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.302c7a960.0.tgz","fileCount":26,"integrity":"sha512-by2vvIy6VS/ZT7C8BcN2JAzrfyeEi3M0uTD/Si0OhU3rUFGHjRZT44+kZjSkGz8I3/pd4urDB2raKSKaS31NWQ==","signatures":[{"sig":"MEYCIQDp9inOWBx5AYwspa2zM2n7zXQiiD4iN1+VvNbRMSOM8wIhAL/z0YxVExKKW1pAGRt3xd1gMqaREiXJBuI3hkcHqnEc","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLrOeCRA9TVsSAnZWagAAXscP/Rf7mer2cEtDKGh0mcPv\nz3l/JC46uFhF5aqiuXJIQB5qivC8+69eemEXPq5zxESt7cULJIoubUlIR/4c\nr2VJJsP3cAxcqkP6hmg4F68t4HG7txUH4o3N0KQaVbW0q/xP+MmFb8mQT9td\nd5s2G8t1IX8LX4U+BKPTY+6ctVZstf2XQCr3IE+u/vUGDqxJNDqfv9TkwOyi\n3Khg/6+yY+x2fw8ch4xaDel97JM41FSdgPiaRVkFjFdmRoIFcAtb1xzUMy+D\n3B5pub3ZCUozY2pNC3Y/doboN2n55iVdAiJ2mxLQ0GCnE66HOQ3iGVlCITgU\nKXMLYf7dkq1BWaN4LpmbQrt7DRW7WO1Nb2m3h9Vyqf0krL32MH2FWy3g5DVl\nFS9gGt7lyMoegK579h519ZeL8KCht6c67zicTUnpB/dlqO+UV7dB5/KpWBWf\nZ9P9SCVPr9qU/4M+jgIWiqnqAfa1WxyVEw8zGy8Yrm9N/10+DNp0XYRnzRz+\nxPYKu8DiBO3lxRZpU+hKkNtbq1Hqb72LduqbNqpcCPrakmJIMPrSZ8kTUC3s\n+Gu4C8JGpVxgkbAXMazqjzzO4ujuEZeYYEyrHOX+PdQRiohwjtevBBlleD+k\n4B2wS6YlA6oH5avKzreTohx1Cbb3NCSt4YUXWUz9vvXtGEqlnA45Z6oU/o3j\ndnIx\r\n=DLOi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b16c4cf1d0826970ff04a72b663f1838cf8c37d0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.302c7a960.0_1613673373605_0.779786402495688","host":"s3://npm-registry-packages"}},"11.0.0-canary.aa0aaf026.0":{"name":"@material/animation","version":"11.0.0-canary.aa0aaf026.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.aa0aaf026.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b3d595a018a9ec38912ede3f9801642976b452e2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.aa0aaf026.0.tgz","fileCount":26,"integrity":"sha512-0nmfNSN6nGdHy+MkipE0702mlKwb7BvzCCFCtUq/xFtPpF3bfeoJM370uiC7De4lMEJ76gznHs8rQYPPMGviRQ==","signatures":[{"sig":"MEUCIGni+5nUticmwbfURslnwxnhBRUEsZDuBbq1y5fgEY2rAiEAhX3kzGmuGXYFyRQ7+lr1WUO62ZgW1SSTGb8WdX76cfA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLr5HCRA9TVsSAnZWagAAcBgP/3jdvl0i//vAI8Q6QqcX\nMIaub39Oc2Hd1ybBLqGztbhM3jDCYhtwgOE1vL4XWS/Fs/7rnmrvXoqhPNyV\nxdfdXfAzCmpQfKkt6ex53sC7DrgiZotCB6RemCLlXXrwFDHJlEaQ5tgANm/C\n9pNvKyt1nwADesZXHsUdcja6Bu/FougyoRTHnMFYpReg1hW3bhdbYWqrE6+H\nx1vahcEGad8ZzMSibfCru2XPBHF0YvLj8/j9yR0S1sRjLPac/0AwzOxOE22j\nhbsTeYovJOJu4pFXGOeQkTlAjBf+zcuq7hRfWXbRG2rl+HSZCbHOizBcVYmq\nE8XOhvGQBnKxLq94sEI52ZhnHpY7GCZK6NWj9cRL12k0H38wj0AF66ptyHL9\nigMBbnM8kcEq0B+iW9jFwk9Vy6gvsFJw3/4YpSrEr4SniaREysrXQ2wWlD28\nnKlrrCtJx5v093gWLa9oPANu0M3HBD+QgTPCvVfnXyV+yrcEs/dWWONMCuQf\naRMDqszl+yqy70zRxWrdC+A2+tLM8HTsnZ41RRfRYgwFIDKtGSilRbjR0Y0B\n5Z5sfelWw/a+ZEm9XHiCuaO58rDXvsxduH67D7O0qaSnJd8CffwG/W7eXAEY\nhVbVsViD/D1PCM4prvUlIch8hhw/byY1PCMX/wO3s+3oeaF8L6ffWOH/ZUII\nQ22f\r\n=yzIX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"de542de1d7c4c8f5f51199fe207ef527fc1265fe","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.aa0aaf026.0_1613676102848_0.4905323540413855","host":"s3://npm-registry-packages"}},"11.0.0-canary.07ff0c452.0":{"name":"@material/animation","version":"11.0.0-canary.07ff0c452.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.07ff0c452.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d5765cff47b32d4ec5c6a1292cf3fba018fec0bc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.07ff0c452.0.tgz","fileCount":26,"integrity":"sha512-bQBjjNNgz8RoEdM6TzA8Prucdg4fbwpznJw7wtqDyeaxTqNCk0kxzRKGa1U6OsMl0RTqi/34wTdM1ql7Y3Z3aQ==","signatures":[{"sig":"MEQCIAGZQAx/J3D+45jZTJBDiHYlCqdMR6MPZ9gALJF2RvOnAiBPZwo80rIFEvwzKFWTdXUJKewUzZSQk5Z6TPMkV/fCWw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLsLWCRA9TVsSAnZWagAA7gwP/2f6sYcrWRCO3UsujeAo\nqhHl0130pPZNQCkgDb6rI/LU+NJJdwYk6UyZUJOYvzlf7oa5xIvsxF9OoE/0\nyAAFs+okT+YOVqdOLhdBK4IwBVk1DrRXUlw9g9DuPMwJLBsDy9xDR0TdcegW\nUW5gMTB5RCwPesWOs/uniNoj+iq1Az4JqNQBgT8nF290/iWI8KN9RuY2T962\n3CkIVr7XqeJyOaPRWHD4i44Mxw6udy+Rdzpfk5Fm+wJyu8/rHYhFlssQcxZf\nXm8gpcKRGK6RJPj5u2isonIVxfh5BzIUNFrde3W8Klu1hrNWT0FdtJdBkQQD\ntpMshIRRCYmtMCX+OWcG51Scj7BE3OLJRcby51EHWuGakSM07SlK0OA/+6y8\nMWNlyBxEOjIe3qiuxycCgYdzvsF2wJEtIDJticSoBEqw8+sI16GdKyTf7uy9\nKaaZ+4LyB81njCKpKjd3R+r8euUfpsc0ey6jSiF77TXLz/QV2FU5cuLz1bWE\nP85eP3xCgPZFCZSfSXw3xVwA+7XTU5nmg2eUCKK5pVugvQb9T5cdVmscMOzF\n5yBFwcPoy06hXSq+aEnLfManck3bgjmHe5cIEfS3veuO1mqib/S3vJ7a/kKF\nntSnPtotM/Airr5oUDuhNq+Z49fbCgvQDRdNYu8S7pAQfLo5732GwuLCXUmj\nuN3m\r\n=SMX8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"52e3f1cc8fd4568a48ba4314f982d5613f53ef5b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.07ff0c452.0_1613677270032_0.954487665985166","host":"s3://npm-registry-packages"}},"11.0.0-canary.bed7ecd3e.0":{"name":"@material/animation","version":"11.0.0-canary.bed7ecd3e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.bed7ecd3e.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3bc60c220e19d485f124f6bbaaa9a38e7ff701d5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.bed7ecd3e.0.tgz","fileCount":26,"integrity":"sha512-SnQfSwIAdTMP/DVevTjwIJHVnFbAMtBLzbJWoeyDwvyocAPwjLErDslL6haYjDz+WFDWxoShktN3/TypLIAqSw==","signatures":[{"sig":"MEUCIQCWa0mto/zpi2NsNOdzBLFHVzrtrBR1cdstpGdaMmL/eQIgWbnBwSkxFQD1jnPXuXfYlq/I35CJ5rDOTr84drisVSA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLveWCRA9TVsSAnZWagAACfEP/1TmCwBkCKjzM7kzcl9f\nleOsRzlh2AVA6juXwMMGQVtbyFtZWkACkaUxzNy1a3OERpEZquFfhysa93HT\n4sUIq7uuzPxBIJMNqqqjZUs2dOOdr14QU0s5bazMBajfZwGHrd4vsOYh8Biv\n1jHrekRFi3Yr37hsyh5pj+Xqp+7qS9maUVsBDPNMmc7eH8gzu4KUyRxaRLSf\nZe9iv+1sm6ygPSwx0ka2lsIv0lphWUULR/uXpIjIJcxcX9tNZwld931JIL1u\nvZqIPujI9CUrOXvVtg4rEUXYDROrjr4180TgtsnDLpKxrh8/nNkjHNZc777L\nqtgF4Q/58Rbrdtx/z/Ndcqeg3VXwXtCrHEJlE+jcgwWXn3ijNQ7VR/jZJQTg\nwkw9uB+bGbtMNMLR2s0O8QqrGnofO1+1CD+rXAnDDDHVenCVu3P9azY5QJIq\nEeZqyuS2xP5E9Cwx4qnQIUpc7kCxFSuz7n7X+hSTdFmUqG9WzTZBuQryGBRg\nfWTPW3H94AZcaIXRSkJiKZ2r+iGDdY6CMUy2HxoSto1/Ud0zCt8BmnAsWKLP\n9dNCn23SbNKiY3mBn0jpER21KkBg5K1ySzzQO+mmn/DAORRKq6HnkaYjvRcc\nwjl7Ldd6F2YAqKc1OIZCKkJXbt/oCMJMEG2JpSiYxdOmhEyxCw3a7rDtc7do\ntmnM\r\n=yQ7d\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c23b9ab547a5ebb36a108742217a017fed1886a5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.bed7ecd3e.0_1613690774119_0.3394885570344066","host":"s3://npm-registry-packages"}},"11.0.0-canary.06dead2d6.0":{"name":"@material/animation","version":"11.0.0-canary.06dead2d6.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.06dead2d6.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"290ef196a019667e4515bca7c42eab711296f195","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.06dead2d6.0.tgz","fileCount":26,"integrity":"sha512-pjl2AacYcAPDdDoeY8f86rpcgFyQJVCUM3lNy0EtGtIxn4wkVKmEBV/WLPK2v/uQlw5/b8ZRAfEFYRGrMTfSsg==","signatures":[{"sig":"MEYCIQDrRYYlM5x3kWhUHKs6dD+57+H9EzyZ3i63koGOn3qLBwIhAOXpt+ipQ9299VoftSdRe2A0Ol/w8dDGXjcaNRgmNv3O","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLwfVCRA9TVsSAnZWagAAuzUP/jSsnQ+e1R4zPfbmc7me\nSJkJe1wVT4oALNNQD3Mu+DSi4EU/I/H28SieJuyREbL3Kzq7PIk4GxsQF9Mt\n/DKt4lA095TGxtkAAIgp7+FxwtHPUGAEmWbCBgNj2nrtarjmCV8lru8obprW\nMaOZI80XoLlwEzsFxuWDs2W317k80/Ofddw3tj3U40G5BtCsHS6NvSgXMyhU\nETqUuZW1+s+TWeAjHuCzKITzVa9baFOQZMl0fVZc/FFY9t9xOUYkeKJaJ45+\nP5LbdWmU1Abwj5IZg+Wtc2PARwaJ8PWLmU/eUbyE6hov9/u/fguPQhTgRmxc\niDTsCACe5w33niYY0hstLKtyvA5o/0sbIMCtOZlsyEFnlbul4jETW5NHLCyS\n5NDzfYdgnx/GAi24EMKtQhvZawWDUuWFgRHtM3WpxNpGIqY0fQ/3nfuogEe8\ntzo8hAQNjmU0XsoecAABs4KDeDvii8EQvEUAgI8KHzlb6bwjXH3uduwSAADJ\nnROpHB86DjceLmekwWKXtKX4Wsh3TGO+5RL9RNEnbpMIJshMAeS0pFaBFwup\nLbpUByCt9w6zfJK6t8MjV6qjQSG2H1IUIrJ57UKuUvMJeKoEXqid3yO+KwZW\nqIaTIqiOtnhYMR8dUcc4Ne3ukXCOzzN8/2fvmsygldlMVwM5SVvo7WC9FsZg\nLV1J\r\n=k6Dh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7458ca9f14be94c1a279bd594f262289d278bd39","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.06dead2d6.0_1613694932573_0.6576130251911447","host":"s3://npm-registry-packages"}},"11.0.0-canary.cddb03553.0":{"name":"@material/animation","version":"11.0.0-canary.cddb03553.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.cddb03553.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"06522785c68316b0b53a02a5a816363535452fa7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.cddb03553.0.tgz","fileCount":26,"integrity":"sha512-EGKOT9GU9hsFcq0MSbcK/Z/kNSt4xm8YddV0q4VGZlIzsaAQJTHJGro7AbiQawk35CyieUz08z9b1XWRWoMM7Q==","signatures":[{"sig":"MEUCIQDYIUo8BITtQiNFRxMcLfXHrUJ3bGHWxqcyV9Tg8BkYBQIgASEJIzb5eYNDwcKU9qHRTOIy3QuIEiZlYa4OcC4Ok5Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLyx3CRA9TVsSAnZWagAAAYEQAIeUdSbdHAqybyVCn/An\nlPQMcIRd50J/3kMzwRq9/LA/kSNNI8ewGDU8RJoQsFPDpvzuu48EQF7qoJdi\nO/jTtGgNP6fDfKx8OceLd9kOAGYqFvuMLpxiF5QFFmyvbBG05UtjBEh1ZJ9P\nfjIMT4vVIPX84ilmcD1hjewO8zynTZl+cDkOuEYXlM5fn20r8cZXHiL3XnvO\nart1hrmkMEE0uGk7hCQyyIGFZPGRcMkUUsEoDKQK3kEYTwSe02cIVe7cmGh3\nKHRR6eqjpOb83rv8qCDrAfwinfGpZCxiL/kXo8iSMocdJRa1c/iiMit1sguU\nl6FdFhHlnB1XEwXm6Y81XrKjMxDGXGRcKpspQwDVV0EtGpQudEWnpjvo3A5n\nLx9/8JMk+R22lBRw3ixySbML97SL7WuapAKP3NLQ8mVfLbhyXXyxTgoRuwAZ\nM8W9oKwv88hFWFghH5e0jgDfqGuqvfkZUY7XUJdSTyqdk7KC9J5JRoRwVjH2\n4rBifuZmKORQrW8Pk+dYLGxJE5uwgiNfYU2L3/sS9HWSjHEkqlAozhVJ2ELo\nSXmtnPCuUGd+7iZwOr1UerpjcerJVoNvEDsZdvhPbiVLXo0Ej8wSB2RDnrGx\n8VEK1zIcO1ZlNsn7znvgI9VlhiZafkRMwFD5gfz5B72GF20KAuYjqQkAuq04\ncsp9\r\n=qo6i\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a8deff13e5978e42ae51f60c844f7ca0abf64b45","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.cddb03553.0_1613704310542_0.6440436615000302","host":"s3://npm-registry-packages"}},"11.0.0-canary.d6d8d0476.0":{"name":"@material/animation","version":"11.0.0-canary.d6d8d0476.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.d6d8d0476.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d6722a54091473bb4b54efc3d70d3a874409c911","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.d6d8d0476.0.tgz","fileCount":26,"integrity":"sha512-+/pwF1JRctSItAa8n24mDFhJm7k3GvxpKRiDk3ZdQrBe0AA/8UQEkSYMUj3w+wA58AKAN0DGOYAMZLNeaq5U5Q==","signatures":[{"sig":"MEUCIQDaMvwXH+IRjqnVDPNh1bxn3S2rBrJCkwHPO/zEEsvyrwIgG4uCgtLjirwrHrNOBW995T4e0bjxOJmjX4H46nCX9UA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgL04MCRA9TVsSAnZWagAAJtYP/26TaQbqSmTg3WZToZqX\nZDmXAlFIMYKO6mdaxpwHjEn7d54Krv7dcIGzqjlh+zrJxhIhJbno0mLlDEVK\n48z8xryVFBjQdmDOUZ+sWVOO4cG7CqOdkTXPRsT58LwG2a72953WxW2/OJFE\nZ+5Cy0RofoggmNoHZtCFQraITPGUdVqN5r9gWCzv9kn250T+DNl36dkJhZQ1\nq/mVdXaPJKcBnG4qngZaOiiqxGi0fuyfW7a7AtMEjN47lRv8WsRjrGEzw69H\nNZptAYF4MEqu4lui/wy0jTIYdQ8d9KGP9tq77RZbXLeA1ocCXwFetCUJhG1w\ndePkeaOyt51+1Ok/T3D0A+qLcnjvdMQiJ1NwGDeC/1CVoZcUErDfGJZhT6J6\nWCYckrFOa7lslQtbY+JMbuSEYmSOmEAqPVn8eWl+FI1DDW18Q0yq2FBk/XAX\nw23SA88eRIxdPsIKhTiJTHGSfsiPHIXIR9z+2JaGOs65Mzvku5uH5PUiiWiF\nVrFT+riC8B75Kckp3v1zPZ0dwgAG6C4CwumhXoLhY+aqCmef1oDrS7IPMB3t\nVywv/Sdykh/XNge3HBOvkVT3K1Td4eFHkSIMyYEciXbLmryNWiwjtlj8RD8+\nTrudgTJfs/7b55tkLa+7sUnw1HMKMEIr1ZPoo6kMCxG7N+9uBF6Qj12FoPzH\n2iWC\r\n=+SGv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"17aa6317e2c1a8109a8bae34e962d438f170f811","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.d6d8d0476.0_1613712908246_0.5557598205429299","host":"s3://npm-registry-packages"}},"11.0.0-canary.0b4a4b2eb.0":{"name":"@material/animation","version":"11.0.0-canary.0b4a4b2eb.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.0b4a4b2eb.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"522e0a0acf94b7c959fe4482e9a24975bdeb8f7f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.0b4a4b2eb.0.tgz","fileCount":26,"integrity":"sha512-DHHM3y6vQlcZoLEeLMkqzOE/SwBk9mZ5kYfzU39X+2Jo65Z5WnGONnF9adMzMwHaGKWBt4NIJoE962xKeld58w==","signatures":[{"sig":"MEQCIGzkMYSnaR9onI0qxtjoTZCVneGt1BFUek8yhABR5sj3AiBcXAfSqr8WjV6+LKp+KgoFLFltHy+63ojQNBk3gTGqkA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgL9zQCRA9TVsSAnZWagAAOUwQAJf91ColhBFgF7HQX+88\nhSK+exRl7aTzTR1IPfciOf+YMAcPnru5m2v/QnY4dZw9WZ13i2OmxZTgdP1B\nyzxVm/JXfwp5XJxbERwxF2ak2EYpQ/sRe/czJ3jIaIQnGWtAwkm9Q50IOwNV\nWQG4qwNtavOw+HUPWUXVXKS+L+4yyejZzw/bVmf8dN5WxblDyzJQSQSpIt3m\n9Vil8xPrA+Dblkg+kI0iMCIDqXRtRvHRre/oT7Ps8ijTl9QD+8llCxRtOcyf\nN+UmgBJR6qgfWPFAaVxmik+vkeS+CNGxfwQjqJkkCMOo53R05ZpX/NiKdU5V\njPel/jf3Jyqe/QcsAcIoQtO+5RqN/L8G+Zvburw49qcCABFPqOZvADI16gNM\nZNA/uN6xkIUmsPrJOQiX9f7wsW2/ln7s8GUDvq0tPllxSAEWMdRy4oCtoaxx\nC9iNkF2sr3Lxr6tywoXUoY/G1k2FoCCL9cpop9tkphxvAfT+HWMbzX5RTIuQ\n54asbd5LtYH4VY/WZST9FTSXkYnQYzlrpi2i/ieJksB4IAV1e6PLN/KGnaNk\nPCV+huQ1i653zzP9WmBeWnS1FXn34gsXdx/KTXpqw5JMFkKlqGqARdyEJwcJ\n9qfi4XTgN4rfphYb0zfwXQQvNePsd5rwyhgIsREcRBZeWYWl+kHnjuHK1dbX\nB04V\r\n=ifSX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d96f438a60c2d44b9a3f9ec055d1dad78d316e6c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.0b4a4b2eb.0_1613749456392_0.5407418094243082","host":"s3://npm-registry-packages"}},"11.0.0-canary.3201cae47.0":{"name":"@material/animation","version":"11.0.0-canary.3201cae47.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.3201cae47.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"38284522280db52b6d07895c6ff70ee1ea1e3a79","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.3201cae47.0.tgz","fileCount":26,"integrity":"sha512-LE8DS9CP0+2le54FDh6WvKsv+h6TEUqW/HA1z8nposI3Ete8Spi02zqZ0dxL/r51CbguplPpO8r2thozQljP/g==","signatures":[{"sig":"MEQCIBzV3YzcZWRBbMzBbxlEx87Nk1UjMIEvjbMzzwiioSZ5AiAOVqm8GJK44CO/HAlKuhaiYSUuCddMRfN5iW6v6v34IA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgMEK+CRA9TVsSAnZWagAAFNoP+gOrqsCWPteg41I2LRE7\nOCSl+Bsi+XzWK4+hluA/azuT1afCNaNYrdEhaDWY9S8hU3fpMnO8ble1uEsG\n2AV5HP82fRTm2fi114pwR5lSHpMGZcXmI8c7NBrTfy1b6vOM9au9I32ey6CD\nZl9DGCZHD3ApuswUxBlzku2PISlyrNgLQh/Yj8f0P4iAq//iIkxGPKTeb2cP\ndX+rLHyAbaz93c16jWinjPrXIxjTR/e4p2dFnPskhzvDssPWdwLXhmT422F1\ndWnbm1ewD2nCHIr8ydKgAXGKfL3GrVN18s20A++QZzzTpfRpxMAt9/dit6z4\nf1l+azQTOommxNFzWAVhXpNxYrgcm64Tadh1MdyDUaYXTAPPeyRpIO1Dj9Ef\nkh6gmcnhqzm1svDS6QX+jIS50PjcbtuZPYXd9pe/1NZkg9p7lu5zBk7cPlq6\n/WRYn0ZYNxqu6mFSu5Gzqg5eYUZ295Z5wEG8GvF4M04VCv7WfY6q0d5aVxpl\nOsJ/EXzzWzuUf0UDNOpQ7Q4nEeMvW4DWvBLvS7NgYWGTrjLwDxdjpB+Fmp3a\ntJUQ9bJLKNWGSA/QeqR0zfX9VAYzRoBcEUj+phuczf6oPgkrholvdI77Z9xh\nGYhCR4kYdQBrQlog8iht73Sgg1z8ayHTl+n+gtWPy+habMKGFkpBnRc5mr/U\nMaWF\r\n=e/RK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"274d3ca7227bee74ffff3d46ddf3ae266226bca7","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.3201cae47.0_1613775549920_0.5996171761495381","host":"s3://npm-registry-packages"}},"11.0.0-canary.f1b1fd5d3.0":{"name":"@material/animation","version":"11.0.0-canary.f1b1fd5d3.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.f1b1fd5d3.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"baa93484be9e30c4af47c7bd993a9b1911fb1f14","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.f1b1fd5d3.0.tgz","fileCount":26,"integrity":"sha512-qSnqaSGByvsM89P2lA//LStqVxAcc17cH+8TZoct8MEWeiCsfoKxQjMwf3r+HLHXzZNsT5bJUm16fjS9wilS1Q==","signatures":[{"sig":"MEUCIHFOWPgxEG05KRu0m3hPdUVnTDEWKiHHXobIZZ3kIHJGAiEA4jalrOabMaRgohEiEq6jukEdRTxXOv/BjpyYGZ/0AQQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNApvCRA9TVsSAnZWagAAgUoP/j48xM5SOAWaHMQdcErR\n21cynwvyMftJdLxtuvOqWQMmrBnRUgTH8XRZzDnkWldBUnb3+rJH6GrSvx1Y\nLiUleyL+KSS52OfEbt3uVuwdbMGnw4cAZdwbHcC+7pUg2dxy2ZV9Y4BByl7N\nAth+q/2R9FBfwmjWzeQ1j0jvrgKIxjVdBEILqm7LUEE4ZQR+PejbFMmkauRd\nwlGRGRTdJ+V9mPgxnZ2Neh26BklWeC5j47vVxIlbe1MQNzdRUoQaqN2aZfe8\nH2FpR7b7hfoGTVgY7/0KHicZmcP34bCiZ3f2PckAQZdpJKHgQhvZGY8bsxSI\nNi16PMuRNNt2yWeYPz94ACOsQIrBnIjtvvOxWigUYdyLCAR2vY24jUC2GJ3l\nhBqHYTE0EZPLqY8unEl4WaE3gJUduxW+dcxyo+u7WaxZiVXcHiBRQGSB9DTq\ndK3ltL+4+bi7kMkWSWvzDdGEIHIKi5cx2aM+6jZ2imkv2Aay+MgBNoL5OIy9\nkn/p+DHVCFgqsQJebvNqTb7hhvCaJwsSSb9Lvlv4BcyNb6qYdWNThiQAJsdN\niGsjF111idzNjm5ZB+vK5lffH2AvzAYfVb+iePBUsXLA4hq7ylWWS1qrJvz/\nMs2hVc+QaRmaCK6ih8qUtY9iuTGu4o7PyO4QcBjo0aGMxIlYm3iw+i1twEwJ\naTrp\r\n=lU21\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b73a5cc3b15b450664de92ee70312cc1e8b17304","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.f1b1fd5d3.0_1614023278764_0.023477686440013246","host":"s3://npm-registry-packages"}},"11.0.0-canary.7899e0fe0.0":{"name":"@material/animation","version":"11.0.0-canary.7899e0fe0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.7899e0fe0.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5f0eb5110ea7c156e4d959517f1a61a5c7b3a0d2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.7899e0fe0.0.tgz","fileCount":26,"integrity":"sha512-tGrVU8oSvR1MACbGsz6moexttbzyW3xtv0KIabHKZ26b3ssYLEiEn+78uvbqGcL0+qG0C7wC2qB9x3qDMKVp0w==","signatures":[{"sig":"MEUCIFkSo1tcSbUDx8ZoX0gCLhi5tiKOjAx3XhA36QolTATrAiEAiA8PJaRokdPxlxDVXAsEl08SQUv4jrWzxY+0AYs0b+U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNDPLCRA9TVsSAnZWagAA+98QAI7Fm76TDkqeoDx750pL\ngOUoTlHjfNXOn8CIejz+QAlASPTGJwld+A07wN7z6kxv5miJ3z848UHskjlI\nIDMmQuv59jQGYnF2u0r8BR/wIYU4+CvVvas2G81ugZf4927DuhlB0z6KNGMm\nypRdVtLzK5dYX2VPh8oJvLfQl5F2D02OMVNFi1ShqL2IxMiFhnAD/hCozSHv\nwLUWfhneD6ExDT2k3HQE8a/9+F2FyY4HBT8adq44O2rUaTJlOiawPI1P3pXT\ndQiNBAu1EApxcq2arsnWnq6oc+gbVImz0+DdHl3w6lrmrELCjUKIad9I5EUr\nLbHG1M+mqh1Tiq2kqKSWqUb2jROjKeyXuksmE9ZrZGFDL0aL1Aklue/kal/d\nop765iEwJ7H3O8wFlS+CNqbyXe+IwVuhmFFCa+y3Zusp1h0K10JLiz6KuRRa\n5tQsM53CNFgjbKtwXjj23wh8VOLhRQAw5lU8ZfaBGsvmrCxZtzpL1y40YNUe\n6KjeWqHBaG12WaDSq6zSj6SwzIJsMQIQjE2L0K6tSAAwf6sk5g6YLHyM/a+C\nAqipyZBO+uMuEBSKVDKvE3qsWRrRx+YzqTraVOaH84O+Ys90ejVhnBQka6kU\n8bmBOwmmoUD6/54yxNqZV1bT+/KMpI/z3mOLAxJ3b19TFT/twCC9s11BwpY+\nGMQJ\r\n=CzBN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"73b260d2233a31311cff76e4c10438913b91c2ea","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.7899e0fe0.0_1614033866594_0.2923902339072548","host":"s3://npm-registry-packages"}},"11.0.0-canary.f19c86d13.0":{"name":"@material/animation","version":"11.0.0-canary.f19c86d13.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.f19c86d13.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fd374c4e194e3a44a79bb05a621ffd9d5ccb8d55","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.f19c86d13.0.tgz","fileCount":26,"integrity":"sha512-QtyHh6OAgNrbaA4wo7aFteHkl+XhYhMPfRpIE03X0LAsd3tt6qS0gRq2kcenVf7TQJ3tbtR71WrlNjd3z82sRg==","signatures":[{"sig":"MEQCIG1wkOerIKlyKe9lUstKHwYsZ4BrC65CROEejSR2WGAJAiBWAXqBCqXAYFcTVZVcno2Adu7+5AI9KtWz54oTXjZD5A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgND5HCRA9TVsSAnZWagAAH6IP/j4YPgWJRqu/d6DVd3Hc\nQGfDmWwxHCjagBSB/DDYSypKJGIpHQmtmQ2AMSqlpo9E27wlxpDw5lFiT2a8\na+W9WvaOSqKu8++XcV4fpAOGLOedfzlN1eNhQBqq/9+5C7dzxYiNoHiwSwd4\nvTeGJcqDfrvHRw+WOS8EmfUM4LKkRgGfzdRGzhMrokFC/Hq2PKtcTvmH3Nkf\ncNGIIrpTiduTsnKuXTZEgsvbLrQ7AiSDWUM23w16b4bEBqkzhCT8PmEeKHpJ\nMHZrJ/fd9ZlPgPwgQqK+cBpV+03jsgYP43UG9BEf7fwdcCLG/O6Mb3+LhIKx\noejFzbsNwbBq+Rh/XvjT+Ygi5+ic4wKhFUwXZwbmJpIYTupuXUavVztF5SiT\n68ectsSYbUkuM62SsJBpasZpdE0vc80lXcw8xyYh0D1njz60Q809MEQFW9Fi\nlPUJa6gBHjqj8B4hl+gp7CU5jx+P9D2bGFpdjnffxFxQuSqzyqRqzp/P10Hw\n+thTQtEDoc3ReqSjNITD8dBkFwd0KSbpJsRX/HmGdUsy1vF1HWngrAHPs2Sy\nkPR2y48Sj1sVA5D+JOxbS3LZ/hK6yLNH2n1/q+KbJY+3EvDgeXfDFnh6bOkd\n0D4Bb3MC0GA1ChK8Y2qlalrsK9H4f+y+epurhmT9WEZxlqnT1efMgiJxncF1\nJFsq\r\n=A05k\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a4b2b851fa6f3895a9e915d4bdc5b6b6715a4260","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.f19c86d13.0_1614036550937_0.5943616409627714","host":"s3://npm-registry-packages"}},"11.0.0-canary.60e892d79.0":{"name":"@material/animation","version":"11.0.0-canary.60e892d79.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.60e892d79.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b450086ffd0d69bd6b7e56edd59d43e10d87b18a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.60e892d79.0.tgz","fileCount":26,"integrity":"sha512-FMo/kxJZxPzQlcWzEOw0f0Hc8jDcVx6rFOeFkrOkyeXLZCiW33dRV/l/Z/zGK7XZNfXFv2bX5Jfki5kXGPXLRw==","signatures":[{"sig":"MEYCIQDLwoXQ4vLytwHxuHL6nB4mik1m0impSbjkiGVO3KTO6wIhALIRuPB/sklZZPQM0tLVG+zkTJAOdxV0eyKC9ruJ5xiD","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNFZWCRA9TVsSAnZWagAAZIEP/2sSCCqPSM4rANe+xhao\nIvGqk+aSRX3yypQ0uxwTShPOFW+K68QoP+ordfc+7VthQIMcDjCIw55j5ytv\n10pTw90I5N7qazdHfInVwLBb7/5SDcbM/DwLFA8SWcv1XnR2DO5Iy7SEjb5T\nRAcw5r4A+ofQv1QwyMsMhdbHSXLqFdBYSofkVMPobR7kpHIDGnbjIBNPick/\n5Poe4w9aN2DQP/+VhG0pNuQ6OL3eirM3CobgbHh+63PlY0FZwngaZMx+fcmj\niByPQNXoqIHtVe/L08cChSDXWvoMiDQ04FK8LHPFS0zpv+NiofsXENyw+2Ev\nF43lQnmS2xcDxzaGENcAYfd1cLNf9bUXGzFc8n+ttGWQ2Nrxm4RtTZA+kBqX\nSlZxxIpAROstd8PEQIjUEY3Rnq4XHaqr2oN6tw3dd5v9NonpKZpf4zrWzlsz\nuVpAKf+CXCKlg8IBEFmPajupQrHfZBfgsYPYTQi0WsD8EWTnRhBTKOlkqs5C\nCfsZg4E4n8MybzFpOCzA58Y295q2siLyl8bNWcpTHDygF48R54UqDa5cpQTf\nfJ1jmFGrp4Jyukt/aFayHef5lYMy2P+XXcHzkeNb5Y/wcRjrts/fPqyXHxfi\nuBmlu31aH9/PxcpyNw0XGjIrgMdDmHfBj8w3ya17YdzYY2j1t6klgYl4jqGJ\nO1Gn\r\n=DuLp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c94f9f392484897a962a9b7101ddc6d70e5df67e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.60e892d79.0_1614042709452_0.07497160598473074","host":"s3://npm-registry-packages"}},"11.0.0-canary.c96bfa495.0":{"name":"@material/animation","version":"11.0.0-canary.c96bfa495.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.c96bfa495.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"70175b889a60cb5ed23d7e6e7f85631c9073c70a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.c96bfa495.0.tgz","fileCount":26,"integrity":"sha512-ACdDduvhr/2F6dXmbG1iieik2/wGDp1aw60Ohp+uXtByOOYayliQMCjAGWvjBEuDPc9amxwvftcg2IuGw+heIw==","signatures":[{"sig":"MEUCIAoCnMiUcrQm/gp2Awg7TOoT2CUSKKbv5fBRVr64P2/bAiEA3aqEa+OKnA2+AHZ8fwgjViCbAmnEZTOzwtFG1lD2z5A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNVgNCRA9TVsSAnZWagAAYM4QAJxhjwBZpq2JaOXQ4ThF\nykMQkbTIQVpyTp77xy3elZj/TGhvbJP68ttaSQLKTcVGShh47AwACWoYFXH6\nkPLPa2SqPYcRpDSCvjlnmlT0AOnLG1B1gRcDmu1nJIyJ+yDD8w3xbw1bfwUK\nOqskYytWsKOoMezxDjlloDWR6aUM7AdlYpt9602dlp+ykCmpHmAyEkj0oo4z\nWOQiPdM8u4G2IrNcybAD+lVGKP0H1FSEVQRvNnDtdOpDBnxGZdXFFesR9fx9\nlOYfsg7cFjXFKRuEzCz3uGM6FdIQuTfEt4i5Fzaaw1nwpyBW2Kol2IXLOlU4\n7uxugndvDsv2rIS0MwBNlR3u1ZC3eyuAvcc7+cNW0lejnkPRxQbR31ox4RwA\n30bK2kRL/Ny7746Km4Ai9urFNHSyxQQ6y32BfR6PHHvQLcFGDWXpbCES16tM\nTdcJRSoO5+NyaU5pK9ZB67UBF66hH9R/3yeMMgrNWfcMahLmb6nnnvhon1Zg\nEoK651F8BfXqVOPdZSMVbDHBHuc3v1HEbRQp4z174JlUdmvo6ufuRz52F13y\nvDO0/aN5a/YZ0PL8gPnKXt7+DNmGMP0cNrSe9v0jloM+8wI9gnyRTXU6QzSp\nPaHMqVgamOsv2wE5L+Jks0DG+RknNC16kg8fJJMyV3rliF1S/br/r9geT0EL\nEBB5\r\n=tq5J\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"1fd35f98370bc606c6677b7045a8acf16c0ea7a1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.c96bfa495.0_1614108684662_0.951930166345494","host":"s3://npm-registry-packages"}},"11.0.0-canary.fa9b59f67.0":{"name":"@material/animation","version":"11.0.0-canary.fa9b59f67.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.fa9b59f67.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2cb4b7eb6485afabcfbb9e078798162d89c2c738","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.fa9b59f67.0.tgz","fileCount":26,"integrity":"sha512-mDzTBSauTm5NoUdeU2uYe1iA+Ju/KxHVRbH5p7/0wMTIhHFPoLCm0nUKS1v5l8sxTAjTM6xCYJl8LSFQHKaqig==","signatures":[{"sig":"MEUCIGNsQc7kyOF7kqEA14KJMCIVLaopmBeiBW0jdWb0kMoDAiEAz2c5KhCUVqJzZZfI9/RHyWDbm1JkhDEbuANdZsK2oKU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNVhSCRA9TVsSAnZWagAAqOYP/2Mqmn5SXPtjNlo1nZpd\nDaGsPpQAdAn4yvqo1M0/76GmFFy5aoR10UuEYwzP8nP7Fs42jkMIWqWMdkqY\nb+M4gVGogCRNUP+wsTnZXZTFQbFYPsOCg4HxGma4pmqvltphNyJPAjDiQKOX\nUgDB6+sZhwRiEb/ciLjdfs35HQ2wezgc5mwyDhaM5eFaVg9ZNmzx8rq06A9c\nh8kgLmmkdyFU+VzkkgigRYj+MM9HtpRlY8X4GW84GqR7D7Oi1PqxF/fyitns\n6ndURv3kWU4VuYN+iLQmxCu7Ni2c094ln8qH3WE28Ge7wDFHdm7v4wJzFR5Q\nSZUGEamnK3Tdq/20e53gNYHAEIzv1Vl8dyNQ8dXtsPatQs9vdNf2M9R02N2O\nVXntkNXL7P05k9e/82nOhHhl2h2blp+tgmAVAlIlsSEte99qiYkXGZjg3iLf\nWTMqRSfbtowBsGZEZZ2mUAhBEMij6CKi4YgpqOx7+yYiwo9Eg2m4n72LrmhZ\nlh2ejRsVGlTCaVWmAVrNvzKPkEZ8WJRv+R9zZHj4ODR2pKCVlWgQR01y6Vz1\nW1rkk6jjBbifGnSoILctXIMKSsfXDqtl0yjjdxO1E6NhidwEspd7y47Hp1DV\nnpPSKquNfK4klsIE6m9fd8VK+i0VwCRN2ZpFRZDt3PkghoyuvB/VcA9AM5tq\n9owL\r\n=NgGr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"5fd97ca8b5906f3b3097bd333237976e3e93d192","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.fa9b59f67.0_1614108754016_0.8694723223791014","host":"s3://npm-registry-packages"}},"11.0.0-canary.869e3497c.0":{"name":"@material/animation","version":"11.0.0-canary.869e3497c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.869e3497c.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4ef20a13089891eb845f502ca21e41bf8dea6f42","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.869e3497c.0.tgz","fileCount":26,"integrity":"sha512-woy/c9LODTV6LOJxGJiTfkG/2IiX/lfrv+NyY3+r0ZG+Aoyfz70vUgtzAsq2KZ0pzO4Vm6YQzakopTRolhGl4Q==","signatures":[{"sig":"MEUCIQCfdsraQZXkk3JPfZCDnnYqZf8rTQo3Q9bTqtcdY9lkSgIgWjoggdJbrh1B0xiPzTu0BFdhM4A9jpavbcDEHYnKI84=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNVh2CRA9TVsSAnZWagAADIUP/0nDRSUI5950T1Lv4xvz\nTfdGXDmVbFR65AENBRHoypSXt6vG71BXJoeQ0DxD41nlBzQhmRTNwOmmKr7s\nxzPMGM1L6UmWIqObqarcptQCyg2QEuV8y71f9X2Stlrsd/aDd6DFQW20DdLb\ny10hikv2Fde/c9d5FdDuog71p75yj+1uCgzoce6meLQPL04OcrAXk8/BAc/j\nQBcxmtpNHMD9D4oETDZJTmg7xiEgA7gF08BrZaCatVGwdG3CN9JH4og24RPr\n8Lhm5sm9tIvuv+2ljcxoZiaViZGwck/MnBDY9k1KViiyac8akiP5XmLuunLz\n68rZjbRO9+LDWWMazBQ6xfUbscprnl6sFMIYpdT40VlNFcuD1PW9OCuUMXp+\nV3SyaD5r7W7eQDY7ilv3WoenaJVcWUNWupPrfMQAt2W4z1+YyV7iluZkVC4o\nZVPLx28nkfO4oA4oE8f3+CmSf6LPFz9k6+Mafk81CK9J/3HJIDZbU5Oo2ybD\nWvrS0SgnTQvEUxVY/59a+MpZLon/LXyh/4MIRMod+4NAxUzbVaM+3uz08cuB\nW8SCBudyGCeaUrScUTW/GFtNBn8JzvHDZaIYaEAtgUPkvwJD4g3r9pc71Y/0\nGeDnTSli/XByIGfGpg4bESWmupjlPds7voFCwIIkvbIUq0soJ8OvbLVwswzQ\nm48h\r\n=LTSZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2e1e116734dbd0e962ee4e11a9952ba9ee6684da","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.869e3497c.0_1614108789703_0.09249677929031974","host":"s3://npm-registry-packages"}},"11.0.0-canary.750980728.0":{"name":"@material/animation","version":"11.0.0-canary.750980728.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.750980728.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"479f4a1c3e75c1aa918e857341d1bda48213a6da","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.750980728.0.tgz","fileCount":26,"integrity":"sha512-hTQl0DsFuwy/rYfuI8wZnrUEmYyNSm8Cy+hshpv6CKOkjDDrfmBgmAV4GFJ1tT6WMzkaaI/OcuK8hUAA5PHTFg==","signatures":[{"sig":"MEQCIEbeSs32Ei6hHYy4wYaC62RdYTuBtKtHGF9pID+NOH3pAiATk5nSyh+RUCsI87PhaVCPLHZUfBTUqAQDuOvTEMbp7Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNViACRA9TVsSAnZWagAAE14P/jZj7AHT5lrAbu7bpgSx\nmeByGqghSWLDws3SqZeyIFq9O+9fIL6EBcr7L77L6mipSkHEpUxDgzBlxSb+\nIE0jbN75LO9qV3+qUgrvXdYLKvcX3B7tUhdjLiyLZ529tJA8CzARTDukRz7f\nClyOq0JvT0qB+lmxqfOoBQpKPogs50W5u2Fal6vgRdRusqokg4Bp1HjgeeLU\nCxfIIpzEyDIzM9X0niPiu7stq2YIMpH/4zWHVroSFhpAxsgzUzdpqs2vAA1g\nfY/Iael5jxcJpLSm/WJwAl2qF588/yeBvC6JnmSFFGXLd9Bi//JD0PFUDupc\nJVQInbyoyIE99Z+5LqSkX2M1szI9F+u0c9ctUkZHE3qaBxxTFUpy86Mbdw1R\nSEJsVSKv2Z6fINUVTAbtHX/oRB7EPP61eATZUCtVYIUPY+FHyOdG3n3WXTOM\nm7I5LDswh2xzfu6+DhDAIbD6oVV2i6h4R97lG3cGA+qz2npa+agBi0HUWAj7\nAYrSeGA3Plgeiq4QEevIa9e1akZ72QFQgWomqoH1i6wEnu6AePYMcmAramGJ\nK+RxCTiVbNMU5ufZMzGw4fB4/xBhT3VcDIp6FgzYtJEZqL7jFHEPHX2gLui8\nJ1eJpXfol4U3Oi5rCfcNdASlUlwEIS3fjFJmyhrdEJ7I2UZ0xTAFHGJC82xV\n4Xk9\r\n=YJyj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7cf47593c91398b8080d7a614ffea3df68ac954b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.750980728.0_1614108800013_0.7261033704987327","host":"s3://npm-registry-packages"}},"11.0.0-canary.8ecd7c9a9.0":{"name":"@material/animation","version":"11.0.0-canary.8ecd7c9a9.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.8ecd7c9a9.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c0d564d202dd5a3ccd1e2d39aaf673f6dad4a131","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.8ecd7c9a9.0.tgz","fileCount":26,"integrity":"sha512-aovFFKcp6+93dGb01jQufa+uoWXMMSo2o+13PVXI2YAu2ZIVgt64QH8qXVPEWOu799ZTaXnUoGIjKgFqNXxREQ==","signatures":[{"sig":"MEUCIAI5Co6w5ktyXk1Yvy6tzTQFlMOwjSxWsBarD0//faPXAiEA0sdIRHF4jhsbtyP5dv1MZXiQsOqz0hVYTqL/Ihl5VPs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNVw3CRA9TVsSAnZWagAAxGEP/iGy/X6MhWFAc1t9zxbH\nGgdyDzjjShFvTSGPYBjYA716m0Y9wTW5DMqUTWVB4UfMdtV7qvsrrIwp7vwi\nCkVSXpLSIaTX1DOkPYAXRoh2vD0rdkkfF9gYqxCNzao9WIqK29hWTPys4uUC\nzA9t/FDxWxFQdR6frVNZ2HhnYhf5tNzbnxX/smyJ1rfyWobicJxzQhuzvxlw\ng5SUL+UJWWaFUqmG5Bkaiv/Zntx3DQDb9JeFmRSgpq6k5CzSVenIVWunMnWr\nR1vSZqDKh5cZ8/FhLyvrfJIY/yl4eVtOBq9DEC1JspT3VGp1YgSPchyGdEZS\nUNO9OFxFfeF5FD7hsxXCgeG119plYE8u8ZNwwIRXGe84lMDSpDaCmNTJiB4U\nCt33KGbd6F5K+yqs8RB45YEB2Wejk+VNSsykVjmVx04oqRvvpPGEZQBOkpLH\nhKz29i5oZjXWYtB5Ww35T3U0QWlXiNzMEV0PBOXfomg2RUCSenyQEFGPBbZA\n+UbmMskA2tVJ7ybs2c++zeS8ynSwuG2gP4UoOT5ryaYNk3a1TEZXe1e+fVFT\n+CCaeaHcQCbaDX0OaJMkrZbfj9P8QQaN936qLyiD+9w3aODy50ZpzZZFBbTF\nOe2UZ0nd9o90GywPE+IaIAJyqrcAN+aCz9y4bSI+3+fuNfcyghennViQYM5R\n+3fj\r\n=gmP5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ec70d22f543f79f769bc5b509c9dc06cb8114af1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.8ecd7c9a9.0_1614109751139_0.21142890924543156","host":"s3://npm-registry-packages"}},"11.0.0-canary.9c85d505b.0":{"name":"@material/animation","version":"11.0.0-canary.9c85d505b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.9c85d505b.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f5352ed953582ae7c8ab98fbdf7f324e4ead28a0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.9c85d505b.0.tgz","fileCount":26,"integrity":"sha512-OY8PlcS+19o2fSQN7WfANbAQzdd/MAd+Of5On17Ce3efzpciTuHtkuDskZby/EysEclkvm3hk40k+t3lH1cfwA==","signatures":[{"sig":"MEYCIQCZmhKA0NWjj4yVISnT7E9DuDqPEj/dJvGPwoc1itSHoQIhAN8yLiW6LtBTTasyaPz2gFPSJCYbV67VhS7VYiel6AGn","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNX4xCRA9TVsSAnZWagAAdjEP+gIDutNatpDWJiAuUZfv\nyzKrUXbPjRiJp6Ubw0iSzYsgtr5g7Y7LFyJtSc61f1+7M1EKD8IrpMofUhCS\nozWDmYTTS0WFls1ziw2f+ZblDlsKM4FKJzsEGPf8y5fNWNWkQRIzpaXsrV0a\nABcGtr25EKkpYiGraLi8Zsfin5FF9mK0upOyZr1QzPRqjebBrrjtCAHSXN7J\n3Ipxe3Ep5tAx1gzVjH7TnbwhGG3k4lEyQN4nMi1cAlgHhUQjR2/6eZUwI8MO\n9fbIIJGZbVgMU8QDdjkcNWxtiWTowVoqZ3R3XLV42AdBsUE1j292z2NgddC+\nkT9jDPJ1u5NyL9fHFRcJYqddHqatU9pWU9V+ehL2ngyOojxv2CYGzdvtc69k\nhycoASHZDcb7Yh44AAvn/gvcAdmbALt5RPst5aaQQsoKRzKG/NFuLZ2/6Hy5\nCrbqMryyiMrH7jmp9kKX8Ss5jIYyJ1oaAOUDikwXIai/RJaem39robww4g6C\ngXEOeZ+p+7xO4ng5QyQGnZjVJ4fcy2A1c7kLwg5CuNZ0NGDRGHeBqGOgyMkN\nKzLbl3/wd3Hjd9vIho4E1AbqsTl1ovit+sXVspt2I1nTo9JRdkSyB5kjQomq\ne1E+VYptLrl9gSBVKcxD2RuXsKEUqH3nbgU+rKYr0PwwaGDfBd2uRCT5lFQb\nz5Mv\r\n=v7+n\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"374562c85250daef48b37a0e27a506a7e81c56d2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.9c85d505b.0_1614118448773_0.0023619375453534097","host":"s3://npm-registry-packages"}},"11.0.0-canary.9f2e85fb8.0":{"name":"@material/animation","version":"11.0.0-canary.9f2e85fb8.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.9f2e85fb8.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8bdd4c4414e6353f5d514b1394934eb31174ade1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.9f2e85fb8.0.tgz","fileCount":26,"integrity":"sha512-OlDd2yArJ8pq4Lqr2NXF0Q/ef6gqtoQKKHmB69w/SxoP5zQxCuz5+EIzOyEGYJ5WOcUlgrP/rBixWaacGj3/EA==","signatures":[{"sig":"MEQCIFc/YWCpcrZ3gIz065oBGXI1xBqJGoEdEW9mJ/C1aLs2AiASDZsuDXk0fjc3c0dOqqgvU02WjOeGXWzUs5YwVRBm0w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNa/kCRA9TVsSAnZWagAAdTYP/RaqZwbyVGg218meEmeU\n9MUOjEe5MVb+OQQWXmMS3q41EivkUTUUzEk5xVAJ0cSXOggb9kdH3SoYO9wH\nEGzvHXuEPgR3bCCaRN9NzjU6qzkR1JGfIUFRQdAXZEzvAkQ/X0UUipL3bWkK\nqsz+EhSnKpDxTDINhqOTyX/UO7AQ9pekcJtGnPX2xVA/CQ9iBUJ1XxsipPYS\nTo1h4dCRCd1lqrbgt3p1+bCxX/b7saU45pKD6Q6LTdhEukvR4Bisb+NYpXqS\nrgLqjlW8wMxPv/ITvq1BvJDvYbnxZsYXnJSxEYumjD1XCreTy5TfUCimcRKu\nidJvo3JSGbuvO9DLOtoHTEG80LI2ObcRVJFOwtmarUwiwmzkzjS71+i72+i4\ntyxafNd9WB8vAXWwl9uoLzGsnLevctXTFtPbPC+CP/NbBjMnBIHtNeIXTZvp\nCzJCVQF4mFMLFyb1kdzo48ZW6qazIQ2eeUhLxQiE/M0ujVTyRTDXArV7SihS\noyD1RekBHQoN3sqnfPYe+avBA3CsN1eBquZHXSlaOrG33OpOKZH66QzSkuPc\nwx5Cjfmc4fUjjWZpeIA+I+l5uuaHUhsmxKI7s3NJa6lx3ZGU1zVL2r3MArm2\nPJ4nETkv7BNLTfV+lfYABR5F8R30LhVen8yADUIWBz7TcWBX9ZFkE7psugdG\nyNn5\r\n=Wlei\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"4dfe4e49ca9339b2914b3dfd9e5c12642a0fd60e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.9f2e85fb8.0_1614131171913_0.31114394150623537","host":"s3://npm-registry-packages"}},"11.0.0-canary.19c4f29ef.0":{"name":"@material/animation","version":"11.0.0-canary.19c4f29ef.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.19c4f29ef.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b60203ed2d0a39bfe640c09b61517297fd968790","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.19c4f29ef.0.tgz","fileCount":26,"integrity":"sha512-W6nPlkmq27FLPKxxgiJemaxJ4Xni0mGFWTE7Z8J5tmEzBu4AeM27zpI0vZ87S9S+PJvN+BvX4kWiHIdROLyBzg==","signatures":[{"sig":"MEUCIG1w/w1RBwROebFwu1tJX+XpJNmxFZLTIGxD8NniG2rZAiEAth8FMKA845NfgvEwCxIgcTK99/UWrC3ifU0kbQlX12g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgN/iXCRA9TVsSAnZWagAAdv0P/3/n/NDzG6UvRCWwpcrr\nJ+G4GxNWBvOKw8NYdPbY8OM4xoWcF7fFTOEQk1E1mnQQUW/sDrenaMVGP4mK\nDwk0cVJJ5TJfYxoktb/kBpTTDnP4NuGooSrC/+sRwCvdGdu4W8OeYf0KUjxb\naCEZaMZYS7vrjs73RJoHs4rgofr+hAbPiaquPcSZ0J4IJDl0y9wAdBfR/FdU\n48fzzPqlJ1f5zYVhSaP/FwqmJXX78/cnYeSO9T5Q5VxqMM1zAQo3awXLrlu8\ngtJFiparngpo2ZF9BFcMQRgEYaLts+lbWvEFKsptGPi2RwRSVwNGXKHOBiPE\n+kLrZiOTB5lTr2uR2odynACKE85ljajdeED9Z8ASJ75+jHqrsOoXDiE+Lmhn\n5/2R/JanlMOrqTluJ1PizXGLssIT1C87awmBa+AobC6GLF1ygpioB09U3K1R\naXlVv7ZHwfCdkULe6eEg1v0SoAfhZor1nEBDVf2MfgoUcODw/O4zLAGUtbIh\nb8cfCRtPLCP2CJHFeRCaCozHM1H/dn36cEtSW5Rrpdj3HKFcIsxb3U6HDlQQ\nyb/UYNDpyUSP1MnW6QMCeeaBZ9zmBoVmIC7oq6ibROn10L/6cdZ/G5h6v7XE\n9uY6vCY+wlw8LbDvl77/zAo9GOGGDRw0zocynjt8/68eRd7wDSQk+06mit+E\nBn0i\r\n=nFc+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"cf61b54810b37e81ab57d447f7d050104a2f6f46","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.19c4f29ef.0_1614280854939_0.6419848712865739","host":"s3://npm-registry-packages"}},"11.0.0-canary.63df6e9bf.0":{"name":"@material/animation","version":"11.0.0-canary.63df6e9bf.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.63df6e9bf.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f71739b2af16e5125c0c483bb9d0978dd8b0038a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.63df6e9bf.0.tgz","fileCount":26,"integrity":"sha512-6w3V86xX/L3fbWJUHSyWOqboNR/AsXMmsKz/C8QFxyG0cTU+GCRPrr3db6UDdTBVyyF+pVeC48PDKaeO6PF9Rw==","signatures":[{"sig":"MEYCIQCOfup/kxc6oHG+TXPl3UDkoqDAh7h4iUZsYSpFm0wmyAIhAMVgTAdmhoMV6vpUpTYduB8vEehTFn+8nCfaSUo9GdIe","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgN/v7CRA9TVsSAnZWagAAs2EQAIk3AYMGiqvXcEBvpr0T\nbYEJRRX3DPzLKPQUFhH6tyXdkCF/6rWrM4+X8bmHtJ0d0z4JqpPDUQ770rcC\nSwNWzfiCU4a/hVCunMPjgWmztXM4Uv42x+sySZkiVvFRLFuUsRfXWDJgjXCy\nrWEWk0bXQhHiihxGmqR6+TwsZGdqCS7PhWRKCc89syRjsEU91I9e7EGMcFoj\nHMuoP1W++5V0O/EKSAtCNEVW6lThwwxgvGHQb1kbHFZO+MDVlsjJEQpmLe4B\n3ahZea8u3mldeUwXci68eW8fF7nKAiUVtaO6DUiwPEBpwD5WMfq4dzGhyPGN\n/MNJlB03gyE1woCURSBqaLgYT5/FQlmSRHdhYKHQLiKbakUD5z1wQ48tw25W\nUgOdPTA3lSJcosXNKXdn3zopSHHF98ewU/QZvEt7+vYIEeYQpBLFLpuVUnnm\nkSbe+KYzbyiPsO/+/4wLQMTEtCocVsGhV5FhN8dgRVJukO7H3JchtlVzKBjD\nNeS7yhvBpom+JZZuSSUfRG8VovQYL5lbgn3284LKooZjjFYVZKWALwuElI7g\nUoTVgB4x7rZK/vaAQP+j41g2RCEboSKAP6Lxg5XD/IDy8lPSYGZ5NK5HmZzr\nriGKCNWbow17ZLEMn8uDdPueSojLDTprmjrN8jFwp3KAok2rIdq1XzM1oo4R\nVmlO\r\n=xmLH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"6d11b414d4ea43b5c780988e2437ee30c9f1c0b3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.63df6e9bf.0_1614281722033_0.6924250261908087","host":"s3://npm-registry-packages"}},"11.0.0-canary.981ad970a.0":{"name":"@material/animation","version":"11.0.0-canary.981ad970a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.981ad970a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"214b512267a25475480a3ed94190a99ddb5577e8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.981ad970a.0.tgz","fileCount":26,"integrity":"sha512-VEBcRK/yvvUbTfrSLSOm2KYCCk5gKC/UVlWnURMHBTXwy9kP4DgcSHWbuB7evaL1SHyJaY+mAKzJQyACxrgaOg==","signatures":[{"sig":"MEUCIQCWUAOnwypKb+EpXZH15pBK+UxT8SlnkMJWJQlKsgViNAIgVoeA7vf9pKWDWGSG1pDe6m8Ed39EH4gxbhFzBOw4wsI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgODtiCRA9TVsSAnZWagAADq0QAJwF+vsEgPqd9NUp/rXI\nArsLqF1Npj/WKytMaNOTskQRWswXuXwYfrFCS/PzZVzPe9Fh6sb4T151KFRV\n1vvVx+a+1XxPpKPrKGeCBn1rMzXC9VnGJsFFePJososVgSUNG9Fs9ijtHvrg\nmlvYbKDlkS9T6z7frXBnX6C+0mU28Xx6ibbxnUEPM6PBeqVJaxAE48iEhrMR\nAwcwCS+n5CtSKd5cwqe1yYkxvbfAOtLgxtlEY/xEtbPyxzIFsA4HdjjzOf2L\nl++MIvI8+jqmMFHwL1M46EZrLnk0tRBrSkVx1P9cizWJw1fmWIcopHhJcXGu\nChQfC9C7wPZYAVYj/0BGrKRLuGV8s40c7AWEHDKH6ciQ6w4sAYYao3KiBDAE\nk3agafnbbkYg0hroo6ruerbvCjEeAE3cSTCZ3UcL5+fgfpNY11jJFTkA+jmt\niF+oDTXoGDr+MNVCIw8hpDJZlYujTvJ+1NVEhbwFDVB1UkEeCRALYvuBL/22\nCZ68zGPAN/m2bUrvniBq8RCnFdG3x+pUWCS7tlImywAKW96Q5Vj6kuCXD9Oh\nYAcy4jaNqSnXCD4ZnkxnfslhkDg7TcTIJbOZ8orFFqDqRiPObV3DrkLAkc/Y\n7A2rdNHc/PNz0UE0fkenMOfOdnXQ/uMhnVejvwYIN519kzXNhRV+FvPdW2kc\nNQPs\r\n=qqNB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"0faf6e6b78f0c9b2c63f416ae85331d13aea198e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.981ad970a.0_1614297952378_0.8123782680534029","host":"s3://npm-registry-packages"}},"11.0.0-canary.f9c9e39d6.0":{"name":"@material/animation","version":"11.0.0-canary.f9c9e39d6.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.f9c9e39d6.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"158cdf495c54e80daf163bd5c96d8d7bf71b954e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.f9c9e39d6.0.tgz","fileCount":26,"integrity":"sha512-lRbRPzU0YIx81zgFVWx/V7K/eoC5rD7gRPEhG6MOiFM89sh7iMElOt8DkoBCEgAqD3zur3oAdyKpAaQ0ujjVzA==","signatures":[{"sig":"MEUCIA0kXHu+VySfm1pMRXDH567f0Xt5QLEvz84kgwVythF7AiEAshVYnRX6jtdW2ctEOTa+PQZ6Skk8aKMDvwlFuIjI3kI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgOT/pCRA9TVsSAnZWagAAn0EP/0gL5YmMdRgSLAWpgL+k\nXcOLToNbt3Bad2rSnGKivv163A9Kd6CXnPkVHGMT93YUNwzuKx4ZevdGQrw0\n3LfMLVj5reZg/6oSobqlgFqe4ZESFELAjcRMU0+QOzLQVLNnaRUAoh5AXLEX\nWBBUrnRp/1eZPH4cBY5JUh/GDt+QhaWtTXGU8KXd2izVIJcPJxftugC1u6Ei\nSY76hi2F8cFaXmPD0PgQJFkCUDkcOAcOqVAse7RClNrkxnDW/YA8nkK0fs+H\nrBTSI5QoTNrXJg0Iveog29FA6J91lOc9kT3Pis6s4t1b+FGOhBYGUnh9vXbw\n+vo+zotLLUH7OSg4reF3pETGytnmjYh83FdGiq4wte+i/NAGKbOzLry0g6KN\nfHZezZxZnlaNW70JGP2E90s8oEvnuWExbtImM8YoHqFUBOA4ajs2OPcFQvQo\n57DC4O/NHhuoC/6zwCmGhyLS/qmot+EC6USYPPxC8GpmBZT5K8DbBwQMzOAI\n2DJmhGWTJpyLWlQtMGWeLH64y2ZhRcd7+tHia2siQ4xspHwvEf6yeinYsEla\nHtoqHgOprJcV/Fwb7Yr69n1CgxdOEeXHhV4o6fPMI4nLnkK0LIxV9XCQ3xeq\na15FUrsrFUEIgt2ZbqkvNkLIneXcAUd8pt92PhVUUDUkN7wQIKFQXQfcvu2y\n+sLe\r\n=fuVB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"81d489ae3f1defd63ee64de05a2a330040ae6406","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.f9c9e39d6.0_1614364648372_0.5221078268665553","host":"s3://npm-registry-packages"}},"11.0.0-canary.c97d7d881.0":{"name":"@material/animation","version":"11.0.0-canary.c97d7d881.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.c97d7d881.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3c1819193b8db61b729f16c3f2b11b3d74d1b0b6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.c97d7d881.0.tgz","fileCount":26,"integrity":"sha512-m2Le9yVXEF+L8hvLAkbYM9a7Uy+KQQB9VYIFTU0AJlPrwQXHU2mj0KoGce9vnI6sJ1msQFSp8a3Cd4y66kAqnw==","signatures":[{"sig":"MEYCIQCkXevXm4vKk958kZZIB6lD83ZjzKJkW2Nx3DusEYy75wIhAMdO68WHdg+Q4tJrjyzdgGM7fhlDhP8tUYRKPwNk8uw3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgPVPjCRA9TVsSAnZWagAA8wEP/jwt3zDye0+E+U7iF6ZK\nOIiHxvLPx2yeNW+sAkzSp+lw16PMCkkIsknsVmrr46ma/phIpx+pHkN1LAMj\nSWK7sbDHz6jzad+XDC43gpT757C7mCUFzRNS+SKFTIMp8z6lX7Pa7Af7e3h6\nhJsal3OH/jqNMSo4mW+411BQ1Eef0xSfyKBVCuiNVDPtZFywRTvMVUNsrtBH\nlBX3RLE9TOE8S7WsK2Z87nVUgJ1D6wVqTUXUcsonxZ1WaZOO5HAX3koNjD+D\nVEDPDjuHxEcnMtD1b3rdoE//AsPl75EjuJ/orsaECm9DvNRFdIqMkj8yE7sc\nGjZvbKoiWO5jofm81kNzRU9wXPlgvOJNrz54Q+qWpBt/WXrMtaYf53xJzzod\n9R3qWpldiQQXENwAmiDafUPz1k8dgcBkVHTfLMzsZr4cQBbkYk2yfqs+XTUn\nJ2O96MXrWF0SW1HdNIMdUWyVkDHd8zynWIKCfxHLuDDa3cmTk1Y91688rll4\nE+DHa/GFGbKmr8TMnzIfx/RCyVYwv7RzGpdnjY1PDqmEylsbbxHlHGBC/9MI\nKeTZB/dJZYeHW2ZTZo7kgs5u14GSCDOAQse71ZKSnXv1voOSTKeXy1ZEgUMd\nE2iRMgIq13PzuyJeQSYiOhKqV9nOjcZ+tk8VKkOX0WMTjq3TABpt6+iCqR9L\n8kcz\r\n=Pgdx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"27a49055320511cea9f431f9c62d44a6490bb64a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.c97d7d881.0_1614631907299_0.7515107088054809","host":"s3://npm-registry-packages"}},"11.0.0-canary.bf670dad7.0":{"name":"@material/animation","version":"11.0.0-canary.bf670dad7.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.bf670dad7.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ea79347a12d372f7adf85cca4a7065d36b5a3514","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.bf670dad7.0.tgz","fileCount":26,"integrity":"sha512-QIO3KwimJl0+8x2BlBaMZpPzSEQNfTAinZ3+gror981W2nwB6ZOteO4zxQL1844IVfpSWErYDuSQ6Pqejp7qGg==","signatures":[{"sig":"MEUCIQDqHaMv/Qq/YwK69TarWDJsNSD5fBnI9u0qJ2NTcGQESQIgcsaycroFstPnkaHiJ94N31rJ0a6smYTKEQCHzMd/wSM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgPtYOCRA9TVsSAnZWagAAJiEP/1IUv8IFe640mnA1gX5j\nYzSpAjZHB1kkrC+BqfFKxiHNTzLwA3szgrO2E24V6RKnmpNZ3ouC1whvPEHy\nYgEDALd/m0LOkeovCXImviJ458RjEYFneuzVd8GQ1ikcfSxGME86e/3T3A3o\neOYhLklnO4dCA+wdAVhgJnSqx7IRGmRQir9ELLLiLhqQqClPyMGvmb5WIvJZ\nDj7ScJXHaPEXCx0dBWW3IIBEN7TA1+2aox2CZZAO1B6euydxiKG4z/RgNPbT\n8wi1Q2BrfyEGyFA5fpr/0W60LSsD3p1ZUSKsLOkCBry/lLhB4YvvytGsj73A\nU51g8/rTVTUL0WqhOof8G1eft5R0MD37ajI/VJS1BDXt2cTPbAuwPqqT4tTs\n2+EHx467k460MZBZ+p2/1vfUgUZJaW7xp+ChQI8jqD6NCmW1uKl2fwnHXdPj\nWqa5nIEE87gfC0ApuVIx4ZCiwKW9OGSx6IpJIbUuKaylO+pwQiL3RrnGJZfz\nKa3RgTusdt+1m2BNiSV1FGETpPBGauDYPFarFVcS+cqa57OzZz2WJSdLlaHg\ngXy2ib9xPOs0MErXyma2avYhzqvXMz60romg/53EIwSohrHY4qTGRuDwDXBi\nS+xxh5w/N66LJE0gro1eq2xeiu/Ei6wKYIqT0oV59FqambBex6N21SvtH1FS\nSe/0\r\n=laHf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"61b03e5331bd5c886de5c4a57a4edc1b53878e47","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.bf670dad7.0_1614730766132_0.6702053557998335","host":"s3://npm-registry-packages"}},"11.0.0-canary.c7d98fcde.0":{"name":"@material/animation","version":"11.0.0-canary.c7d98fcde.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.c7d98fcde.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"647d6d41aa8e54862aa95bf1f2f738d45aea125d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.c7d98fcde.0.tgz","fileCount":26,"integrity":"sha512-/4u4v74Mp1EfNqHGjrLs+QGNqlyUMH6DYRGFH6PWP4CwLlLhEWERs3OHrL2uS65Stm64GF4qn3Bu0vZ+1PuuNw==","signatures":[{"sig":"MEQCIA2UctIpsRCQwM2MQUTuhSukxrX0jQCdxil/moO1wSpXAiBMBWe0AcUfgNsIYfs4UBjihjB/cWi3URNw4o8Fcys1cg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgP/HXCRA9TVsSAnZWagAANJEP/28SiOG3gY8SMLfl1dGX\nsPnMQnQCM+cNz0SnAyyJ2hwODZZmmIXeGvsfM9B/H+XnyX+rMswqfznhWkNO\nTSUsI22L5eCeapM+bmL27QZevYeo054Aqgw6PKPjMUq7vv70hEftCYJznrcm\nFCNlYJFa5ac3cTffK0bQHnMHreWvs/w5AHfOQ8+qVZnjWoniNbUi8KzvrAph\ngV3c1E2m8Noda3TTxMhUNh4hj9BuhFtc1oF+/GdnRs4jfRHTNPXNs+pqpS1B\nxgz2rHCrryadCRkhdLavMmHhVthozXopK+NsXc3B/iZvzn3+hUL31nM5KTHD\ngISUQ888iOMBH0LCmdJw4dPrJ1zgR0VX70TQkt+PNODIPJ1aDyVx76rntXE9\nN+00QtsO6ZPZqJuUBp3tmOdusk8EuK70f2R6EqehV/30OgpxT3L+gjqwo0WY\nd3Em5Tid4H4ws1FrQr6QndbSC9TBsqIipazF7ag8vlhIYstZj7vAgnUYRg1h\nHL5IUzWXYe4FXSeAx5FKgx7YbSjgIkgAj1kWBDHI03VJsQ4r7FQ4FV6VMjiQ\neakriPOSA7SbETvNxNrIKDs6FRJI4BGuO86OxTj9AzOvEzFefMtZ84267AFu\nL6U/g/exzCTrovqZU33vhCeS0d7/REvjM2JtCF3PRw4UY2+e+F4z7KtsGjH1\nraMk\r\n=Cbj1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c5c4c5b417df34d141edcb1fd743d83d7a2b49cc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"tslib":"^1.9.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.c7d98fcde.0_1614803415263_0.7006030966866839","host":"s3://npm-registry-packages"}},"11.0.0-canary.4fef8bc1e.0":{"name":"@material/animation","version":"11.0.0-canary.4fef8bc1e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.4fef8bc1e.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c81e186bd18688e6054a3ed2568d836d4ccaa6c3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.4fef8bc1e.0.tgz","fileCount":26,"integrity":"sha512-hYWL2VGG75X1GDUpBbnTpkplIn05wk4O0bZVnbQw2xKYAjnma2DPBnWIXvzt74KIY882dS2wl/5kd+2QmOXfNg==","signatures":[{"sig":"MEUCIGQJ+GP15b9U2cxT4xv79xHdYiKhZ6r6RzvHlLpVbWS+AiEAp2olf5mJCafjfto6glBs4+1xVD4RsyZ9n1MP9wT18Rc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQBpJCRA9TVsSAnZWagAA3GYP/2n2sB8GNViERF6hdGqv\n6H1Ak324LTr39aSDipuSUMti0JCPvCYBiZ/y5o1Cajbxrwn9B4MsmvcZxFbq\nZjVJxkGv2g+1ekqKDLKbGS35j17li11aRYiSsZYXGOaLfOKkzL6qhinr81qz\nUZmZLzhItj6ZmOneH/YFw+CsehsLETy0kIh5McQ2ue1Rroz7Jf8d72TX38Fc\ngszDu/195bX9EZfLmGnGa/KRoa4DdAWE/rdeJzLPPqJKk3+8Z7fmoZ3+31GY\nm7c49YEEwiRagi/sRcxe2L1RuXRU46FuYWF3W04McaquJoEx3IHV2yPFTJ3X\nYovjYK6OsXgtaf8zuBJ8T/o6uBzNtewL3gYE6l4DdidwR67o9dFIxe5dZrQ2\n1+dxAwe2TWnTLrth/RlE1WV+mtvSV9InSOuN7y3MzRywxIGpaQTe7BddGvc2\n7UKagjh6RMwzlhg3YiiBQINO0JHIBVGakfpx5SH1lp7VoJtlsmR+ANkKbKtn\nB0WdxZzidw+8aZQhlP22n8LO6Kslb5NweaaArXEsteO0azLRCw19eMhs/1cL\nsycD1m8x7GdlYdNlZuEXyLT4vHa+4fCy9tKgrwVSusXo6YkDAUytd0unGVSn\n8lqZQC7WZdoZ2cF4Ml376JuxSwZ9QZuqhLbkcaMqHx/3S8QWt4Z3aGHPaoGX\nJWrW\r\n=/sa8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"933905005f9c16276caed5327bc6ca581afabb6f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.4fef8bc1e.0_1614813768537_0.8145654687651249","host":"s3://npm-registry-packages"}},"11.0.0-canary.afae3a3ec.0":{"name":"@material/animation","version":"11.0.0-canary.afae3a3ec.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.afae3a3ec.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ca8a9c46abd4298d4e034ef41de815969a22e7f0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.afae3a3ec.0.tgz","fileCount":26,"integrity":"sha512-cIGTjDT1Ix1q/gpic0Qv79mYhA1Sr5fRkQuhq6jvTSSOmhuizDUtZonzl9wx50MizxVoZzCUTDGMb+FEsdmBQQ==","signatures":[{"sig":"MEQCIDwqcahi4CqX7rbQmELa/zK8UkOMawiJPSNxEBh2Gh3FAiAc+IoxXs2DqiN7s+f+0+kC2aQkeBBCBg7UkbR4UkQLkA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQB6ICRA9TVsSAnZWagAAy4MQAJG8CrMZDS7Y9h95lbSt\n6jBiKtGVYZzsGyBho1bghRQ04NPq7M0GJwn8OS0tolHVm3ysePf1UIjfFv6u\n86SXMh5OclYTNTP4tpUDmpj4W1xV5FELrdcLQuKhuopxzO657WQ4TDBKd9MD\nGB4C6PJ01wCBmnLLfIFgr38oD5yZ0BA+Bo4xmwal9UYmPVXIhC/m3M0vAzBs\nFh256Mbgqs8mqkL5r+D1Nq8OTqEmjTsdbRGAnJhY8VEFuSP8mmV4Q1ZdzKYv\nYSTV4YBc4udeWFSxXQIljtAXU1humFOYoJR7HLi/lIm7scMNsjM55dXpULN6\n+siqr5H4nMLE3JxyLyJJEeUcGqJ/EWfaxAYRW+PH99oknt27AAsL48lVJAkW\nFgA28xPOw2HSULv7NvD3clK6tcGPAktZEePYlhqGu2ZaTRFHFhddPPu4b0XN\nIUL7/vw4AZwdwX2V2y5vL0dTQEvNs8+0Nh4r2AnnZOFRJayX+6gpNGe7jN/r\nN/V2lQ/gs0qpwz2HUVwbERMZFPmY8StVpgTQEUkJKEsT+ZmvKWSpu1Yt1G3s\n6Glmyd5rN8+tRPqT6A3L0BNF2BbqSona5L5WU2mlDK8y59BO5QFz+QTSn57g\nwAi4rwr6XxZAPfk0MitvSuRub8Rrde5WwNrPk2JgTVKnH54CgY6UA+/KeZpF\nC+xy\r\n=xuld\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"054b07cc588568c82346f2cab8aa8948b77a80d9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.afae3a3ec.0_1614814855937_0.7053419084272445","host":"s3://npm-registry-packages"}},"11.0.0-canary.0a0b10f22.0":{"name":"@material/animation","version":"11.0.0-canary.0a0b10f22.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.0a0b10f22.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"183546f678cce1e244f09e4c9be5d23bcdfb5143","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.0a0b10f22.0.tgz","fileCount":26,"integrity":"sha512-a67lYleUedcBENMuC+FZIv65Lc83Psz4VMaSrQJtamZQV36dOv4joX6iNJ2Sv+A1k3wjo5tJlJl3BKxkZCe5Ow==","signatures":[{"sig":"MEUCIQCJ2KyPoMqWF2xo85koG+cVIKmom0YoTZzLF1kpGWqNXwIgBSY5pQnvi0y89ebSp2Yxv0qXbm/wKft+OgEEbiiDtu8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQCLMCRA9TVsSAnZWagAA9WEQAJC8DvCMPiJVRK7uUvDS\ntkyptCSg1bzfQF0RF6TZSMlUWJKuSP9d55AkCRHp06i0chJgknf2zmZibtCp\niEyPi8tJ0n+we9ccQuxaBtj0p8y1IltAhrQzSDBNL8SMALz5Fta6d55BQ3ij\nRJaD9zDIAF+wh9Iey5Hh4AQLNqiV60JrBQbaa9zTFpwdE91YNugZwqh1bdw4\nYNZkjvR8AdXRDmLOm+RxhGnycQv+YH/14Ac18uF+6lVrC/j2r8Bi1/RG9IBq\nn0dbBJav8cej8FEy0Ed6wnOYaS3wfS7BPGzat7e7FVoix7jPCJyFmsvMh6OP\n8yWLX39XonLwb0HSkQV0AH+JRmGt+uGMY9bn+0ILoUSZvUg6GWxY0qUyNGQJ\ngBGsXiiDYqZ0zWj4u1aSo7RUvJxCUcWscpT4oT82l5yGYARZotPP/6mZkisc\n3ENp08LD47RMO5GaE7l+lWlhwmhJB/r07ILhJmDtj+iat8Dnx8D9Lu5hq3Zw\nRQ0bHLsuiUSkuLKMokKgIibZakkOwJqVyxP4RtGqTPZM+sCUMo+MlTxH9rpg\nk5RMrDAkU7Bj7POUEf9UyltHX6pMEwk5t6OMwQhnt5EXcxUKR5zrADXQ4k67\nVN8IWSv8K+HZXYHyJ41V0lj6UNyr9Jztq/BmAoUxoRbW3gINPyiuuf37TULL\ncv1e\r\n=pSdm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"5b560f4bc4c4b50a124c9432e81b3287bd348abe","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.0a0b10f22.0_1614815948002_0.2052457085878181","host":"s3://npm-registry-packages"}},"11.0.0-canary.6f678a91a.0":{"name":"@material/animation","version":"11.0.0-canary.6f678a91a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.6f678a91a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"62ba2139ddadc84ce567c8b0d0522e2a4db8a432","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.6f678a91a.0.tgz","fileCount":26,"integrity":"sha512-tLEqiJhRlXr3FDqJe88nZhwKMUpX8oxGcPFqpqfMg1lSN26JlcFHb3egaIuPSXbBJY1hm7+Vd2la2Ld1nYXbgA==","signatures":[{"sig":"MEQCIEf5xvgBE9dIrdPoq03qyWFOMpZdKtkTonnzNs5MwesRAiALyxh0H6A7ffbr7gVR10c3YIdS/ap3/zdumTo42q3U5A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQSksCRA9TVsSAnZWagAAWxYP/3NwC3/2hBhJyl4r+Dz1\nl3tpGOM/77QkTJOO25LMjx85ULfK18H9pXTyR3lqU+u5hvliyBGrg+ruso7D\nvjQ+AdaaRrURw87Gn85+q0J4XFk5oeDzWIOsenMIPpP6iXGTFqfKwLhSwYWZ\nZdhcBfIti307m+Jf3fHOkP0J+NI2daFoXRVMTlivzjY0Rmia9zHrv7xkw0Me\nd65POpP8KOM7DalqWV5C0eB5Bi3igHt8/8BmHTU3lq8rNRHH4S5Ba6b4ephb\nMkxvZkoaKxKuomyYNtRRliGvRhYK5PZFBUZYVKIhtqc/SNM/TTi4YAY1GuUM\np6CdioQSw+4fSuarKOJtrl6HWdbbjEhYU4s0bVSH5xjksJOsGxpM1yBPhnV0\nI50No6hgveZPzASjvMKwbIqx5DisGTpiUWgxDoBYXDo9cmnPpLSftulJoLzu\n3yEkfFAc+h0ab/XMf8io+HB8F8D4JsEu6DPooGhsSlv6N86ZuHlnLPpfCpUF\nSzfiV+a44jAPH2SnNrVW8UmZJ+D0PqMa3KKaE/QG9U+7j/Ssa0e90ouLehzD\nDPd6LR+xCquDWnklaTFDOYPAAaQUuwVnJSzpvFCfKJ+blX+9CY2FGGILMUiR\nQ3Hkf/bNN57DUaui/TCbtNQ3wjd8aANJUF0m1lqD762DS57oMd64NPxYFMrx\nVvI7\r\n=mOfB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"863e8a04081286602f8b0c9bf446655b9399e8c6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.6f678a91a.0_1614883116316_0.7956704435190829","host":"s3://npm-registry-packages"}},"11.0.0-canary.f5f1b613c.0":{"name":"@material/animation","version":"11.0.0-canary.f5f1b613c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.f5f1b613c.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"358b91c5ebceb7aa259322e4bf18976b1415aa03","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.f5f1b613c.0.tgz","fileCount":26,"integrity":"sha512-sUfwwRpRzomm1mXW/CATOu/U3CouOdpW6BtrvrBY2t78fJhf3nYOEKzlJF246mDrhWX5yqREYxaqiM7rmQS3QQ==","signatures":[{"sig":"MEUCIE+8r6I0aBsL2H+WjIGIawUmLutHq8bLbZt397iIrWyAAiEA6jq1XDi7p2rPFeuzeIG05p2pIi4QnNkuqmYUAzkEdXo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQUd+CRA9TVsSAnZWagAABlsP/Axzm8xjYS8kIV4q6Tkf\n16SmUiZPO8Joh5jfeos9jDSLby8Pm6CDII4qzgpNZGNSy9RZF3epdI/AjcjJ\nM5LU9hSJC8UFwZSzJWQ4qoHvDbDjDuzipghntaSfFh5d3CaS0JJioSHFs1Ru\najPJE5wm3pMSsubD5TgK2Zaeem2H+0cjU1t9RoeU5Tpj/Ja4isKga7QBjvoK\nlsXocEkq/DYRtqI9ZXqRq3sSRBhq5a1+DFIvFzUWmTZ2Q9fKvkBGBhGEWND0\n6uHu7VKdSlZOtx9c0iHcCvnR+6HOl3KJPg8WK6Zmvd5HAUPHUatLfyvFzZp1\nhM7HJh8MHdsRasdgvJbv5bTKEeuFne6XZrlJNO58yoMFgDNQD10dvrG7uLL5\nEc131d/UgmcmVjV86wbXwnt/vgrWc07eCq1mmEQYax5LGxfFb2FBfbJm3HoU\nRVnupqLA3OR8QnuzumRVhA65lSVRkUBlW0M7/LgFyvJaWW0/7EmJdF0XjK7w\nbttlCnezPbMeZ8HIgmTRRx7B/98CVzMN/jdHEZdH8y2tniYt3NzRE8xf6w4t\nEWASzYw74ww9ACHpCGEOlXoAv3LWaZmijwHKf0RuUTHcDjpz3bX4WT4deR5P\n0tbKjR61L0/A2o4NdvMHoYabZ59Y/6ZPhFvcsyBkNUB0gqChK1qiz6VGCMjU\nx7le\r\n=r6Lf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"20e2000d9ec732c7cdd0b5c15381f0a55f778036","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.f5f1b613c.0_1614890877759_0.40551937668509996","host":"s3://npm-registry-packages"}},"11.0.0-canary.606e767ef.0":{"name":"@material/animation","version":"11.0.0-canary.606e767ef.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.606e767ef.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c331b30dccdb62115af7fece4314c4c3e4aafc98","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.606e767ef.0.tgz","fileCount":26,"integrity":"sha512-FzODEIjcfQ/FiqCNDz3hliVwMSdLGny68iWG+UcSIuIc1cPH7lfF+Nyx+UyP/GbIuOqOQ3LbezHorG9Hpdb0cA==","signatures":[{"sig":"MEUCIQDDyHG9tO8wcxSnFUdtvdf0u7CKhaNqBEwvl/8H9egsigIgYNVnzFoIZIDQ9BFW6CkRKnKZ+ebZPOTfF5dob07VQpA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQVSWCRA9TVsSAnZWagAAZUIP/1E1FG40V/1uEgTIr27j\nXfcggRC82SuPoS9MZjJP/8AGaXB39G18eUCZDSo48Ocbbnj7aNJarULZ8A3m\ngtbqJfR44HWbKsO1OYvviAxEahQkyDxAFksERB/momtVLQPmyk4wyTSIQIVE\nEoLrH13LOIfIAOHO3Jf9bvnLuqvJjHgG2w2NxU86M66QHaPUv0KA8xO/5XPl\ntVtovsL3Qd+iVcJ6YnNfVlVBKBzUWUGtvll0hYaiGaSHGnaa68B3rU6KXljU\nSsmzVg9JUsYT0I72EDSbP9vAC1PRikJcS2RYIkBCWSvsYRAEQxDAtFvhg2xm\n208A/zWiYlCPhEagSQ11UsH/NsqHNE4sF/haVe2eaCXr+i9X7NJ0gTngvmUY\nI2eClsN+GoXA8bGlX/folNNiwrjYnfeuFuX4kJL3xWHy6FicqkEeQ2CbT3MA\n6aBX94i6M1AEGbzuqW2cffWy3Zq/tptvXjrl8tfjL4wbpyebQpN4up1jSp0F\nYApKmiRGjqZwqKWH3miGOg+9z4GtDvHwdKUxxPQyGC/JZq0i0NfIElqgmJDW\nzHa0idrzGTRMxX4xaPwv7kvH8pt4z2uAb/ghEeRe7iKXJa1H/mKiJfI0TsQi\nzAI36bK97RFZvxmwtouP7TS3S6kUH6R7eNMh9Rli/EKreyn1NYUArrleOs98\nkBlH\r\n=k0If\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"34c41b3553e1ca4ee49c0c36a1685f3f462d33ce","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.606e767ef.0_1614894230381_0.37252759245205147","host":"s3://npm-registry-packages"}},"11.0.0-canary.f77a4dd1a.0":{"name":"@material/animation","version":"11.0.0-canary.f77a4dd1a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.f77a4dd1a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"04587971e940f7b0cd259c04f33a385ee0a008f5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.f77a4dd1a.0.tgz","fileCount":26,"integrity":"sha512-iuoSfmHGK7B1uIBEhgIM4zTsD15bQsRIP1rLbZZcqURnBc7w9kc7UNbCyUpc62QIRBsl9t6xVFBs30ltiaKXVw==","signatures":[{"sig":"MEUCIE1WGwpJuBeaLA8Nvvf5xabrqIW4WmetbQ27jnk+xB/0AiEA7lqauuD/i2MNnY1RTuRdqe8Bh1mVZnU6JXxFE/U/Uw8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQwdBCRA9TVsSAnZWagAAlS8P/1+JZVvBo/OvbFe+buwD\nxCY2U7oVGnL36ojht9uIZ6a+GewIBxVpgTTgDZdtiVSvZDJEeaE2z0xoR0O3\nFXE751xIF8V/c4rjUU1QwCWbEUpJvo8hK2VzwKGP8F2rqiIbkXBnK1oI2iKG\n3MLcVgh9z3P2C+xf4ItWJ+6lL8QrDXxYdm6JiNfW2AfTTDFIhLXjpR1WBxYg\n2JnGcHL3kKfGq+TdbMmYO2q8DXh2J+RqfcL2NXjr5W6HdkD64B5ddO0jAEk3\nsgBLmqx+UMCMgQKUqGyaq3N8QrF+saIXeL+gySgc6rhs8SwpIa6f1C+2YMf6\naL8lBuDfEMDIC3ABuFU9JznaiNt1Rh7HRiLLpyqhKMfDVBAkKj8utHtN2Od/\n2treDUvCdjQcs6xzbsz3kqcopdOOqxFZwZYL/XKkTXKnd0ctymxAVy4aHOnS\nR2j+ZEJRstzW+lCJtAux1YBgAJ67elJIZjF8oEoF8esSeGByRohaOe+aHrbr\nv5280eGLpVyKGed8pvGkDlKbFddyEH06eDkmOfH01gi7UzSRARrbATEYbdi+\njN7b9eUW0G6CUg4/zO031cHKQyT0R62OhhFjFaVBae99FCHDMAdPAkTZp4Hu\nejZuTvwzyg0vqX8lxv91azBYwTEuHBOoid1aaFTT8lKhgKHnfgqt4W6WoDvo\n2PhS\r\n=Ekm0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"9a729bc3e368dfd8685190e8460ffef16eac8947","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.f77a4dd1a.0_1615005504930_0.2722792001849397","host":"s3://npm-registry-packages"}},"11.0.0-canary.2d6ba2c23.0":{"name":"@material/animation","version":"11.0.0-canary.2d6ba2c23.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.2d6ba2c23.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1de500f231cf4616bd2c0d54192d0b8e93910318","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.2d6ba2c23.0.tgz","fileCount":26,"integrity":"sha512-0GkRHtkzR5CIdEjZNjfD12jiI2iLz+hkAf3O8nBJTE2rPrtb60ilodRTY8d+Z1aYIdGxOxbXPt4sRala6FFnjg==","signatures":[{"sig":"MEQCIH+I0J+VEe1304xwsQMDLbNarLxLgn+yHRSJ6u6LC9yfAiAMSl8l99YepxQ1Nn7Jbh9kRbOzGJ8yBVFNSvZPg3OkAg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgRqhqCRA9TVsSAnZWagAAEM0P/0uempBZxhbcGb9/pgHJ\nlBmvSsqQq7ZSGdg0lQ9zi8+U3m10QA7Q81njkfBAGwh4fIdV4XSFWMfGjuOs\npHBesqk58zxT0jfYchYss2Im6GLNaXTdUuO6cZ5bL6IJqCq9qHVNrcnaJpmz\nf2QFqgtBsFDNJm1aabqBydL/XHdjDIINrZytEHb6cJdaOYhCy3CxcG50ASjA\nvtDStNUAkNTgOQ/k09FQDIAddkWGzZqcdztFX0PUyrhqlai86GcogfJunDUR\n7jznGpYS2txtRD4bNV3Bh2erIZnAKpBY/N0G1Au+axh6e76d3eKboAVcvF1K\nP+SubLyWtjDYbr1ycGKS/HjXbOY2ircgyMjmkG/AMa+xRj+YVpKuRVfVdZdY\ny21eMieWSXCnq1KTZvnaoLh7liIyhBZFBX9RKEMXThq9Qwm72N9I/hTJtwSn\nDKFlGsiFwtFO2+3Dqj47haaLTW6noiYwc+QzXFe2DOSs7xUORnW2ea5QWJPt\nZa38+53NEiCssfiQXEzovBsYjuyWVWVgJeEtzMFlep0b8eRGftP1KFC9ePLu\nWDCjZMYa6jppRThXmPdLAve5MA54tz/ILAx8sFgGhEdi1aWeQNcUiJSSpexO\nQrwmdtY63ExhhojZKYBHUvA4l2C5dURNni9lOmPvJ9bBfnguMTX4RnvJjNuY\nXYOn\r\n=XNyP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a0b889753d981e10bf70b9bcaead70c1549cf865","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.2d6ba2c23.0_1615243369464_0.7085283962317233","host":"s3://npm-registry-packages"}},"11.0.0-canary.7522dcaca.0":{"name":"@material/animation","version":"11.0.0-canary.7522dcaca.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.7522dcaca.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c6008289a1a20548b0718996b883150b066cc1e8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.7522dcaca.0.tgz","fileCount":26,"integrity":"sha512-XYt4sCGX/M2ctCDVFVFOv36N6dlJRS9ERZnosVIt+26otuz52dHCbK/0efMb91g4IZZwHb5XNYjz46g+chs4BQ==","signatures":[{"sig":"MEUCIAr76mq/sHkyicDGRjgYzQeNrMY4zzq24i5AL9GmmFp/AiEA2s+0BbaQCwoGcAN6KThmV+J2BMqPbzckAs0qmHAHBmI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgRsCZCRA9TVsSAnZWagAAXrEP/0qur8WYcil7JnVpX13d\nAjyCASo+rXYww4Vgo+CeGDksP5KLiIfAWZP9AeudfnisaYtYITvHKcC9FZ++\nsFwKEBbif3yN6pXa4G3C5qR/YXkVKY2pZ/iJNVp7cv6Rq0ZuwYEs9SDBdy4k\nvp/YjMXBYdylbcjWVWJumHmUCOrEjGvLBtqxrODVzGffyX6f20nUW9JFCnsK\nC0EA5vo2qfhe2a7oEYnQyeJpOgUe4aZE5k21YNIMB8mjQvRiScaq5htu9hWm\nwqVdGAsA8ArtC3Cm/Z6eJofn7yP50hXeBcwppagaB3CcLD/hj0WFTrnsils6\nDcYY4yjtn2IfL4JNcr2NlKnAqXVBuFsHf65UyiFYt2Br6rfx98ljR/jXC5tT\n6ckaamHvmKwTxueQr771U4OxIjGoIUTPn5S5Qhme3HkmR2hPbp2mAqdA3jn+\nB6Owurmh+yNH7O0jJCd3yVk6Mq/CkyEWeVxt3d8e+WM5NhwQL66w5i8i2mSA\nInarz+VUPKg50XU96GwHS/anFCB5cR2JzSohwfV/YQsVBN6jFyD+jmZDNohv\nRyafmprJIpsVI5Zwjsg4C+7McD2u67Krd0oPnI/lzHSyTLvCLow19kd2gWJe\ntiyTD/v6gfwhSEsx248wW5Izb4Xqj9lM/TehzEtAS1yuGiQLyqNzY3vnWcKC\nZ70F\r\n=1Ip7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"6e73ae404aecb0602a5da37f40b650181ac48062","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.7522dcaca.0_1615249561118_0.8275716443381056","host":"s3://npm-registry-packages"}},"11.0.0-canary.5c0ab7401.0":{"name":"@material/animation","version":"11.0.0-canary.5c0ab7401.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.5c0ab7401.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"359772423dbf64b426ef905f92383fe342282a93","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.5c0ab7401.0.tgz","fileCount":26,"integrity":"sha512-Is5Dt7jTOY6ypG+8RjoINPxldwgOAgFGYCuCgAAzYNw+9GykHYoJ/KuUvfdc6xm7Y/XTcAQaoMvbnR2z9bbkwA==","signatures":[{"sig":"MEQCIDXGCkXHltnT3fdHVM8EQLRLKZPGtXEaOux9SvESNxPMAiAEMM6+Ni3USWTUgslc6qzePVQfwH8PNBQSxM4zHa/C7g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgR/vVCRA9TVsSAnZWagAAFmoP/0dZFoepWNBoEtwSlEjB\ni54M5OQoTIwdTTyUs1hsEj6YMy82SxAVFpvhpoUiytqrmp9Jty6xH2YZJYzQ\nD/EKmV6lC1R8I4cnc4kfb6T7kId/WQIGQX8sfA13Ya42VohaSJbs70SkY2rv\nHeAX8YolhOkogc8IUe+mbing5Q5ei5jKXqUpwqJTqAMRN6CLr28iOrTgYkWb\nxXi2HgCkElfNI0aiqqKFsxpsf5xNc+rqOm0wTLf2K0kwnjyI1xPeOALEAQwG\npVhWuXRwgA26Ry4FKqKG8v7H1IksMmqiViXORpVycVbIUt0thKC/kXJrGm7y\nDFGEiiC3tuxxtqSJWSx98DJBCP4JB84CQrx6OZfWZXF7DzwajvKzISJtGuM4\n0Jmfgt5pF67UZlWrp/WokH+GTQW29wexGZanFpFz26UgO+s0QrYenPRwkPXT\nw2p+kcvkjl8pC1MsdEQOUl0pEnYNkvQ6Qm9Vy7OkLGfruvrQNDtSa5ZTTo2O\n1Oe93m6CtRzINph1TBYuoqKcqRdJBYVBzpoQNFdLJb40B7/AoqtwfD/DdE/Q\n0+rWAJ3l3lFjZ7ADzyoAM+thtlwAAFOCyT1BSVrDFj2ruHFL1xOEStSb8OuU\nQT2YezAj2M4GLpvP16BZyrWdP1W8LKDLOysSW4Bt/9LfcZgHLfNcFZUEANnD\ndv3f\r\n=o0JK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"95ff5a1121ca15128776896b8e4759594ec51246","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.5c0ab7401.0_1615330260638_0.8300439132927215","host":"s3://npm-registry-packages"}},"11.0.0-canary.59010b6dc.0":{"name":"@material/animation","version":"11.0.0-canary.59010b6dc.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.59010b6dc.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e85332895360fdf2ec40dda7beeac2483fc1a990","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.59010b6dc.0.tgz","fileCount":26,"integrity":"sha512-/90iVcmH3t4pjiaNLlGMCjcccHpuQZ5iP6MfiIUFWXMG4RAPDEDthR7eHNEfd8katoyfoAENlW+rt6estV7AAg==","signatures":[{"sig":"MEQCIDvg0U/R3O6hoy3erxDky0JFOwDqfqM+cWNIjwD0yfCbAiBuH2/zqgIp7TxcI42WASALVC1bu9+K8hIoVORmtWfHLg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSPn9CRA9TVsSAnZWagAADhYP/R+2SXCKEngvkU7ZibYC\nusoLq0ehlyiTKcPhS4Km41zKfomSRnNO35GEoR8j8/MiBL3fkIBmmnaLfGqH\nP+RwPYMppPvCILOWS3po2YSag9SflsPI6nwZzdzqShoc3TTT/6i3s2P3/sQ/\nevEX0qxPNh6MDXyu/5NySXCsivj7jmJaaHXLp0LOgcw98kM66VDCCwRPhMJH\ncjUsBlqWbn4Grdvt0ZMnKcBGB0lKG83UQEX0rBMq2DyuVtX0KMaLTuVXsjYU\nbxRxm61m9Uddz7hfA96Ve0vtxw/OO02yopbgGqCsOL1WCZg0QGZSm7FNAUnM\n7oUMdb6uFfME2yNYWhdCdLLUAPGdCbKPjpAE747VhigcYyND2aw6Cw2inYcj\nnjZ3SUQJtvlEqXCGOO5KC90PaLzZzwPTDQ903mitRWQxyA4yI89fgwxM0mww\nkGd6A67QBNJhg5n8njzO6sD1P4e5TbHQJYkdhhu8BxUfFiHC+DSvU5g9wyfd\nQDmuDvshoYP5AWvPcxRPA7R18h4O3egZA+IezpC8GSl9nu0iPDQs1XyymXbJ\nxxJJ4PKVXVfW3KjLDa9TMDLoBDMzUsKX5OrA/n0c3xACCOtG7gCOEMnPQram\nbuIHfQIYHH5lil59IVUf0Z9o2rI2DtMqDd5n9OAPX7wvQKrLkvzoGOzBSlHW\nFKG8\r\n=44gj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e697574285a5102f4c1e5002a85ae33a3bf2210b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.59010b6dc.0_1615395324405_0.01658396868105161","host":"s3://npm-registry-packages"}},"11.0.0-canary.9e52f5544.0":{"name":"@material/animation","version":"11.0.0-canary.9e52f5544.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.9e52f5544.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e1276dc3f22074a5076ec2aa44e776544ce2ce89","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.9e52f5544.0.tgz","fileCount":26,"integrity":"sha512-7wVCYac6+yck+ah7UhnSjc4ufffkYmuPdEBIuow8/myrg4Pw0NfeTIlifn/NoZMXDC9JgKOm/QbNPs3Yq7THFQ==","signatures":[{"sig":"MEYCIQD7POIpTSPmqxQ1+pte4+f+Bxg6ZEuZyguaVsC6H9oZhAIhALaFDpg/ZGC6nmXa1/mtq/JhLQrPAdCizs5ZYRnJQgcH","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSVT4CRA9TVsSAnZWagAARWgP/0arYPLMUY2hSf4TwHcl\n1Tgvk0/yMmkC8z/1TNP0uf4huMh07oN4qLvcW6EkOTOuBXFTqd7jcVrhlcp9\n4eLadYgu+FiCh6Es/9JJFWNT2lQcAetwxHLP65wyspRxd4C0nf0GXimi3fjG\nALJ7WGIp7bpuv+lTi6AOevmJvunSk7pIQ6Ys7B0obKwXuprDr3Lpa70mOgHl\nH+M+rMQ3MpvXMzvrbux2am9nPp18ncA9wvN4FMB9IX1Z9PCua2hRTj3YBvB3\nsBs+GciWHPJFXnfZha/iS1xMxbLnJPs+iuh9Cwm17PAWZs2RFwJky5tQLIH4\n2ynov+GdOyXXq8MXvuKGkbr9Lp/0PkjaQEX8pEMkWM3TPch5w3GSmHN8WK11\nW8z7DZEavQVJjHKCtR0SqoALdQHQ87ThcyvWwoUd2S5zuWHG23TpyQ/PR3kW\nOSX/zzj0Gk2p8C75FGpiNOrBKphs8EKfnQJmQjIbXbfh94LfZrcDzNL502Dl\n/OvSUI/Dbd3WD65nFkDPlJD80iXNHJKLaZ5IU0PVC6nvv9hCjykfe4sbM+ya\nDbJOZOaAyxInaom1kMj+4eUNm7X13itp+tv3BZTQ26TyeFcBJrDV7qu1vV3H\nlKexmBXJ0MzAnR23amwMhBML3zaCtChPORLo1bgVq5buJbCncJjkT4B85tDt\n0eK9\r\n=+Hz3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"4763f125770ec8e3a6ea4d8f1f5f607371847e45","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.9e52f5544.0_1615418616092_0.44939817237199486","host":"s3://npm-registry-packages"}},"11.0.0-canary.a678806f5.0":{"name":"@material/animation","version":"11.0.0-canary.a678806f5.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.a678806f5.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a71fc1548c23ff7de6c15502bfd83e15105bfabb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.a678806f5.0.tgz","fileCount":26,"integrity":"sha512-vt7vHh8r9iiieN2/sKjATKodEu/J1/kHzcflamTG6s11pe2FIgi9kTm3Ad19zBaQPLbErJh4saRSgaJaPokvbA==","signatures":[{"sig":"MEYCIQCFOwpS21fPpIaUGK7RkP53/ApXwD8NQJ2DhyjZY7VycwIhAIkyLVoFejlY/vBdVGhsr85kIpl3pbgf8svUXsf/V8uW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSXbsCRA9TVsSAnZWagAABMMP/0Vms5DzLxE8h79DGIf8\nv/JULwb++Wn+cHm/gFms9ddV1EC0CtPyCj7QLzEEZ+Wszl5qrxIv8+fUWRpw\n2oOLkdh8cks9JxspGw0b1SJz+Gcaj4+7W5K2do1zRMHPkhr/XLmAd1k5WF2+\nm46tgRBsC7/xEKiYaUhAQeqlUA7/MOs4cEtwMeGVcNopBQhFPn2r/m2NKR0M\n2nSLBJB7/wsjBmEFVSehq3LEMZPNbjAUOAFh7LFD9uu3/3SX5RFiIc7Z91+q\n2xqxhRCTIp0DHCjEp++JhWV2Nxw6zZRMTrDSUw+mi0UDixnPUYD3czFaUTb8\nACR9wG9Z05ISWuP8BwA+rZc4kltzEzvsAVSZMJIkwyX5uOC4bDAxH6u5vH0w\nP+0kOsqwSD6Se3yZxSvvw0eMpRSgi7hVrpfPf7Fr4jEdgrWir9Em45AXD8Ns\n//R6FZRefwggB1/q/iWUbIuB1BXND0eXq3OcTd2ZM4QKUMbKRzHPFDaJB340\n8BghzGN+4CZuENvjNO6Op/I+5N3u81AkqxrtnEIXnH8mjFW4MudLx8jPVE8m\nN9hr/DvPOUAwxpqxvShwFZcLJkWVp2cVY0Gi1lxz/Q8oa4nn14wAvZqEUiY6\nQwFEDusv9ufoB9CyhZ+ZKGxhsig8l7etHyruv13mT9rLWNQorDrELa5rkYuu\nZOSw\r\n=JfE4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a724ed1e64d54989ee4c27c71935f90fd5614f3e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.a678806f5.0_1615427308315_0.4890789730736649","host":"s3://npm-registry-packages"}},"11.0.0-canary.b2d22df5b.0":{"name":"@material/animation","version":"11.0.0-canary.b2d22df5b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.b2d22df5b.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5a6e9f49cb120e1b1f2a594fb37b841d36390d2d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.b2d22df5b.0.tgz","fileCount":26,"integrity":"sha512-A4DGvpSRNFyIL9b73+CNnvzmp5wupMPrYwDiIJyKBCbRU2uyylUzoPAS2ku4J6MFPlBP7K11JRdePXlBl3UIPA==","signatures":[{"sig":"MEQCIE80XKwWVuoaL0ONi5veiSgFoxyl2k1W0UwTP3Vo6qf2AiBa5ueasxl9BMaCZy0qkwH6VL2kc4PVt3454o0Ee2BPRQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSkzWCRA9TVsSAnZWagAAjNAP/AjlXZSpcJT4HTLU8wa8\nwth5fnY12CzFxqkd5QMxK9JEyOmDC8o3OpId8ZVD1ZTvha9/OP/utr4NDHzD\nRICmAtqagvSQjqq0EYrZp3XdT7lllxQFlLC7Kk9v9jyiG/xlxB9d7z+Vmk8M\ndMO6BAjSk4G9ojZe/TrVbcn3jwx5unVjcYwZFkFcM6210r+80Dc+r831bmte\nPzoL/c9EyJnyk2StVMQa6Q+6D9Rm6vUsmlYMnAAzRyzmmq4eaaBaY5TbiD76\nojhZolrAOI+2pXR4qmwOLf7VV95jc1kVnDz8nfGFq4KRMKu+jO0ihGXGa7eL\n18uWVB8vc6tA4jHqRrISznEAe3JyQ2mUQSZbAr76dzR2jBU1pi5xwaglnr8R\nkdwmhBwbHvpyJVBszRgjf/YjjpTdFBcFZbF/2pqv9gpBghtZPKGSM8gGHfUt\n3B8oY2rL3hXZAwosgAs7CAngPHnh4uoFG4Qeca+XhOqrYmT6OAti2pUCRuux\no2LU5dv5a5MkUzpc4pW1pG8R5Dga3H9xkloRlZ7B8DnOsI76sGRLOqF9lqAm\ny86/n9GvLp7rfJeuzvf2ZbDvMxVxwp8dcFx09R7JIahUKhm60TxHPpxtd59i\nSAfYWXk7lc/gq2rD1tZGeZLg2+jx0b+I2NmdExZlJe7vNhThUScP/UWFUs6/\nfwmD\r\n=PqBJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"5c38fa8d841f5b293e55e4a22202bc6ea8220874","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.b2d22df5b.0_1615482069901_0.6126835002019528","host":"s3://npm-registry-packages"}},"11.0.0-canary.81911b707.0":{"name":"@material/animation","version":"11.0.0-canary.81911b707.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.81911b707.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bfacb0b05f0e78e81c81fc88696d7781bf716891","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.81911b707.0.tgz","fileCount":26,"integrity":"sha512-A8ltx3Iw2atqNk1khBbzT1MT2wl+rY2NW9csFO/AJUTs6bJIdUnoekLt8HF+UzfmQroe8QNuZ0U9LHPFGC01QQ==","signatures":[{"sig":"MEUCIBBd3rzjRPz+FsVmFVhEnp91pktXCnoIgyrAcWs9xI44AiEAg8F9o2HmSrCLMMJt7vCiYdOL7Vf2w40xg7aEH/On/7E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSl+2CRA9TVsSAnZWagAA4wsP/iA37TELMUiA3mv8tt/c\nqKBAy69aa7a8V8VBiHaXbEK0SCkgXFpqeDf7mf4XqcwtcWWshWbPypDGLKrn\nUlpKUVIheN0YIS84MQrJIM4vxRfYdhrvIXII+F5yRMM6bqAf99fpfUMi0QQ+\nTrK/tP2kwr7jexbpvDTAAv8YgBQzKoMAo0ZuhdQzDWvH8s7IqP+jjpGPoTLo\n1VaoWipjMJFumqy3Gj36iNuT/WC4bRCZLoOimvthKuh84ldRMJ5oot/HQfu6\nDe6i0uNYbBUr5fJYCczlQx63xyh7rCaB4hSdm9OY5rugwvmp+X73EcXK8Zjy\nc9tGRnQZ5iU629/Uk5Vnp0GV9AjNhi9lOw8f87pU3JBHsDKfLNPkHyufJ1AE\np4XdFTD5B6dIRKxuXbXsewCmitaEqU2VJGcvcGNxJWiyZV3LD8iBg7sKIOlS\njTfJiSmW1r31icNh6LcOfn5UT3BenZ4DprMIl9FntjLNTlD04Rq0DfMWQCFH\nXjVHBQBwL+w4+odt9kVeOkJLwKa1G30tz2cdvTzHDpIaRNaaFcYAyxlnxc8c\nrWnjIEhIZX07mQsRagS/8NFUNoz0N6tWyZkDnRPBVRYZt3LKJaXx/AekCuft\naO0nRxr7zB4QBcr9MsMV2ECSnpQAC3c2kDmhcs1K4wa5i8YZkQGTTb0Ps4/E\n+Ohy\r\n=+agw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"3c1bd5b1d6d6453c4f616633e1d16b1fe0812814","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.81911b707.0_1615486902301_0.27409412331777117","host":"s3://npm-registry-packages"}},"11.0.0-canary.9eeb35c38.0":{"name":"@material/animation","version":"11.0.0-canary.9eeb35c38.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.9eeb35c38.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b347b40fe506f8c4d6ced30724883c8d29472bc4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.9eeb35c38.0.tgz","fileCount":26,"integrity":"sha512-R7D12TFCSweauOmNgxWXKa7obNVIcBBLypnyz4C576rtu5/29VvMwktCwIJvGxYErVBtluT7eqfr3qsZuyoJEQ==","signatures":[{"sig":"MEQCICZRAMp+MyXuCQdlhlKxVaewRMC6sxy7awmwQLa8lOnHAiBIS85cI6AP1bhFJDu2fSN5m+/K2hjdJoh1WD7LpC+Ieg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSnD1CRA9TVsSAnZWagAAxFQP/3UXFSMYIcBSLOQVwbgD\nSGdAF8hBB5/CWd8s/pThyF7EyBKFccPiX5bhUx1Dxru1GoAeVnF3r7zLT1el\nL+RwlJLGRYuwNf+CFDpMosuCYfFeXytXGwxJ9Vb1Z6DTMdjiwgeRMDEoGLIb\ndUiOUOsWXRTc6rzZfAH4jSiv6AYWQ5Zv+TcCUwVycSgjaD7ynzZeRVZCRDjI\n9GOCXcagNewfAvOkMlo/bspqVvc563w25Pi2uXnjCKxuIZvgT5aVQeeqSXRK\njeLLm/LPRqEDz0Yy26jAW7KNrbq/5qQ3kO/Mx9EvjcBYWq5ASYiNJO1ny0VA\nRsTaNKD2bWvZ34MQVqn5+2uGz0KFbXY/KhV1c5gDKVFV1fXi5ldrgBOsTwHR\ntcRZA8PEk1+w2Xt6N733dTLQWRTVclZmLJN7Nh5d0RlEGiMdHBe6kDcGmBFB\n4t75uzorMn8WMgKCZ0FIfzd9cv6cqx5fj5tDuuQHP0td1rHRL3MGUTjP4cjq\nAGLHzbJIkxWcsLE4wKulC9xsFOEY2xqclH3YiPg7oTAM2NTxiGRCfQgoHXAz\nA3PCi9HH7klJvrq+y+3AsyA8xaT+89zTWYrUUn1wWVOlEM9RdYOl6QR3yZG4\npm8ndhifF1/NXqLjbppLcFe9NZNaFxmrQag0YVkH0xaDmbIXl3pJWDf7ru7V\njLdg\r\n=1DWD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"147a2a556e5155bedce0b0f267f64c26cf87d0bd","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.9eeb35c38.0_1615491317116_0.8866164416494036","host":"s3://npm-registry-packages"}},"11.0.0-canary.12be3e95a.0":{"name":"@material/animation","version":"11.0.0-canary.12be3e95a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.12be3e95a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b1f1579d4780c4b35dd5b34d18f41d6000476958","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.12be3e95a.0.tgz","fileCount":26,"integrity":"sha512-d183CyvBHyTN9B38koKksa7HtD6Hr1N1OlizVtMPo8uKANPK2YgOLWCpFqsVIK2PA2mjyFkB9ZGIte8ksEXsfg==","signatures":[{"sig":"MEYCIQDgQRjOJKX9Dnyq1jXtxdRyUN5MM4L7VDDSGHyn7xBaPgIhAMtVeGau++tmZMTZJN372pYOtBHgRPkuExbSA9iTTJ0e","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSna8CRA9TVsSAnZWagAAH4wQAIaR0IRiOuReWMO07mWt\n+RChub6jMMbzZHp4mKwsvKABLUVMYDdA63WmdLfKdYj6iEkbBBR//ncEKgIM\nzdHcZzXLcnP6woPY1gcSORL+onvWitUV2Rz8QRUSzoWlQ6zhN25i3BjLxPya\nLB081u1kvRmEK/NwoenmN6QYMceutCQkGw2qFvx6QZya5Yq02+YNACTtnK7P\nT89rWgCD72ibRZIaUmRkoWteuFJMJETU7+U+eR2Q9JjcvFnoY87PfFrhpB+3\nheWeuAXOR2SBh7c/N9c2BqpldwUdz2KwhHL2jXMEjqkgSPIK8AClMPkS6LZ9\njJs7XFZsTYtHAz+1rQb7Sx5GKxIbje4oJZw4/lEZU3s5YCfcyjXw0rnMEnA3\nQy/Krt7RM2KvTstmioS1oEfF/z87NT0I3NgQoB3eTbAH5W/R81EX4WH7lSNM\n6lPFW4W2ozgolAOJ462dQbmNb7i/Bx2lTwchkAchVEJQfO+Vf4IhpnjD67MS\n7DtUiYx2su8OviLXxXarM/tSz4iWHO9ohLOtKkPHLgi1NUIbpRRv2/2ZyKLa\nb0Cxx/saEpRLaVexzk3O5ZbeoM20f8himSXN54zJ9hTy3mXcbxTjixieICp0\ntZVv573xqnvsfHRPdI9+hh2U4I44isimkNaC5LpLWtUJd6KOxo0XLIBCL76G\n0wpV\r\n=//7+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"883077446617b632d698e09818dc9d5903a7586e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.12be3e95a.0_1615492795976_0.8806594152205207","host":"s3://npm-registry-packages"}},"11.0.0-canary.e683bdf4a.0":{"name":"@material/animation","version":"11.0.0-canary.e683bdf4a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.e683bdf4a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"86e87a159c3b930e61566049128088305188f692","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.e683bdf4a.0.tgz","fileCount":26,"integrity":"sha512-1MHUlmPnT9L7pqXbz9Fh7N72nqxvI//k5sMjWrhdJsanJI4TUfg+NiJlGEUb8LnDBMHNQhVx3IwWk2xmsFnNlw==","signatures":[{"sig":"MEYCIQDblWsh9GAl/nBOOOaL+PNAakcx4NjFXg9inCGUjZGdwQIhAJhyUTUP0hGDjLlasB4Tb0yzFHYH/7vjG+xUiwmGnRHy","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSnhvCRA9TVsSAnZWagAAkngP/iP5y530PtYkTu8b1NcH\nIs//yk8R2aR8c2M99XrXIwgZA40puS6sSLNpiieQr9UardMal8fqpYQ9x/wM\niF75lLSmDMkDoD48QKhiYnHcWIATaHdcfpwdzNn2p89nTXD6EeVtiDBzgyuO\nZPZK5gXDERJKRB1CNBOq9WaB5yhkkyncafHFp+2MUGx0+R5bmWMuzBgtjhcZ\nCi8ygno+N3j4ZrNCWIgWtR1QGfQLsro5ikCRkO7mrWe/znQBaafpRsH2MGoK\nYZW3t3w9RYKF6Nlx+5VS7yOi+F5kFDWJRl799/in0aeaQAbt2TUirRo8CS2X\n4gfjgZOGNzldYdK8RXUrNGxhD8wHhj6Jx/a5QC9yeKQ33FJw7jMEQCYpRK38\n7AlgKVbNyDrVbgz4HN0JzBNd+ifb/foHAA8r56zJDHQGJabqcALFT7l9GxM/\nKKa81v793pDxIpvYMVsgBrscAcOaSsjXLEBII4wbWYeZ7eta7OmVqQiSzj8S\n+CmYSsrh4fAXg4QdgzdPfNJqJddIIobB2vG1r9XYVJE2oK4QPEoKrN4VZfK7\nS/VHJEWUapgBnzsmWYTRTy2NHJdCb8ykegHE94I2jayJcaR7i/LhMaVbhv7E\ndClAbl7eaaEsztFl0p6IxG0sGoQSb8aMGpYaRzTh8rUUwPh9Eudkul872dIX\n92Fi\r\n=HahO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"0323fd7f39f825f8717fba8542628d111777ae35","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.e683bdf4a.0_1615493231115_0.12616262070688666","host":"s3://npm-registry-packages"}},"11.0.0-canary.a07b6d486.0":{"name":"@material/animation","version":"11.0.0-canary.a07b6d486.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.a07b6d486.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bc6bca50947daa2e3ba184775ae9f8795ca7197d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.a07b6d486.0.tgz","fileCount":26,"integrity":"sha512-lDESwL4qI3ms2wtJHYVbLoIoFqO4IWckXenReG28/0cnJ+09LFNiHe/Pdi4r3DoYE0Xvvgd8m5gTquFRodROpw==","signatures":[{"sig":"MEYCIQDolmLqGkMlGnCoksf1xDZ4Gv1b9g7cvKxho4iy+miWIgIhAKy8UEVYzz5UjLA7VzVDkSWEO8X7ZqjqmR/RGYKqyzzj","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSn4dCRA9TVsSAnZWagAASY0QAILoW0BwuJggWUE31xyH\nGmk0uaEGLQimq5u7IARvU6FOn/Wn87qHd+dFqnyIwS/Nvt+MagVu/tpSAk5+\nufFNkgMpiqjQx9y+7T/eZfae0+oH63A2sdfk42+LiMxxxqXcckkNhdJ3lwIN\nffjmnmKeYIpLctlU98zPMnHqIeYFeze3hmS406agkzX7QlCyKWCSaUzUSNdo\nqxVe2MT4xaGnfgsbnszu+/ny0BljknS/p/4tQmDF1o4KphHeBnxQtA9NOopO\nFQipr/BahnSHtCbV/DHcwE5GWHWQ37uQu2rApQXvQeMgyaVqDva53GK3txzw\nHTjP08IT9KPq8IbIWqwvTnwQOY++ITSQNixS2DMgto4840f64nDsk1SaS7IX\nHylo8UzMNNVPTniSOXPpFpeakGcZKPn6QAZO0XPnGQMMMizHreuQq8uVKYC7\nIdk2T15/ktrX4TfoAG2DcgO4ediTaGqjAMopAczY549Wd2/P1sMHhl/r28GR\nYxxqwHFxsep6YHjfXqAV/HL6GbVEcSty8FihVS3nn1Dmk40yjTamoerhDOtX\ntZY6vhDLEbLXNTbpU+cqOHumZRATwLMeXtxfD0j6vwAs77t6XIE/kJbrlVkP\nRBBB+BBOmZNPVRkQapygNYKmeI+3swy9M/38n7gYpsZfj2u2Wd1aIMx8JRoW\n7bvg\r\n=abDo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"425bbecac77849f8786f0a32de18a168e1874c9b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.a07b6d486.0_1615494685103_0.16792252511868289","host":"s3://npm-registry-packages"}},"11.0.0-canary.1e0653477.0":{"name":"@material/animation","version":"11.0.0-canary.1e0653477.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.1e0653477.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a9610febc67cca1f2c313841b36442fb57247091","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.1e0653477.0.tgz","fileCount":26,"integrity":"sha512-Gthv2401JcGGKjotWLzKbQcUHCEIXVdxcD+rNLPWx9zwCuq+KnAxvMBBYKOMx5UN7srHA3aCm+add+x+f3NMag==","signatures":[{"sig":"MEQCIETKNraD/q9mHEEjsva2BQxI4D1NjTwqSeox2G0g0A7DAiAkhUvewG+tj2vgjPcK99mvZAstAmoCc6tcV8XAoSbTdg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSn/gCRA9TVsSAnZWagAA4AAP/0ww9+sbPf6ldVCwLeXB\nVCDwTmv4eeDomL3UfJqeLbDKKQXXCd1EPzh728v47yKuNT2bN4LpKNSaQlQk\nGXabVrx6Ir73MYn8H4a5OPz+OuR/ujGDNLQWQx5a5a2N6prsBSbseQedBJyL\n54C28cjGJr80qNqnqU948ONpJuZI06kA552Xl5/6liddRO6jqx3grl/VlOkd\nmPme3EVDBn4LKjYLEsr0bgsU1fMnTh7+SsMmPgFeTYeriJ53uvrkoZF/tAWC\nL1d2ukvzX4LqC+7Cwazw7mhpljf0QWvg9IkSCZtmQfk/YinR1CW8mnLmnx6U\nLsTInSQ4O/jkJFZCYSOWTx2/iTC7v2wheAfzV5080d2PsV1LB3jab3rqwTib\nKM6CakDM81/yBjrVrHRlM1BZTpnLgGrSHBKocYkiWvpszTsjfTNJfgpgoFbT\n96l+EhnQjvatVDOCzeWmmCpFrQDm7HEqqLgv0LTt9BiftIA9vZDvqVDSYngA\nFqZ2uJSl3MSuCLLDx6zyjrHYkS0mmjJSWQQ22vfPcbsR+CDoOt6tPMkWHQ2u\nyL5HIp++ty0eqd/bs75ozFKHvdq4HZCsX1ck+zgawMM83JMXDpas0AIi1p2K\nBRU8zTpUT8/0A7qS8aT7QgExgBfWVwgMKB/M0cxKPJ5bMoVOgJEbNMNZHEFi\nYJmS\r\n=4NJi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"6130e0fb82d7c39da4ae1e02df8f0851da419fba","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.1e0653477.0_1615495135849_0.00007326181862810088","host":"s3://npm-registry-packages"}},"11.0.0-canary.148e8cfcc.0":{"name":"@material/animation","version":"11.0.0-canary.148e8cfcc.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.148e8cfcc.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0d91271c399f75da8b7be26ba826786e66c1f909","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.148e8cfcc.0.tgz","fileCount":26,"integrity":"sha512-jCfkRyl9WpEL7wLauy54MRAkwFflT9wiMaBvBc6jaTKT8TP+8bWM2Opgy4iG+UC3S2FoCyfy184Nnjmpwmh4fg==","signatures":[{"sig":"MEQCIECU7kexyWCf7gquW6Zoux0hn3QFeFunnSrHZ8u+MiIkAiBr/CA6wXu0T6gjx0Eo4cawRdfyWwGOube+NrMBWhyINA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSpzmCRA9TVsSAnZWagAAosAP/0tHKu1kSOeH1uNbDw84\nltCE7raRnv/g5Z+HCoAH1pO3TGMJo7trChUWbbXhc3CeRUla3tfMzwd5/nK3\n2RhynhF8gSRWt6OoOiAr1MDxdrt/DRt5DrCmU0xHsgAoBjG0bt3c7YnTQXuH\nRTWEwcKiGZKllc8ZhET+dNC8i2puWazwAvN1KOPkTEDPekRkj4ma6quyy+T8\nBlrYzX3B/xE1BHDixmItJMc1vhNKHf8XYqGzehmBHvwxpijiYyVQNsuGW8b6\nAGp+syxjWESJI33DN8krCaUmvO0LF5Ln1W4HxkVCDZbrAUFNoCf0ytcFYM2Y\nwSJ/Z711YBTV0uMqre28NpELRE5nHm/px+yYhwXxt3qayYd4NIV8YyBWVOkm\n7y9bg0m8fZadIBgvXKokw3wZ38yl0x3QU5byvjBXLtlBSqyWEU2+t8CrRjdF\nvkoIhfzq/H7wdEKpEQR79Ot1ANEksXcqBRXCUGQ7ZT/p1BV3822IVVNTWf8j\n8EvAkfSfRNlDTlpGpCfKQ4bShzZPyL/I4Hn9VzJvdHVJlq1mAnwQC6DI95Ow\nHewwTod3zSj9nfS991MmOewbFymOkAzrVLOx2ZqxYoFD/h4IWGZLe7o4Seyg\nsCjzAuMJT0bGsY9UuIQ8XBUZgFhABbQTWGm/6naXmGpdYgzMMP9zR+hvSVrv\nzddA\r\n=8/iD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2e686ac2d72b7a249bc4deb8b09742bba99ce581","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.148e8cfcc.0_1615502565691_0.20191558548762178","host":"s3://npm-registry-packages"}},"11.0.0-canary.73a227194.0":{"name":"@material/animation","version":"11.0.0-canary.73a227194.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.73a227194.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"21d4d017a4c21f4254b6de4cd952eebdb5972e15","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.73a227194.0.tgz","fileCount":26,"integrity":"sha512-59ggYhPpe52+1FMoMkhUlKRo4IeENM5d8TdikXtGOlQGQQCdkaMMWNbs33slY7uvAC2qYnRj8b7oVq9Y7LMdEw==","signatures":[{"sig":"MEQCIHO5VW3i4HLNzEgbDzesWj3jHXwfwgatoop5ClWPvy8BAiBJ7xeShivFeW5gW/P3pMvpO+L9ubcD/077GsqRxSwuOA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSrQ3CRA9TVsSAnZWagAAc+QP/Aofbtk7ZsgoOoiFRCx1\nee40RzwPkw4YvQJSnTNx5aV0CKmNJJzU7cEjUHmcyw44G/vIu0Hy384oLBo8\nqEaeRNPigXN19g+VgyN0AjBnwCipQkCPShmlAByGc7SK3Txthu5CV/QKzP8j\nyZP/Bi/GmMPs9eZHGtrwQO90BY+LaOodRYgd1mBD1RthtI63v186VYeYbN9x\np8WwlqG9dbnCvNjNIVx1K4x+cqpCpZCJaCH5LQBSuYg5q6dI9X9Zy6kSncRL\nscveKqaERC2ND39omBz0c7cu75+Ym7t3mhg5B5/3m9um5bABMg4qKmEnSA9f\nTPjPbakrLoRPIbuoD/pIXdY6qXe3ftmuUoFJtx77C+nPIH1SqzujJpiE8qjU\n7qs2R7haCFQwTYOjC+jZ81cVENCcVNlxYZOaVuSjZZZ9cP3/5iCqdjRvycSZ\n8wZUDcGgcul7sr2q9YEapQKgKQuEamibUXHYjd11jx0dYipLFmpdSC46vGS9\npEMO3FOM62X4Anp91ZuT5YEnP99vFFZQYV6+Xn0BTTRdWYDAu4jn5Rl1aQWw\nCcLieDK4MvKVLJUljX/Mkg1+zkL0Lx0pd9x55Lljr6+1fWFnnz+al/PxtqOv\nxcvdw3MdMb5xkUj0M+/e35xrjzMLbX+gOtHH3DvJEXhpTX3ERruI+xjL7jmL\npzQX\r\n=zqUf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"3bb5344393057d23abf5414ff61402a5091ac74b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.73a227194.0_1615508535233_0.15086433698445423","host":"s3://npm-registry-packages"}},"11.0.0-canary.f8579b7ea.0":{"name":"@material/animation","version":"11.0.0-canary.f8579b7ea.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.f8579b7ea.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d13ed88d1bf750558798416d904c51af12324d68","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.f8579b7ea.0.tgz","fileCount":26,"integrity":"sha512-HS2M+XqTefiR1+3+aCu0ggaBhVTQpTPHOYtxNyWb0Vu2BkyVGoeunKswY0baew+F2U82SK2VaVwV1J0/gHR55Q==","signatures":[{"sig":"MEUCIQCHevbl5fw2aIiMDkSYFCdo6gquJDCuf//BZ9LtFBElAAIgWT6fOnmGhes+X85f0flx5jDvoAEW9hIr3Bxx38A8zyY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgTBzaCRA9TVsSAnZWagAAVtUQAJWX85vrPTVzkUoXL/c4\nYUVNRTCMEZ4+5j+8oU1O5Dr8rw0CTENwmIIZWQqbThjhxuUji69wJa4WHgE7\nYEcC2BAEthCkt6IWA6pKqQSa/EU1gA6JWZwLk/3HGE6RDvo/8gdv7sJgt8Am\n/D9wV707ckdkzbJg/LqPcqpCItYWTKO6440p//T8jRZ668wzDKNkdG+w+i7v\nWe5UMPHOQz9ua7YbK03GzY4CRzWOU0lpEgHV9+aZGADfu6nFvoK2AU519hkY\nCALAPoGAU7VISkEXCjT/lY72QzXo3FGJcWzujexG5eaTyU71DFh9uOT7+0Xb\noMAfWaTg5pNWTSDoVFLpreaasOXqDh8SFZrWzaf+nqenxJbWnS0kI4xNMghC\n/pADIHe4zO3yAPmxuU7V3UyCY492nBKQhRfCm7RyznsDwCLLgAYX8Fwovvoi\nJhatUcFqUGInmuQSfx28nBKRdJH2Cj9A/hS/TdZ0qiR7ocvwFyQo0TmDVMjF\n0MEGZTHBsOgg600WZGAhR4QV8SHJGyDEi23UTH0yGLle7P6glOJarC4/Dd8t\nj7t5nY1C/8IZUpMP7k0NN0fD5798pQanKsV9zXTFXNfVO0WEk94VvVReEKQQ\nm3PoQmUq9b73Az1GBSpHwrsMZ+cnhI8vSYFkbUO49PSlEvdtj+sJav7eQuhX\n4Axo\r\n=Fsw8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"8b1a0816c0d3a68a851c5e6a199c4a9ff75cce07","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.f8579b7ea.0_1615600857886_0.13029886077564257","host":"s3://npm-registry-packages"}},"11.0.0-canary.d2a39d300.0":{"name":"@material/animation","version":"11.0.0-canary.d2a39d300.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.d2a39d300.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d31d0663ff765160087761994b4eb9a04f392f99","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.d2a39d300.0.tgz","fileCount":26,"integrity":"sha512-FzMpIpxEbXMf9OJDav1+cgP1Q3z1iMitEKhPMFtCMjTtUFv88AcpPlRHDiGBNfdY4jJ9BAq/B40sAlDxL0p2lw==","signatures":[{"sig":"MEYCIQCyXvYKza5SBWyoLbjkW6XUm1L2AxxaW8WAbinWNABefAIhAJNfGZ2ijqeK1a3F85JBxyaA+0tuQeAZW8HKe3K2nowj","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgT/zSCRA9TVsSAnZWagAA5e8P/iEXAIi66ZzXhsC4waz2\n1m4cfam59WHUBy9ZiBhNVR+mPkpRFxYyQgNIlHbvyaAvQUoxlqlEjR+u5Uqq\noTFUMcYqowkIGfm9JbbPyK/BKI/wpZSbz6Xi+5SiK7X2ubqK+IKnH6rRMkOk\nP1iuSgm0ZJAPGxTmuZzQRESTg00no7Es10TuYfYlFo8PAHad0JKwk2HcTQhv\nV+t32yTdfRtkjpDHoMeLcD2iIgrt1y3ZldarJR7XQbfgngWBpkcgo0Nr6ykn\nDwwgNc9swODnotLreH2PrwPArkkKHF9NMCVUanYKUtbXEEljH455Qx6fFvnj\nAVXLGyF0PyXIbsQQ00ErbAi94XKKd2jDUYrMQw+Es+d7sE1072bv/sMix0mP\nBG8kCNqbJN1I2F2DGkHXDa6gf2qBO6yVShjqbkTuH8FK6dU3ncxLULziNUs3\n29js2JFSNcmEH+JUTFXdKJ0FMGgh0pJqaCwHttcY5sJJy1wY2NrVcF1p0exc\nIJnkSRE3u3KgcHe0Q7WagnmDYm2EwnVvYDJlMAZdS8xa7HivszAXY5yXzAx+\nVzJT6q5Vp7EykwniPzQLZfiU2D+npQE0ZruXz2fvPpHrqrw6xT80baruj9dL\nVIutGIBjH62kTH5VWRKvf0KO/7WJiGWQC4n/a3AAZGWCSSoUYEHvP5Fk5gFK\naz/n\r\n=BguJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"4e928ba6e35dc70b34314c7509f647a6fbc4be00","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.d2a39d300.0_1615854801996_0.7176331608056112","host":"s3://npm-registry-packages"}},"11.0.0-canary.7cf67823e.0":{"name":"@material/animation","version":"11.0.0-canary.7cf67823e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.7cf67823e.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7a31dfa8fca56ceb8145ee0f0e03a7691b8e3993","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.7cf67823e.0.tgz","fileCount":26,"integrity":"sha512-xwYEB9Vg0AZ3QgTYuOBwUwEibqk7wDgfrFyux8EE7facDdFINQeSC1zV/FxH38yABvU1CK/CWYsRY9twJ8W0HQ==","signatures":[{"sig":"MEQCIBgSNkyHF5WhBSs3Rb+pzxUFJiLhBs5OsrTdbzDN0VgSAiAdrnebTh7iGO7r7gRjp97ko9WuxUtNOV2GIcK88VUohg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgUPZ6CRA9TVsSAnZWagAA5mwQAKUZSf+5rOPDiqEwzk+3\nQMLxgU/ZeA7euCvvV3Q3Xwo9MQClrl+3RzsmCYXmReoImSUlJPv5awIfhYly\n6PUdr6uI0DrRvo/OtWEvhCkN+r8ooXXfsPgiV7KLLaOp7Q57QV2PMn9ECF5v\nO+r8PiSBC0daoA1xs1GuoKd8VFw4WRC2VtStCbjXYnaHBl0GQH7s5HuSphjl\negmO1GvwrvosQ7kk0FNLSqQ5OUH/T3TwzW91Frkq9H2g8OUe9qSZqBa6492G\ns3/ofKuVv1n/GlMAuu82thBEJmxxMYCYh+YFX3wf2FA2xXpwrlqOf4pXumCY\nPVcCPRSbvcTgc66dq0AauiQO6zZnfOqpV9KOIns0I4fqXbFGB1Ti+PtyyAyg\nDjluGhQWZHe8BGL0qT5+syx41MX5+j6hmw/s/o5QpKnhgWN/mvJNNP7fMbtq\nzs3nHkGRwf8N6KKF6Xy4uOToXKhbsgpGGXxC9UBnqx2JkjASKMX6z5K8H02X\n/gByqXnRqLfVtRssk57xnlG8rPAu8hhyIXuQL1VLgn0d02GgK4uyLHlaYipG\nFWIEh3+9h+W520NMontnSkP5NCutyiJ6NLMpO7XiejzjDObCAmlnCEz0oFFL\nAqgge9hNa4+XG2udExLpDBFzsNESmOcUF+uhKtzdz9JkFFXjRe4xNvuMbG6r\nY3XO\r\n=e6MR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"afabf42a48ec8775fa133ab10e023c1b5d2ab802","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.7cf67823e.0_1615918713959_0.5586790674931874","host":"s3://npm-registry-packages"}},"11.0.0-canary.67d780c79.0":{"name":"@material/animation","version":"11.0.0-canary.67d780c79.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.67d780c79.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8ac924a493e0fd7252ed2e49b7dfc913397ceac6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.67d780c79.0.tgz","fileCount":26,"integrity":"sha512-PPrCzNKgixOp6n/HG8hGZQIMh15wgl684yvDMTmS9u1nSlyfyFjZu8EKoxvhYW8wQWc1ryE8PSJ3VZf+r2lRSQ==","signatures":[{"sig":"MEQCIDJybOSAlkclqrfKaFWiOmrXnaTWXxlPgDbnsGLnbeSLAiBYzb6tmPC/JFafxYIX/+geGO+siZzhYHhE+VQf8/FDwA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgUQsHCRA9TVsSAnZWagAAX8QP/Rlkkf3V+ChSSnL++p47\nzIdTfueN5O8ZzunR4enEGMNMPBf/UxB//2MluYPcaEpc2nWjr4bsY9PTIACD\n6gaPb2VPQ2tMIqLMl6LPxj23jX/kEapy5gmJza0pDDIDlP91tuo7dToKmcU1\n9+CFnOJu0E/NSCtLdl8sEHoAHlDxK+ZsTdPajMSgTXrOG87gnfwdbeBEVfby\nVO+QP7O03Zw8KyWZBiPFgPl8F4XJD//ZWv+dUScxQF5T+A1Fimij28qbl2/O\nKjseZdv0h6jK1EimwyLo8ksvLudHHN4Skq09fz2YJhUc566OWxuLNP3DrRkM\nCEeeuXnI+6p2P+DPWOa/IV11ybrP9OoaU4DK4ODHpuzbpmeZX3P/pFey0Uo9\ndn0OLHWDiV+WxSGca743sTmu/Y2SoSOqEId3vHBult4KOw3zOGxS+JA6OJom\nUipIRJoVn/RkZcxuYs9R92+wB8TScJXGhZsrS5ank4qXuejIkBQgsyz89LDT\nCsw1ZBpE7LLEH9clfSezpsBiet+3giS+sA9YRfsSdVB+XnGYAqdXC3oa1u7k\nQVsNWs+6U4ulFJFceU/pgG0DPmNaC9DcHjegU9yAjegQEzcxPed91jeFdV7y\n7/FGe1l0i88ffBwaVGIKUNs8t9IGMYuathBvAjY9KvjVNc63MjwjNAoeoKdk\nPd2Y\r\n=lo38\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"05a76ad8cd6b15550e685799fb6b9b5643d7e0e0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.67d780c79.0_1615923974357_0.550022153555326","host":"s3://npm-registry-packages"}},"11.0.0-canary.0f358ddae.0":{"name":"@material/animation","version":"11.0.0-canary.0f358ddae.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.0f358ddae.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4e6a621129e000ddf1feb33e5efd58a131e028bb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.0f358ddae.0.tgz","fileCount":26,"integrity":"sha512-GNhkbCd5AyQ575F7/iYKgl6ImItAK/9rhhYco66ZkkOaSy2ECe6uxWgvMfCjKuWFWxlNl9MvLb4IavPe8qnYZA==","signatures":[{"sig":"MEUCIQDHjFs4H8XLBrlkWw/s2+EKbpN6DYzIT83AArp/9xAztQIgGmhmWlvzewCnWEdw/wPg9crf/LeC53texiUDnvZ1P7w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgUSziCRA9TVsSAnZWagAAAqwP/0KVHXwGgyKRO8Bk4LQT\n3WVjXue09M1C01NMDvuE6ysvHG5hTQvMuib6shCvoViYnRIgNcd/0BDxuGNM\nq2XfGLDd1hGmjqmXV6rP69FL864jlwgBE/D0fq24SUgA5iet8CKz/iE5r4J/\nRn2PbHQEG3lvgeAP2T+RaERbhwS9DvBnjI1OvdGrsPZRuUYk2M3nrU2jmX2w\nodZTT0Za95fRXK5i8MAjGAxhS5Kgnwnfc8wxOxDnOivjuHyF5W8QTrL7drtc\nw1pr9YfRz+sDfE5jFtEvxSiIhcHd+MSlHt5vCRhdQi9o1AFCRqIoOhqJWSkS\nDHDt+qSNFdoAxhXX4YaDe52LS2nxjLXMxyvghOb6MqCykgWd1mmJuxxp2bIi\nDjssGTtm1/7BqOPNNfKpJWYKgRgz+dg808ckvNrGeZr6mIMDO7ib0hfPI34C\n1rAPujFHeOoM1636BZnN9TEIPFpaZLz/CPaEV8sMMvESVrymHvN5YGMsn8Ar\n5jdwO8gcC4P8WirSZRXoiFgmObQybHvqMYM4peS5vkx7qjRzf4UqN4GM5PKx\nDxbVI7TccNwmX/vSBJm6+U5CRyOdwKubVFQNGHFz71Rd9M6VfprNFmQrp9su\nx4Z+frJi+GkJ6100efF58HMFjgoO7PrWbVBYJz1Bw0Q9meQe+fUgZ6ey1Jkh\n7lUY\r\n=Phhq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"6acdc7677f01b6502d0b491a9816d6600ea9cbd7","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.0f358ddae.0_1615932641557_0.6841110822562408","host":"s3://npm-registry-packages"}},"11.0.0-canary.67eb0df80.0":{"name":"@material/animation","version":"11.0.0-canary.67eb0df80.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.67eb0df80.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"123d91d2a65381797e2af127af3f44f199b0d6ef","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.67eb0df80.0.tgz","fileCount":26,"integrity":"sha512-Vuksa+0M4ddxQdvGE7FsbxE3UxsLUr/MnIc7tOqn2GzNx/sUyPwK//A0T4uiZ749JvFAIW2gWkSTuKHpcuWoGg==","signatures":[{"sig":"MEQCIB3HGXYkn/JniQjyuBbYY7gJLEepN8GSlueggTNsD4vMAiBd90UvZhutomFlrbbenPvRoRNKbZmKmHoufEHwfNKueQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgUTNHCRA9TVsSAnZWagAAKrIQAIiCJSsz0VyzPpeS1UBg\nccCkjmO/Qru05w4bHT16K6z5RVim04sX3bAlP7MItC+aJntr5PrZnM47riVC\nTW/EULyyG6Yo8nLYZ81Iijva3vpNh78VyvR71PB3eBXiX8cuuhV0uUbq/7YP\nNTp/HY4sExqMsO0XFCO+lHpeQ4Ny5f5q70RkuInzDsCpRXYRTGixhxzv546O\nx1tRwgAbU4pv1rBNYLrw4t1N/SLKThqfKNc+3O4sz0sal8WLnoHYVj4Txp87\n7keRsDMV/duIHbpqXt9CWfN4v/L4wNRnGPnDuuyQFTo6aRJv3ply6l1Wpzi4\ngRKkVmDm6y1t3OLaYgSbCuGFLE7OASIEn7JXgvQDzkWu0LlMEsSMX68XvQiC\nio6DbM38l9dS+bbrM8wCLPpUEiOslZ93vXGFXVP7ayeHaiuwekMhG2c3rT01\nHOhlT1LkhduxK7kL4UVNnAARjshUMm6H+VjJuN780zqxoYthzu5mMEJMrp9W\nz/Cb7LONPuaX0J7CR2GAE/X8On3e+V7cSmpCWgynOnp5tJGETgcw68Ola/Kn\n8BfdviJ0u3NOLqBypszveHwVTlb/+Fj3ObkupZ+G/Nv7zBKzZ4tx86CsyySt\nbSJdsUApqMsWjuTu0YrstcTmTZ5V1yp/qjvDHx1OnTX18pphRFFXaaDgO/DY\nEDSL\r\n=OCVS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"5f5e9d259d95bf3abf565622edf7345e62993020","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.67eb0df80.0_1615934278715_0.049575698570664795","host":"s3://npm-registry-packages"}},"11.0.0-canary.941ca3b3c.0":{"name":"@material/animation","version":"11.0.0-canary.941ca3b3c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.941ca3b3c.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"83245e8b950a19f4e4ed9d9ffff9a0b0e12901b9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.941ca3b3c.0.tgz","fileCount":26,"integrity":"sha512-nTe5nwRR6X3z/ZcuaQWB3IbqbfuTDuL36evLLasKQbCNg30TfbWDt8pBJJmx6BlhDcF8xoSPBrZHkthoQddxYw==","signatures":[{"sig":"MEUCIQCN1DRZvP0Fcik/5K/DhJqEN9EvbrVEZBQl3S+JJMZueQIgPHW/RVWeMuROrYDWLPbBOjSQUB2uKiLBj8z8NUygHv8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgUTOwCRA9TVsSAnZWagAATmAP/jAUO/hmVBgQ6ixtN2eg\nhlApwYMgY1MLfjfS0qR++P+0rfXJn10+gPagP/fLuFvC7ysOLXNewqG5Oh3Z\nDJgxbSkHfTsnRoRj5C1z3LuM/jPJ0VLtntwxExyqxeyGgoKlyhMW1XWj1+AV\nbrJfYS/UMa4Bz9qMcVx31KDUK45DlkGxv12+Vq2tJNxw+p5FvKi/4S5F37K8\naLMNii4oz+RhqIqIXBxk9S4Y+7GjZWaeBry07ipJhCRB5m5KnkAA1frnFJ3y\ne1LAJj2mSjcKiY1vYkRSVymB0JqC60pldWf86hNuQElQhf5PttWOc3eXlD+S\n7J7sIgQCEj3ewTYzn9C4lUoEDpU3Cg9ex2wD1MvvB7ZwEsd4JpoodKOqFCz4\nY2+wQ6tmuIezV6Ik3ZawDmRkBfptVZP0aixeMRMg1DrU2f9LdJSHbmlHbzlj\nsmGCmVqmrmjoLEwDya/ukT6Me3oyojw8pGhPW13CYWTWSiQT+Ej7wQDi1DAL\nRa6ViMVSvKprKSFbbVIdKydj/qVTUht7FmYxlbpP8w3qA9KwjYmNwKfpkYFm\nyOS8S8W5htDP0qB6iTP/nIORujSJz3DwM5h0rAJ71Wn9qoR5Ed3YcdqAT9xN\n2OfMQ88S3KXUAkMHPmCPXTqWVg8dbEW45p4wx39xoITeFWEz0Qe/0tP7lFwW\n7ybn\r\n=mbJq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"27181e4c2c90af170c9149616613beb6599ff94a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.941ca3b3c.0_1615934383743_0.9338596363746496","host":"s3://npm-registry-packages"}},"11.0.0-canary.3344d12ad.0":{"name":"@material/animation","version":"11.0.0-canary.3344d12ad.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.3344d12ad.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bd6614f50b7770a92978486e8363ba964b3616eb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.3344d12ad.0.tgz","fileCount":26,"integrity":"sha512-KgXmLOfVEUP9Gw4lhQNiF71XQTPcx0+vBk4Mz/y95s2MhrGObnddb1XxLRopLjsyWnmyZkmRsKJlmvwJUe7GxA==","signatures":[{"sig":"MEUCIQDAS8N2pRoLYo8N0KwEFJHZ6fQycLot17fa9ZeH3iSFuwIgOq2RjhIh5HFphXGyVgN5cNnY/6dIGyns1EOq7nQgAPg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgUdMnCRA9TVsSAnZWagAA33UQAJCZuwnqN1LjPfe7Fe/i\nbv7vPYJ0cz4mE55OHWnVCCSnVIZ547vZ574zgfjtTShhAQZ1WXQGAhluchtU\n5uUo+bafRrYhKBUzoO08EsFBiGWRyT8hdvwOUcjuwcJWyiUf3CYUwhlGwQG0\nT6ZaIb0QQ8L1qWFcdwRYuWy1iW/tlUN7CnSWrrjUkWxX70TfzBFav5z0UI+F\nnoajb5smyT/+Ucbur/m0+lV7cH/mGt8EEBSwqtO5dfvu+liuce0dXWm8+Xks\nZyv9TqDdLtzJe1HIDLsQt0MQ6ttVpjrL6u7GnzWkfjBy6BuC+mvZN3WU1aVz\n8atr3L/lRVt88/NxtSr6hXbjdoEvxuD9lV6aoMPfk7b3uTBsRCXus4nXNO9o\nfy8m237HYB7sGjfZL+Kf88truvwdKifNPJIkRJZYNCj9sHSoW4ibbYwM9cMT\n1SMKB9RSKv0wm9V9BAO21EY2N/GAs2E4b3/o5jVwQunBt2eizqcZrUJ+O/5r\nLDZVllpC5IwnxUJb+4lBFunNpV3qWLY1oCBWSK8+jzZ5q6PIKhWOCf1u8Y26\n8+s/YIrlW1UblxDMRWX+05SfDsPp9qTQSXSo0sdNvqxxg+hALmUywOwwquKc\nyJhamsvqxSr2znEMEgEme/LZK7r0HsoUNfS/cpd6tSVUhrwvAliHOReKVXrv\nCmwK\r\n=g7g8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"fc17c547b4aa66b6412c0b0b56b75978332702cc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.3344d12ad.0_1615975206855_0.009556302871361","host":"s3://npm-registry-packages"}},"11.0.0-canary.6072ed604.0":{"name":"@material/animation","version":"11.0.0-canary.6072ed604.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.6072ed604.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7dd6f2589fd7a49208f247aa4d2c4861cd981985","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.6072ed604.0.tgz","fileCount":26,"integrity":"sha512-2jZM3HX4GeYtWZiJT0utAdTz21fkq8TS/3STIDkio0zF2VBkkJy99FvxDHkRUuiwHDAizWN3CkmwEZm+eZQdXg==","signatures":[{"sig":"MEUCIC66OiFUdAlVsOFjwTXUiygZGqrcWqSTY9T4wSKdQr0OAiEAj0hfiV/XX12ZpjmqXNzmZg1TMuCx4nsqz/ZR3RtSL64=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgUol1CRA9TVsSAnZWagAABWgP/2kfxFDVJP3+O43uPnbP\n8A0ZQcz1avWYIKFk7k3O3YUuLirNiBrwtdYlozv61ikKT0DQjP568vwziBBL\nJ50YExjMAz3HvFwCChEKr1PJphqxWVioNPxVcNvMtsuCLeozRKIS9fjZeUsI\n2o5I5OGXff9xhmKQrUEXREYfDfIe5m1RNgLTayL/Db6h1CZDjNMSBljrxkXU\nS1kznxf8Gc3joQMPPgov4ajO9gs6mBa2zFvoF5cY1w2K6kb6einqv0tOUsUd\nH4BTCsfxVxLkaSye39xqHT26RPWlvTT4qHL88HsKH8dCExKTSOr9trZVs6Oe\n32moh6wkOwABsHfB8oLa3GMOL1I8iwOtfwoRuv2E7fyfUsXFu/iXN2HA6Cgd\nF3GostwnbOa2u1Wd23AQH/YHjmu4VrrkbRGCmsBCav7D2PoF71vHy8KEDD5/\ne2XXyQXIAbY2tS7ip9zSc8iSa5CSP9/nNY/B0WPBKNvXzrvMCCG4SdSNpndu\nG4HnCkwzZBGrqDB9O3Q9H0q3oiLQbBjPMsXBd7/kH4rECFnYzNF+08B+/5B7\nJ785obfaKAVqNtZle1VmmbzCuoKouOwPLrETmA0nMDclsnsWJ63XA4fYC75w\nP65SScKkOIpz4OTn1bxiXjQoAh44XsR/7QwuBz3SX7J1OOdFbKS+PRJExJa0\n1dxg\r\n=xXMJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"219b085de7ee97c7b75e5f25dc757e7b5240916b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.6072ed604.0_1616021876451_0.0466718762634466","host":"s3://npm-registry-packages"}},"11.0.0-canary.d3a6862af.0":{"name":"@material/animation","version":"11.0.0-canary.d3a6862af.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.d3a6862af.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"60425c4d4b1a7cc1c6831971553ddab8c626f072","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.d3a6862af.0.tgz","fileCount":26,"integrity":"sha512-5PeBz86/eSU/nn1R0f1tC3syUz0UMjxlCxgjLQOmDHTvv/ldstdoqleUVMaJGVicgslmxCZ59tZCYrRWaBaUuw==","signatures":[{"sig":"MEYCIQDyT2DWQ+X904gWPR7K8yrh9Tlsqn/gXb4K4OeQDDFWPgIhAJCqIEWA9INCxNvN0M7qj7lXnWmUAHTcTYq9CpeLK6HE","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgU30/CRA9TVsSAnZWagAAvpAQAJeRsM8p2pta1SDFiFrr\n/fYRchfdE+lvxViH2wCfvG7pzGMeHL6PadENRM2+4UXivcp3BM2ohkNJXJTg\nCocylg6pEmUIIzZjIUQCwZHVCpAFXe3xflO7Eed1+jsNgT5UH0hGUpd4po3f\nLYTFpboRxho1USkRLw7r2PKu+UHeT1tdycKJJae3lzFi6wia8mWoSBqPSFdx\ngN18qR9FfC9yzpBH0NDLv6W2bCNzGbeEzNu0XKyYRvjrcnHwTt+WPJrCHPs1\nbgUrgdAy+W/VIp1NzT4KYkSLkH5eA88x9LoV7MjnXpjcboju9fZ7HVkT2Jjc\nf2Ux86R4DX9+cDB6PeYVed65Znv2GOaYikfQugw+R8+eA0pAA2mz0FnqvHGc\nE+d5lDc3n2SLAhE5B7Jo9Wwcu6isSw/jFbsz8uuwQ+AQBQ3UNEanYMPL7CEb\nClXPsqLs4/eUpSLb1aRslYqJkACVaTzC0dVa5aPsG7/913F2sIkI0Gb4yy+v\nEQwX3CC6DMGmdjAY1SE2HkejKHSfMDsc0/Qn7xkftYhc1xcHrN4d8OmMnZsj\n01Tany90Z+nuwc6Z3NNsQIEKeaaHWbb0y9Ixxk2jeh2Noj0gPh050g7zsoDD\nEM8QNSSGDxjah84pYjviXU/JiudMquBCfnxVzKzviPutNPKMNYZvFxwt3kSB\nhrPW\r\n=2S2R\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ab10f53a050cbeb103a3ee070a9134ff428deae0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.d3a6862af.0_1616084286843_0.7045161941081584","host":"s3://npm-registry-packages"}},"11.0.0-canary.40dd242d5.0":{"name":"@material/animation","version":"11.0.0-canary.40dd242d5.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.40dd242d5.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"774826e7923d9fab071e925ee13962abcdcdb4da","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.40dd242d5.0.tgz","fileCount":26,"integrity":"sha512-OyBl/vDOqHCal75ZZ40/2ymzv6JE1Y4IYhyiD7VtGZZFlxLLWa7fY1UJK25TR9NxDH9BFgPA8v9ZiShoYkMqig==","signatures":[{"sig":"MEUCIGs50bE+Qdycbz3/2eA7knleaQd/gJdbOj6WZ6lePCFhAiEAgpUD2TaFfRu5kQzmOVyimq4Ajdtq5KsCgOgGsnspGv8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgU8L6CRA9TVsSAnZWagAAZaMQAIXrewFue7T+Q3giLD47\n6br/n2I2XzQlJOooDvcz2DvB8pvBDOPtmKgN7pulVC/zU33Hska73beoHCYO\nwP2LGJi52jFQ1eRuzj2yN1q+b33nXTsn473D0goKfC2gcT33fhhpOvC5NWZv\naQRwDGSDBXEPiX1sdTd2v2s+NZCIpze+4GbLWiLrbcSWcmRe56M3Q2l5BBX9\nZRu+MM2OqVSeSSKh/xFU2le5+49UNnNRO9Ui3FEijeWWplb3W9bmnNYLP6gc\nn9DWdxDykZceTXcC824lxt4LzojnqjY/bzZigRfqF5RGZzbEcLEiRNSirmBQ\nuy1GXRqQPsVEofRgU4GqM9PEJj4/CgmYQxOzNY9GCuc21aySaSJX/qd/F5FC\n+iNZetrJrvISUpC/aW5d6dVYVhxvtLujMMdhcPk03qe5LqmLNSjoFNEbVqbI\nd++Ms+Fu481Um4nuPkgO/LpXUFfUE8tWfl2FQVPx2XBKlvcOREwcUjHu9Smp\nJBbEJ+ZW+qb+wwchvgyygjIPQcgb2GJJ9G3PzEqxHMrmf/LnQOOQCrmsruQU\nC7UCrM6QCzW93d3/CL2HPg7C5IDjiJhR8VqCUDo5lCEUvMgSXFGBoW6hHbaH\nQ4LITHNuZJ8KrX8DnQcE31VGtdKTtZvuTeXa3VGP3QPAFNhyEo8/H3V5nHrz\n1F4F\r\n=qFVt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"07de383ae306cbdee42be69fa0a06884d97ec259","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.40dd242d5.0_1616102137594_0.11986027650635878","host":"s3://npm-registry-packages"}},"11.0.0-canary.ec8f8465f.0":{"name":"@material/animation","version":"11.0.0-canary.ec8f8465f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.ec8f8465f.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f1e0f1e442b1ae4dcb824966b2db0d61d3e49ab9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.ec8f8465f.0.tgz","fileCount":26,"integrity":"sha512-hA3WnHoFyLcfnrw2VG3EW7vI+9Mlywq9ksGPIKTDVL4Mh+cdzytp92RIMYol6S9E8rMaw1eK9MFkVlRfS/GPHg==","signatures":[{"sig":"MEUCIQC4bZ4GeJJzbAXhidXuk9Lghrj1DLVR5poUm8reZWwuxQIgLO97HdQV5yKJjG6AJFrdNaKubnR12HJe1OTRSvKR+aE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgU8lECRA9TVsSAnZWagAAeiEP/j94Zf+AGLtXqlUO0fHy\n+Ft96du4IvNfSC1gjAZdsv35pKkzvXMdW5Uq61pxzar6bP9/tKzGb0OrmcA7\n2pVfcVismv4TzIRzX0sNBAB28PdYNebZ+knBAxvpSIJSkM+ED4tINFXt3wgK\njGSeGn1gnDwkTLv7REfZyw6OLDvtNUzcjaHRddZPEnMLxaADZXkxSrQbFLZk\nZtPV6OlFax+poH5D8StyEUNt69f/HxtG2TIVQ99iZ01J63aJsGpOBNW6JI2b\nWs72tYCwswBNhdAW7FAHtD3vmRfn/pPHuf/1uJEytNXfLK1Voo2Ma/n1HKgA\nPVCa7rL+NIJOIwnO5++BXpwu51x8EYGZx3P0wMOxnKcZtxYLFBs6fmP5akUU\nPIIDQHJdS78WtxghWKYwbVZejwfCVFA7Km2pzmfQVdv39XYE8GqIUavP0yaW\njyRyv3r7CDL/DwiGxiLx7YU9ZJtBfEBvi2ZIIeM9LdmQsqd+lvA87992x1i+\nSf/7lkL5XLN810G6eh0Lx/SD6Qnp27wwAYTf89evymtWQGsPmu5lnFqQCLG7\nl/wEUpogg/1If24WIzI3BFdjOvR3IpIbppd335BEfpsDTaukAkxebflAC24g\ncgE9KVK44CgBxgbN3rAT+buRzndtq3wbg+0d0hHfL6zTGG8LlBCFR/0iPpqX\nMMTz\r\n=Z5P8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"896f8e45effbe3c44209b4542bcd3d10a7f8421b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.ec8f8465f.0_1616103747746_0.06986914413559786","host":"s3://npm-registry-packages"}},"11.0.0-canary.da38969ec.0":{"name":"@material/animation","version":"11.0.0-canary.da38969ec.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.da38969ec.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bcb7a33a866b492628e982e0797ddc066050a7e7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.da38969ec.0.tgz","fileCount":26,"integrity":"sha512-3oUxmUTVW7cH+XI3MqXeH8OCLrYYHcYLyWKDhYjEEWAc+Dk+15iMzgD0WdfipWKIGyIRtn9+OEQbq0e3nTF77g==","signatures":[{"sig":"MEUCIH4upxUqkyMwHKqp2deEuqAubKc5+eWLUR7zDEmXB2cmAiEAjONrO3h9Z3wT5ru0SDHgOq9kvgWcyT9TQKL5uf9evgA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgU9EyCRA9TVsSAnZWagAAjzcP/0Ul1+Gs0urpc4XRtgVC\nr4fOolqrdZsv3oO+RCg2jgolN2H7VbEfFcf0GIu/Efh/5+WgkXptTZHL6KaL\ncLj65kP/Z2Ogbk/wCRmjpIprOkofHU0BPOqAvbtEM3dvMqKqN672U4b2CS/C\nZZiev7xEC6SbgaKrOTr9ZgyFOiVAegvzhhEt2zXjPe9Vt03VA6fvK36whCnP\nNYeZWFMg+sN2jbb+9waQOykk4H36SdcCtN8IIoiC5iCtC+0PSu96RThQUL9z\nNO06eCoPrLb/ccQ/fmaIe/6jR03QZQ4qqV7yqH/UpKgMom2vH2HL7Hegelou\n4ezEDe/IoIKk0iaaTvyOfx3/rOJDnbaBUVSsxzeuzPzz1ogldSBOkP4+Hygm\n0W06KluLb5c/+ZcJZvm9B27kVVUaROUyGWBb6GldHNlS3mwuCb1bPun1w9uz\n76whPQxxK5YBUIjDPMdsikv3jnDJhOupWw915GxLlz46ecbI4vcarVX4Vq5/\nvrwhc04EY9Vg4dkHM0CieUX8WEFyPqz5aElrBkcdYLt82esf46yYKj9oFVjv\ntg62KnTHqW8fZ9FNgTT2DsFeQXq3svmD1/fv2AwIiAeA18DxNRaT2dLAX5e1\nGstt4MtkY8FSVyKmumuaVj+qmH8YHhDMWUEBO7IQDvKcymF/7Pd45xRz2sy+\nhrFN\r\n=NQcb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b43d112facdf74c62e02576a918d522587133fa9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.da38969ec.0_1616105777471_0.45978913298355684","host":"s3://npm-registry-packages"}},"11.0.0-canary.f5246264d.0":{"name":"@material/animation","version":"11.0.0-canary.f5246264d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.f5246264d.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"325595cdf30e5f473bb1e75445cc26cc905ff739","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.f5246264d.0.tgz","fileCount":26,"integrity":"sha512-HOwKy/2KXLwZ6i/GnGqZ2Vd2g2cEqH6JD5i3OlmLuE32eSaBvP7bRxzglUm9BHoVK0vSX4/zLJTuh3Zis9HRgA==","signatures":[{"sig":"MEUCIFheU8SJHolGbZugUBR1KgEY7OEbJKXHUwYxkcuDkP4jAiEAyKG57eKTLhsXA/nJuEORMhrZ4p4F/MgAtGTZluTURmo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgU/H8CRA9TVsSAnZWagAAKLgP/0531aByxhrM+ouSR/iq\new77n5YpcLuKbFuYGOWhRlUxWsnxx6A2xRrE39IlwbLKdMKy2gckj8rZdMis\nfyfGO1v3Atfhc0ZOVj6T8PzfCruyikJUNjsHwG4qtBzvvjSB6gxEvQEVxaEi\naXm8aslh/3pxXNfqciGqBhbCDEDjefStiG15iquY/B985u0dVwC9VY7u8RGd\nL4GVqTjbJu8DRO/CEtU0DF04jhNCuBksr2Mwo/WWhwrUkblxmzTNQHBc9G7L\nu27/FI+1fNNJpDpZv8owptgEPQTww2gk6OWAuhcoi5SIZYKYmzwAwl85cawg\n+u5er2/069Mq4JjY3o30IYwcsOeps+cPwayk1mAa/WglfjY3N2fruiI4qkXX\nByV1ho3EFFqeRtUGpZIGXf4ahMrz6/3TwnzgqTl9Pg6f+woHvZn6y25y+Z/6\ng3KsniNKxgAXV558fCRCuH/kElmrRMUkj+SrWiju5IzTLMJPi/INhO+7SBUc\nfKriK+pSzcFlev38PhmmkhIJo9zSzSooRTuzBBXYkQF7hIeNygsQfNH8zBMH\nKwfoyoc4SuDTqRwz+NAIdy8fRrgv5hLEV6MntarG5H4JRQUEOB/rKCQktnWH\n5GyLXxVUIOC0TMWF5Fn7bru3mkJf99iSsrwiP8JTeovJnAcKX8WbLOQFhL30\n9dMK\r\n=ns04\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e5bc1717405750210bb9d7e3572f0cd36c9bc0cb","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.f5246264d.0_1616114172215_0.8905791589369478","host":"s3://npm-registry-packages"}},"11.0.0-canary.03d34bbad.0":{"name":"@material/animation","version":"11.0.0-canary.03d34bbad.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.03d34bbad.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7797cccd6ac90927bdeb1778ce774a27ea8e3baa","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.03d34bbad.0.tgz","fileCount":26,"integrity":"sha512-fKPWPvD2PFFZt3H7Y3/neAkpeKsAghIOtAW9KxSe2jduAKs818she3SbbG1JpFt45fbnPRg8FMuuqNPXoSePZQ==","signatures":[{"sig":"MEUCIQDOOn9X6PoQ3+cayK0jNn78VYLBuhKmTO7VfUTRGcKOrQIgP5HiayfZCAqC76lTYSIJk+2X6bPSfpRP6KgD1mV+JYs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgU/UMCRA9TVsSAnZWagAAx6AQAIlJbCNVE6tIH8EXtzat\nEwrfCqRQWWnJ7dL6ugme9tdHcFz4eYv9sMEP34kDs2RpJjefUNlpvDx9kk6Y\n1d6BoCc8uM7zXxQ/0tZEFFHBcbvNteaHWdQETALPMbOclkRytuXWcK8QSdHa\nQ82O65cUkhq8cb9qRVllwv8OcXIsn05Z3ujxonlBwu07W2mznjL6CmgglLbH\nfjz6j6TIcUOmOoDsqdo4RArpeXykF0x5NSjd/QeHBAXBVsZGzhSrrYNgEBy3\nflmlZfIHrEmpU3tF3UIn906RrASCtzNmE4WL7+onue2ek+QCsqcBBJU1OWez\n1w6Dr+T9x24I9HuiOz+WHYPRcGDsiWvOZ/8YlmRuUuxaLLOFnsK8rC3bQ8E1\nDVr6LDiqw5dqhE4ln14BWMqLp+bY8QLoy/ZASzA1vkGySTzciSaOeg/ErbMG\ndwV7LjbtiaSRBvl0Uvv8gOGjQQ4GryaVN3HUyYN0enoBPLN4jzC7i00D6rHj\ndmxT9HsCLP01SGuQi2zNFne5lHwRBFTTTq6NB7V58sd9EPCCdSJ3cOavd1Hu\noYhC2eBcDBRfcsVHFf0ykz9tTmTsiS008JD7a5TMstvZhLO/bi+mU1sY8Yqh\nI93BgpjZR5vmMkNjTvYB9YgeXDboJVIMgBbYE1Nc8bodCEOjncTk/Rl6Nl+o\nypz/\r\n=YI9w\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"650c89999524e7131f5808d28c8ea2fa15db0c86","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.03d34bbad.0_1616114955117_0.4210425303484522","host":"s3://npm-registry-packages"}},"11.0.0-canary.cbc57c600.0":{"name":"@material/animation","version":"11.0.0-canary.cbc57c600.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.cbc57c600.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c365838d66793b44ded8455ab2edd0a4a6d976c1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.cbc57c600.0.tgz","fileCount":26,"integrity":"sha512-mrXr9lAYZzSCgoJ6FPtBa9WEcGUiBCrYh5p83I0IvYViZH/JthAoITsXKsuY23GDZ8e/izOXAvKFncQ41b/6xg==","signatures":[{"sig":"MEYCIQDZI64Tn85rANq9qHVXql+6kzbqTtM9ZlB+Yw6npN86wgIhANGQJMrus8y4HDTFowkTGUWwPeEe/0M7Dig52Qambx+B","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgU/ckCRA9TVsSAnZWagAATXEP/2plhQAMBgUBCM5gzI0M\ncVhIJgFe5Plq3pcwblPy1EkD/LPoOAVa9qJe6qXQXKw2ihHkXwse8mnlVKcq\nMNJMQaRkVwDdqCZDsUhqiqzp3xhkWt/8auwiMexvCP5phs92ISaTtaEtuWok\nvCH9UF8P5w3MbHyaECOzjvYrpHalBRlveT0IG58Z1/NfxOyx21g98G48asAz\n2ZM58EzIZmhu2Sb3krKdDJoShpN0ZQmbe7ukD8lzrBCMKzrc7YBJO+cGtime\nNtqOAo64N9EgYKkIllTRK5E4zBNJzqCoQI+0+qTagoB+QBtv2sUvYBD5Zbja\nNFnGlYLuXWDYvCNAIptH7cb89qHf4AEpiNdH4P+yy8/ENSI1B8cSqj2aWJWM\nQS6Tn1qTAAmrDU4gEXDlzD0IfY5jIq+NKTRTrwEKtp7084oQLuI4CosUaPQr\nVZJ2oJO8Mq/ICHd6L23VlgKnBITQL/Vqmis/tqt0uRO1eN5I/UYieFmowJjG\nwJ9Rpw4eSd8VRHidB4hnqwfhU/Rzo2q2+hMynNzD3siqw9O6LIljUl29f3t+\nquqLZ9U23+B9q1gQdmeLD1RdP1sHse8qnkFtsjLcSJIEG1vlKGYEODmVhjTC\nCvw4HoFQuUZY2Tcb12ACcyBn9z/pDrZayhlKDlmeLscLUYGB2Yzx52ROp9aS\nL2TY\r\n=kJUI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c16ee9654e2ac3913ee3140dbc31e34bbc443c00","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.cbc57c600.0_1616115492002_0.5704488117208835","host":"s3://npm-registry-packages"}},"11.0.0-canary.d6c5bcf37.0":{"name":"@material/animation","version":"11.0.0-canary.d6c5bcf37.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.d6c5bcf37.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"50acd89cd6676dee66880543f4852a88c98d685c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.d6c5bcf37.0.tgz","fileCount":26,"integrity":"sha512-qVlJHLHJWKPa/Pj2Kt8yhy5J7Yorn41uonsfYsfzYIupGCwh/wb+6Zs6C6bg9ulJTA9NzV3lFJ2uEC5x/sZqbQ==","signatures":[{"sig":"MEUCIQC80decMyZczOcmPUs61hp0NA1yAsLSAMkK329ToqNQkwIgdaR7PbpK9qGk9IMBEc9EnGym3a8WmYN+oAVrISsbZoE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgU/n2CRA9TVsSAnZWagAAdNsP/jO2/DLApTadZzzp6gZr\n0z1t5T8YdxC3oODcWgkiAVVZSlCHP4FDxK7sXje59/JJMiCB7wsLZWu08aWH\ngD/r37FgVGJERpN+jZglCuzJ1AwWSVTVtYN31R1eE7iDYBPa2dkMIwPv+dtg\n79JTsziLeMCsvncTlsS99HMh75cIXExAyiV7f88yWePd08NDJICeuYXMnoO7\n8E7fIFyYQZMfndHy+E0vxbYJB5JEHA3JPBUBIAD7tIcu4Q9hmYwRHhluP9Sq\nhB/tfGkwkKrTYxcLAeYRvCdFW61AQp97rVm3ADUN403AzjXXnQ2lVChX2rYn\nIx2UMUfRs6fNMvrfh4sHxK/Jw+OTz5X7oeL8oO0LEG6dGdlQRLVKVfcSe19r\ncaSyocC+gHuG3a/MI6v/BP/oeYuv73p0JpIxF4D+bOjad/zzuaevv4n2paFE\n7Y69jH4DiCeLeM87Il7ocDhFoQuczLpspKgJcHdBo+mVfCAHyv1wrnVrzabn\nXCENQd0rLXdM3GeixUUjdbQ7bKpSEU3wfJgEq5cUgnHfnqyJYNIquXaHzR5A\n6Ijv1Cs6rVFkY9jGqTB3rf3hows9xAV/H0jnC1/ySlySOA0BswS0aR6/Q1pr\nSKkrDMNkYiDsRdA/gyHyrO9A9GVsAQ0Ut1zWyyoMR++4vbRKEpLciLQX3YA4\nsczk\r\n=s2LL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7ed31c18c565964157fdadec7c7876ba58c6dfff","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.d6c5bcf37.0_1616116213878_0.6407640149597622","host":"s3://npm-registry-packages"}},"11.0.0-canary.fefc668d7.0":{"name":"@material/animation","version":"11.0.0-canary.fefc668d7.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.fefc668d7.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c349686006d0545cffef15a871d3b3d955bdfefa","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.fefc668d7.0.tgz","fileCount":26,"integrity":"sha512-wPRDXjqA6aJM9GIZ/XsSF0tqRbQp/TcgjjXYVY/EX7JCgrtVq+BljJV/8UTinnOaRX2Z9lDFmoOQ5xAkiovDZA==","signatures":[{"sig":"MEUCIAZd62QMoxy7HBebtgFBx4In9ouGObJOxrmfkHnJzFnrAiEAjkQaBziltUZiuM/TkreYF8zO21Cgb641IL2cvxWXmCA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgU/8cCRA9TVsSAnZWagAALOwP/2/BRvy/cO4lOwBrchfe\nQ1fIp5JPY7QkQluRxgdqQNoTy0iQE7Y210UqG6JJVsd+qVZLFj8nKoQxmHqQ\nOQqV9PUODGAL05PILvHHzlnQzyHqi/CvO4tcbHUkBDQiYo6VxxJy1odIaIQ0\nqrV08LD0607X3MrNe031yQ4JAqmyxf9j6d3FPC1CcduPUoTBVoBERwgxTAlp\npCPajqIkoDRs9Pmjj9N9pzrtsPFNUCVdff8GOr1TEVYnfytrWZ0gDY0jg3jN\nq79mgOQndVCxfHVaIBOLdeNoa4WZhgiJPg6SI0+GrB+L3sEu7wbUv05dOX9g\n+a+2zApg2eTN5KO8SwzEtAnhU++lay3ELlmtFJn1c4AUDaiFhjQMUusGacok\ncBrNMhH9IzFLi6t591tTMBcio1HNwdnxGflEouFDzO9hXhLSDMAuJy8OjxzE\nFnaMP2ZHqk4Yvo3mbqy6JInRQzDW3oFxjA2raJtnGsyvHAoHlbC7AAvOeq/0\ntBkx8FxfquKUhVnF9yJRGwpGdkThWSOsSg8nExHaeJFdk4Tgpm6VpOiCju1f\ndXI2wb7P8d5oUbzx9R6FjE4g+/w0Rwqf4aeBt6TI/QtlNzgmKnsdB6AaWB9Z\n9PjGKO32sBboCeEM2E8jHBGFumaGc+aSV9CcZLwPsROJXEObgDTKkm6HCY1O\nlxXr\r\n=sjhW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7c976c590b16e8f3a000dcf5cf2b4daf6269aa21","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.fefc668d7.0_1616117532381_0.31792357038445895","host":"s3://npm-registry-packages"}},"11.0.0-canary.faa7d3226.0":{"name":"@material/animation","version":"11.0.0-canary.faa7d3226.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.faa7d3226.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"850c9346a45467c8ffe1def1ede31cc7e68e59a1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.faa7d3226.0.tgz","fileCount":26,"integrity":"sha512-1QPVCfmrPFJ0tpTRITTuQItSzj2bbEIBQySGHuR7e4fTnFOq3kHnGlnYTEEyObxvcQgCEZ/xSvHeCQ2/IE63FA==","signatures":[{"sig":"MEYCIQCCZpY9fAzqm/Ow74XXLd72pbLiVtBvzMEr6NkX0N7exwIhAJ1bmD9MM6BzeKKV/AFOL6yAjJiMdmvx24HHn+k/lAY9","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgVOJ3CRA9TVsSAnZWagAAMeMP/RpnE5qes5uejHIUd9qR\nvCKqaY/UTSsJ3OEFpLtn+SEJFBx8R+oXKuNvEmiJfAoCYKjbkWS+YNAmxvwO\ngIiS49cDD93Sk29qCT+NRzKq7/FTWK+df1anj4aUAcXt1dXmOdoNaGth3htM\nu+y5JgJwq5JaFnl8PfIFL2TUgmlXKiX03wUHaBVj//HtrOxW28wzSqFPrV2/\nIzYd7l4qUMGrGcshtgkUm7LVfU8eT3/NQPeiEAFx81zefxQexosacAc5y6D0\nWaDhqwZ2fzwViH9jBQBFKFA9Giq7xAVSfUuOfZ00JieiZLe9pvN03+Sxw82E\nha5zRGY4eo0UC6rmBC32+WktIBZ+ucITz5PlZUoGSxVcxTnNxnOmMbyoqLjH\nD8MUmBD3WeDayiJQEcLQACTAKiAhgpTIxvZi1JCMa3SnflUavthy6ygJu81H\nbc5PqDNmopZ0vXGzH/czAnVnxyxVfBoeNQchuWqBnvbpgeGwc+T53sqe/SHK\n3qON6aEc2N8hnknH7o0QQfxJH8HOOnF4b/iA2cpbYEQxrLP5Q2XYDTBFlehj\nnzoNw//YBjGDmE0pUlOlSTw8TWiReJuabNKYiU1ZQxpzb5vO8A9IxPhrGhuz\nMg+Vb+i34PTtJOkw3UW0C5238DHEuJP0TcX2PCm/R18i5SfpkDmfKNrXZ3wJ\n2l8G\r\n=9NMp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c6038c8b2af85b70f2434939a69416e1593d5a36","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.faa7d3226.0_1616175735228_0.9043254308255408","host":"s3://npm-registry-packages"}},"11.0.0-canary.c60449bc8.0":{"name":"@material/animation","version":"11.0.0-canary.c60449bc8.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.c60449bc8.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b38ec6befe3f7f4048e2362d8b3509bb1d35c176","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.c60449bc8.0.tgz","fileCount":26,"integrity":"sha512-zKuAsA9KW346XerIi928BaqGyy3Musr8t9fBc6bHu0Yopis2uO6RqDp8JcS8xWocQ0p1wkeRunHFCUApya5raw==","signatures":[{"sig":"MEUCIApF08ebjcUkcqVQZEy/v1SiratJO9N58Wc14i3cM3rGAiEAnNSCUFVttCY6oWEglXGbjwb4JvFYYq4OwVjewLUPySs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgVOd2CRA9TVsSAnZWagAAKlsQAJGLDsyt2WymdJM99Ztw\nZbnN00WBecZx4QEOggW2J/gwGRm9+MQofGSZflJuTEZcOEVIaNbaUUoAJUit\nRlW+LPdJWRYG7l7K34oOQLo267HQyMyVxhEGzXxFgQtwoV2RGYDa4FWdozKd\nZhU1bx1i4uGi5hDl+9fHWBMmK3aLN/dIFiWB3/ZDjVBk8zawyBwa8rWloeCQ\nya5s5Oq7s2kbcu21TRoZtETjFRKDZ3VTvkXsvXKJiPhgx9+EjMHJAX/WrM5Z\nqBFfDfk8cMrpG89GHHSY33swx0oQeaWPSEF275T1nO6u5Bkr8VrH6FTSNqpZ\n/nhela36C0tv8OAzS8/zw0cucWZ/X9/SW/QDcxBwc6KnfZP5UgpU5wRteNp3\n41SOzd3wMSNmDaI8jAIAV4ebxoyUZF1a3WQOfgKaiDCkbYUJ/7MdRPxVrkO4\n1pJH+4u8Ceu9SE24bzERL9K3R51LuQ39EarfYqx6JcG0YoL76swDMbLvwGUe\nj9tb2IYB2CBUIEK0fE+5XP+l+klduyX7lKfMBv74KU89xNEwLBndJaejPeIN\nxSTV6mo9gSbO0QT4f9zwZND2LjNv3yPuJwNeKGddvpeZJ5krHT+iSAQ3LM5s\nGqkQJLeViegSNov33o6Oxt89uN3Yypsx63aoqbS/IuNfVm7N+Y/ZakB4DTWh\nmJn/\r\n=aqQv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"874083f8b4dbf457158a7eaf9924ce1143ef6fa0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.c60449bc8.0_1616177014460_0.4962486924912588","host":"s3://npm-registry-packages"}},"11.0.0-canary.5f0fc444a.0":{"name":"@material/animation","version":"11.0.0-canary.5f0fc444a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.5f0fc444a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7d4ad0805af0e8c4afa89c98f8bebe220ebc88d9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.5f0fc444a.0.tgz","fileCount":26,"integrity":"sha512-AQGu3xJrJ16IDP2Y6aLcps/6Sp4oG+mLSWjEXkKqpbr2mNyMHTqL4m89MAefoDgxjGFWOMdPjq42MO0cfdsflg==","signatures":[{"sig":"MEUCIQCnpFXkPCxJrRllPZDJQBsq1lvFkrkAaZd5I1ZUsuLnNwIgQ/Jf0s9SvDaWniuksOoJiZfMmf+RlWMOxyyWha5DkHc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgVO8YCRA9TVsSAnZWagAAB4MP/A+N6r/rr4kKh3EoFOJ+\ncPrOKcYRn4yYzv/HGp9CI7KDo/h9hv52KQS7IN0389I1l4MUgXr3nGdeP0Rt\nki6rXvaFoP3Pga0d0gkf3b7Vzfkr76Wm/geGJGRORq61MZf2lkIdNhvOe/MY\ngv7rKRsv+Vp7C2PuFRnfc7Pw1cjNmbhRG+OsGpMKfztGZnxa3CD2I7cp/Fnh\nlmTiRk31AZa9vI+as66137OXDqxGRM+kgsMaKoyKmBQhGs0d0psIcRxWTLH2\nYAYg8b/kjf8Q/zpwpCEZHqVvjj53NGZc2+zCRkj7HAqmSwSwjFQT+B+IPhCL\n5DrVFVZ0l0sZLfRRzvDuI/hgXIqFmP+3Nyd2U7VBpOXgW1qg9uMKJi4TWC+Q\nW4xYkcw+rSpbOqRIlLt+ofXSjDo/T1AdIn/HSQTD0oEDrKQmthZfMnaLfFi0\nw1Jl8DlqAVDYaOWT79lT1eZpQvZv8znpF3yLeYQnNO20HRJknm9Ymv73WtMt\nLQpzglrCa0HT8JS7ZXw9BUkgOAMS0C5rHDI9WFuVJo1dxEaKYkQD3ZwaS+li\nquL9ADJB7YMQd2psysISCswOyNAeZSq95TUY0uGgizj+Xqka8VHhxBPQcbby\n2yL1tykFxWf65fqLQf+oO+eQMEVu7uBCPJcCttkyXYSMifHRx/cDyjJdF+JN\nV/Wi\r\n=/kVA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"122f31622300f5877c850a516d74f7c692d0718e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.5f0fc444a.0_1616178967683_0.3351903811114467","host":"s3://npm-registry-packages"}},"11.0.0-canary.4567a750d.0":{"name":"@material/animation","version":"11.0.0-canary.4567a750d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.4567a750d.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7ca16cc13ee4ccd03a583ec4e763d5797a3a766a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.4567a750d.0.tgz","fileCount":26,"integrity":"sha512-zuFzCBTkXYDDRlRyNOpqee0IeRjImFvTmwOtmc+YD+7pO/RqUGXrMRT6uEwQVYd+XLOQPIlM+0XM6B95Cr4Akw==","signatures":[{"sig":"MEUCIBgCi4HcGLua9bfxRHFFrvULSH11iCnDjiprKxSLJ9+eAiEA1v3LU5HKK1Fcx6iON0yKPfxQyLXahp28fUeThnbj1Ps=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgVViKCRA9TVsSAnZWagAAARAQAJ8j6U8Zw9VVPOtAcjMR\n72Yfy/cbof8kzuHo/IxBaqHmWhBIYMTgT/XnjR6owr9pWxM4JeywKYASWhTQ\nYd1O/GaXoRlwYpZ7WYuCX4xVAKgV6Pvs2Y+KOciPgoTth0m/HqwO879Q7Ye1\neuL7TfSct4/tDzT8Sj4asPtldriyhDaV+Bdbq7fqaEPMBXQVss57407kslgl\nbyXJYYdkwfV2o/3eSkdmA0N5gwwnIcFWToR4LZtj//QEyflyBwk9lOpCTEgc\nqDrc1GF6BlhWxqnA++YED6iP/zQV+o/PqKyDZYGpDRuzOSwAlfdEX7kGbD0v\nfhpbU5wrFk3vAU6c+tYuL2Kfep5wa/92HVb2530vIRCzgiL4eg6TMKsNZaaK\nArt2AsnVoFmXsGZuBSRfDYVd1FhAG0PPw4blgxIfjdBBF3QQ3kAGBYcw+DfX\nKmwLFj+qwAUcK3oAawr1Sfli5Xd4nDs8GpXOpHlLmyKwDhRtbFe6XTHXdpg3\nm9wvLUGDlz0NV/o3sWdMUw1fq3gG9ltwOw9gnNTD3goaJcyqAQI76UWfOCqv\n+O/sb1BSDxVor3vsisnpDZJVdIfWuGecWB+ClU+xOlMY8/bzHLjztMrANvAd\n8hTR7u3rH3uo7AI3OoWLoqGqRrLpi4kmn5dpbCO5bCezbXlbDjcW7KRLfmyC\noqXo\r\n=veAh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e165b3e1af02e963deb71d6f39a7df6962710c30","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.4567a750d.0_1616205961987_0.40855162974199666","host":"s3://npm-registry-packages"}},"11.0.0-canary.0cde52f5a.0":{"name":"@material/animation","version":"11.0.0-canary.0cde52f5a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.0cde52f5a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"64cfcbc8b43c29ba3bb3c0e32f82a4320b21adce","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.0cde52f5a.0.tgz","fileCount":26,"integrity":"sha512-3ijpN3+O2sVrlUP5uTHMKs4Hm7pNoTRAs2eHWMgcFovtRLjm70VQA83tYxkXkR0/W9eBaKN+Mb2XvUGlKA/kmA==","signatures":[{"sig":"MEYCIQC9EXm5LtcRI/KRL70XGQSsSS1pKRWxCr1bIBFQBYXs2AIhAM2A2gX5+U66VRh/ePpBFZ313gMnAiG5WgrfaDpbDYrz","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgWS/NCRA9TVsSAnZWagAAW7UP/2+iEmBP7jogtuutLc+6\naePKQU0NHtg1SdnC+E35juriaJ7/I8UV5bB4QcnnkvIGPMqs1NZWjOad49Ph\nrx4YHVOYD/qk+IpAQaBxFfUcoUX5TprW96MRmwcUjAjcRIYDf5H/u6TkNVjz\nb4049eaF584gb89aS75y56FuOjOLjbaYqLZJHOTgxAvu8JyLEISSNMONBqln\nNgPmA6K6bfgodLQqgFPJ7QEDzWg8v2Xmm5mTTvRwcgQFq0x1pJ9CxyFeCdi0\ni0D0fDEr/tsckZCrLvbrsq82mgdiGkn7Fk/42+HFQVC6UvKbIiqRn5QVgyMk\nmfGh8cytLRNoSUjm9tr/X53Ol080Tu57bOX3OwjHE5S79sB1A00Xg2B/j8Lh\nCe1W9WAPc9PeE9Kkbvs0uo7dyghUv7dsBOuXXUn1Ckrm61qBuhoTI63LfSKG\n9Kh8/SINsZnC0vmHih1vCLcMdmq9jc36C0F1XmUqRkNfhVd81fTZyJZLA2VN\npHOHXc3OE4CaHLgeyqALTbbWzHZ2jZpuLQQhxes1r+gwZOtsU3ergDROU+xo\nI0vHaNptRHwt4nmZP0ZNnwDgHzJmeU7GklgVbp4+p1AZMLDA0w/qoIBz8NaV\nX6NvebVDQYbOR4H82M6KYJ6ejZqVtO+UsAA3lmqQ7V2vmbvX46XvWLZ1j8DU\nEgxl\r\n=VWUC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"6f6719c5270f569fd2ab44620e89ccd53a31f98c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.0cde52f5a.0_1616457677267_0.25223401076248964","host":"s3://npm-registry-packages"}},"11.0.0-canary.48f4b67fb.0":{"name":"@material/animation","version":"11.0.0-canary.48f4b67fb.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.48f4b67fb.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"21cb194f2e314ee65c23fdd83c024cea158da9dd","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.48f4b67fb.0.tgz","fileCount":26,"integrity":"sha512-RywXmGs0sIu6GVHjj6xcK5KWPeEaeIIGaHlzCPqtb5a8OePFAQdSAvtQkMo4g+b7NRoqzWr19EEU94jTXnLXjg==","signatures":[{"sig":"MEYCIQDjYX90Ytt7wDeeVcZpnQaCusK9VJiKOlw24NJidwHzZgIhAIBt245y01a2ikBB/zGibK76DOaotDVoiBNcMQnyqjCD","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgWkbVCRA9TVsSAnZWagAATHQQAIH0WZx8h3FkE2lY8duw\nd2HQQiopEE9G6Qre0xPDKfyLQcQw3nE2HBXOSNyBup2VA2TQw/DAywmcQrY/\nLmUlvELer99dPH9Drl3M6pymer7YvlEFO+lISzvR9SX3s5FjM9fuq4vukXrT\nVu4cwAp025QCjwDbk8oIi5hCr5tcQg2cv6yklVtt/oIa2ql6Hoji8o34/RdV\nAuREyBm+ZsAMpeqNqZzWPQnjNvfRZwGruhu5XBf1jpGJHUl3dRhDWly2R70F\nV3GccqVZ5iRPwX+zIKLAiMVXHuLwLbIJm+VEXvrAHwBgm7G2px5Nndy90TZ3\nZr64oE9V6WjWTMs4zoWND42Ox3+XErtw3rUYVrqUgg9rTJZ3nOTWBV+FZNO+\n8fwJGs1IA0Zfbo8TahajIRp/7QSqBZdxmbfsWSTYufstPQe/sEVWTsVYLMAn\nxFJkhSMhjYuESw0d/bbqOK4GXRtiZEV9d9CQgolFY5dUUZWq1dFYwJD7fiSZ\ndCag3KBxptHXd15zkDL8vBQcP1wkEXI6qQZB93qktb4KXRSf4xyE9MRA3C8i\nxOMytymWaibJZ0pTfnWqJFJKDmUJEmfKs4Y2YTxsupphHKJPk+vyd4jnGFf/\nioL2OZ9sujsn4IEMbHg2T7Qv6Q36SF5W6M+DLjnZs4lEvcGvrWZjgoUAaDZ+\nHtS8\r\n=M3Rw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f83669b240feaba73206d330f10c80a9aa31c1f7","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.48f4b67fb.0_1616529109023_0.015913249305604893","host":"s3://npm-registry-packages"}},"11.0.0-canary.0b8cff734.0":{"name":"@material/animation","version":"11.0.0-canary.0b8cff734.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.0b8cff734.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0753af956c46daea6a517d0956f2002bab546419","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.0b8cff734.0.tgz","fileCount":26,"integrity":"sha512-768xXRu7r/4G1arWMpPfxqpQTwfY82H58O1GMq/Bvo7MX0PgaPrJ8kxdvx4cw27klDjqgHXFlUxF1ca3OM5nng==","signatures":[{"sig":"MEQCID1I8PejN72uQrLgv5WkdZlaJoZkkqZMeLpdfWQHp5uUAiAtXNn6+baK9WAzx2rv6ZOdSNHXftDhxdeoPalzjyfijQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgWkl6CRA9TVsSAnZWagAAhEkP/RRoZkLHhQd8zBG8IKr6\n+qI40wiwE8YiBDoYTC7jrSvacPgDLt/kwlbrPLv7+4g/iaeDXq+pEoHz5DGD\ngUohA/8jBWW8BlNMmweXLEWavvL8dRdm1X47csh1hYLkTYNeVafjLVWONIAw\nuzlR0drtsu77QPISHsBnGGhXRAiqLs68lIRhkdyLh9+G0+kkw3HCqrUxKF92\n4ArnBvjq5nrCIxmgAlsC4X9u9k9CSWDbc3DvKq01FzApJXXr47K+UIG5T/LQ\nyLC5/o63ua0us7uOcAKuFAKng2EA/fbN0hDgNB4ooRJQVxyzcdOKr/d4G355\nbYcTTX/tjAostKUNUGwKs25pwuvDIbdCkPceZVMU7LW5KL0xUpD6LKPfUBCG\nzxr3A4xQE+w60evji/zX5tHuDSZe1MaG+fwKEurG+KuDxlgQ07SckSXQh1k0\nMhG484OslgHGlrWzJx1R7NsRZwvx3wvlGfY0ucx0Q5BwfpQQW22WU8f4UcoJ\nEB06364+JsNP9DMRbycgxsIDcyr2Y4xWp2kYd/sVVUJTKtaZQ3nkavRmZIQl\noOUKLfc/S4nBlbTy6Vf2Up1ejZJGggNZyOGWQMPHoW7KaJQ5r33p0NyyjkfY\nmoWN6JDS5FlmqqtIHJ57q1jHgvMKy2bUO+T3ASyyL1bmTajCWYfI/rspGUmI\nS9qm\r\n=5cdD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"0371cb1671557f9e1d8a3bee3ffce11bdea058d8","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.0b8cff734.0_1616529785539_0.46781490632588296","host":"s3://npm-registry-packages"}},"11.0.0-canary.8943b991f.0":{"name":"@material/animation","version":"11.0.0-canary.8943b991f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.8943b991f.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8e331a18420ff297198807ad7c62abba92160280","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.8943b991f.0.tgz","fileCount":26,"integrity":"sha512-qWzZMaF8mv/G+F/qWdTovklHzJ0on+mjCsIWO29IF2s/IKciRFwnxntRt19Vg8tlRqF9KvtZCHVELA3njyb4Vg==","signatures":[{"sig":"MEUCIHQib4O2yoyZPlIKKfFtBlf3sW6KT300PJfM7b8d3cuBAiEAsvzcP1ub94OnrJEHPyB0uXNMJ1ZFCR36IP/Q8l1UPZI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgWk9OCRA9TVsSAnZWagAApDQP/isv5bYWSje/IaGoyohx\nFVBQYPE02qeEmHeZsu0pgZsOXrHuDGvhO3/Zd9Nf+CuGCnoVYLJvHeNTfqCQ\nTOWX4P1oEhcpThJayLmb3pFYmeupewVNgzMUlAB69RKCAS6G+Vnd0AOUF0Fb\n3QU1VhWgauiwjDrqPKzIjPiGzrFPyfMnJasjICXUTeBuU8KLEcZyO+uBgK1w\nJaG5eiK0D35S66OsQvHIBmqxMEQ1sPDHSc8XP+ETtM+RXXzCYvZcZtTUnj86\nmqpVL4szkg2U23jeOeevZbDPKqpke11y/sNTW4dUqzrPwVeMaTjsAfLTlB9z\nPbnif3/VqGoei85y2io2i43430JRHGpKlEAjM4/zdw++w64McvFk0VxeEIbM\nMPEEVqzvFE13c6SWRMLl2poqWy8Gb3COouFB02W7zu6MpwMaYI3si8M+5iXZ\nCw0znwauU8zs3O1u7RySwyvQYLHRp9MjQJkjUT1AKIU4aHYzvkpt2YF7T9iW\ntn3kk4nXwseSwuEGfG1JbhokISFO4Wedjv9e1H0xu8mU9RwZ3NewG0fJ95OJ\nCNO6Tv06O1u8VhI0Setxo77S0c2CaoFyZe/w1H+vry+hO7+9Mh6YbOgR5O4C\nAKOq8q3OwSGxjfrjJlMTd3vqMX4TabCoATjOk1N5D8U+dk0Ntm9BamP/QcZZ\nRudW\r\n=U+Xg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"85cb2528143c5117974441e499367a5fc252b745","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.8943b991f.0_1616531278372_0.015415647412337474","host":"s3://npm-registry-packages"}},"11.0.0-canary.3955d8d3d.0":{"name":"@material/animation","version":"11.0.0-canary.3955d8d3d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.3955d8d3d.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"489d6c46a50d9c716d51d642bb5148cfcd271db4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.3955d8d3d.0.tgz","fileCount":26,"integrity":"sha512-zbwIb03uI9h2BXvjBWUiBSt1iad5N2Ps66eeVYMqc2K2iGOXdypkgTGFIVxhUohCO6aZFsMeyuwqC8YnxPdByg==","signatures":[{"sig":"MEQCIBHYY6TuYnUuKcN6nKADnEGJSnCIZojxbvMdB3tcOfEEAiAjKT6LBNY85tnzdw+AezQVkjg5FqV5xCHBjWzINbKGrg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgW4+jCRA9TVsSAnZWagAAuykP/i+VrhScllktWER04WA1\nFQvpOGmpXrdXOis+Am1rIOLeFDKLrVHLTU8pMjGDhWCYGSiaFHnG81LfkSb/\n4FNMK6ys+422fwF2hoIIFg7JrfCkXVppDUWvlyIbWhrrR/l2y1V2HmwAT/1j\nseUL5QXai+Eho4tn2inhJTkfXNlW6DFt59IWXl8WpMpbbCVwa3yAkvD4w/4H\nksebqWPPd6tPTaAEkjkFJZdYIAGaSTocPcdqVoVoq8O8hV1m4RBpANAoO7IE\nPEHgqL/+eKpFMVQGSXBytf5kjHpgG5d0CFrYEdhyg4yheqAXZ6RFLttBu7Fz\nMa6JjsKBvTuZ+LqVeC4jslrlPcOKrG429yhtz0Nk6C/pGN2NbF9Rsbt4iUCY\nAtROKdJs/pNKy41Bm5x0XmKDWBcOBg7K18Mmy/qOdI+xdCybzME5DMRxQkNn\nj6FTCF5GslXuRXY5KqvbbYu1afQfXqUoKFeL1g0KzEhFqF3YgPTf5fviJIjP\nWolEj53HuQOx27HzbKGWPWwWeEsvz4OiALMfEh/wh1O6vziBQwUKnDNFmTG+\nIRKB0yBNt22/RANujGoOKXYK8y0GyIWSRlAeJmb+bG32NLEBO1I0o6HUE/Ub\nHo1tWr9f5FMJNHyCLyzu6Ogatbs04XcF9o/q2GBo5k4CGVC3Ej/cNeVQkj2I\nNRJV\r\n=FKpo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2679d736975b17823079a52aad1e329d8c2a3b71","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.3955d8d3d.0_1616613282933_0.5909049646454709","host":"s3://npm-registry-packages"}},"11.0.0-canary.23ea2d85e.0":{"name":"@material/animation","version":"11.0.0-canary.23ea2d85e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.23ea2d85e.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8c48d0e31b51b0ebff9e4e1fe71a57442109ac1d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.23ea2d85e.0.tgz","fileCount":26,"integrity":"sha512-WBH4+lMfZgfk37dsNv9eU9m0utgzqCzUdTA/hcTpkz8Xn1YmfVITipoBAKR8vM+CF2phYjbpPAG5NsWnf1Lefg==","signatures":[{"sig":"MEYCIQCSb6RMvMQtaPzgpBNwHantw+7MIlT6WSdXPahAXWUSYgIhAMF1SIr4W9AytqBvRHwuCoulWE1cv86Uf5y+xxzrjdwd","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgXMi4CRA9TVsSAnZWagAAjIcP/Rslq4RfNGWWJrMuL4nA\nsUqqIhUrcZ8aRPzgHuf03qKuwUd0wChtge03mU2QIlw7FeauxQ+gYyj7heUK\nizguzTDfSHevH+d4LD+OR9sA1tPLe+wG7iLk5HVxraUOH+5eQpXL0py22KhO\nToIdOkla5dGzsjq755eDBYJrDVXrJX2BBtu5t7wErUl38vrA8uiYNMtCHi5A\n2oLU/jzhriWuGNrzktVBetGYfXBFqlZ3RLD4yJkfmSqA92U18i9jC87AuQTL\njP65wPx/B1nLWlEo8q3ZiAObVfVVjsv3fcgalbSTJ0658P8YpGb1K+ToAMbV\nUw+QWLgST5XgOKUoMzaO7hvY7D2ORgCtj/Ji+kBmKaY91q1Zb8IzFXcxgJA+\nQBjY5vnHrfiZ+606Rv6bFz7vNWQiKjhrvu/64FXQTySgqUlKjggaWNxOF4nR\nsIsRMBzQV0zpf7hC30unttya5YH5XDEVs+fCE8zSFLAta1201ejNbWL2yHFP\nhbCZvlqSiR541kYBPgRdM+fdXRtae2pDrRbB4WrXu2XThwXD3lTDuA6umyhK\nTehc8l65MbgHjMpC9m/oRLv+KYRjYIFCfsw0tMZxU7DzreoYfRFhQBq5EMg7\nLQbV3Zp3lGxd4CwZmmvSgfTW9msI2Z5fclyKEa1m3G6WgmsBe1yx/mXJtyto\n7cbJ\r\n=kYP4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"705a9cbab9462d9e300da18c26d7992aec452ff4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.23ea2d85e.0_1616693431928_0.8582744760376448","host":"s3://npm-registry-packages"}},"11.0.0-canary.e3ec22f45.0":{"name":"@material/animation","version":"11.0.0-canary.e3ec22f45.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.e3ec22f45.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1598b575d84d712f095cb31b701f4e14ab6a07cd","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.e3ec22f45.0.tgz","fileCount":26,"integrity":"sha512-cVD43r7ewOvNKZFmg+gp0x2ynXlK9s4CLzRohE8O9a4vfPZXuv0oCWfdR83JhvEWNxs3HUxsJyo0uvlVZZeMuw==","signatures":[{"sig":"MEYCIQDT2msdQph/+ZgUM/LJ348V4h+ScHWfqyuo8fy3SZLZwAIhAMpZ2LZUPJpv1hcs8ohajtSLUP+QrBexDPn2NOZPJi84","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgXM4eCRA9TVsSAnZWagAAnfEP/iTxNt1yIknRK5+NElQN\nQhgGSEc/Mw0ezpCfLLQSiTMVtFXtbMySt+EjTs6UTXFgAFJz4UpiUpi9s4YM\nZQ/24Qolc/zZtSN80rKFs975J6euWj7lBz58nnRJT9BKmRLnrtAMTxR3C6fh\n8t+IdBsucL0ajVlMLJngB1Ga50ouFhI5u5Vl3kbNwJNMBvt69stOe8/ir9EG\ns0cZkSSoMrVdztLihPD5nV0uKFeG8Mq+xnQQdjvecHFRqy+/D+0E41PHVwE2\nk77O9CD2bA43RIDbGIl3XJXkTVshtWpeqNa62SQNVGwTyWQ9BUEQuZ4qBufj\nPK6sfw7pegQFJdM8p07TTUL6zwQwJWFLpDIYwyuZOIjwOxWHqeKAff+LkP98\nkM4DODpjwdieku0uzq2Fd+hSfuo5fQ2igeMxQGnMq72rIsCknSk5b632Ju4C\nBhwmQnm+keWhn/RBR7OnY6YPczYZqzz6+j79NxpaNlYVg+BQSZkHNZHXEPQS\njRjKRefnL04pOk8mRbkodrgkrR9qA/YeTLKupyf/MSgO0u2eqNGqa3qdZBKy\n4QGgjaBq+RO4NgUPSvYFaQUZtAs1fL49zJm9ZuWnxWpCds9ptteU7sfK7fkV\n+iAGgaksWF6Nf4vGeU1EjU3B7S/gXMAa62uCxmpVPM2hwc3gwu9QurIuh27k\nvCWH\r\n=0a6q\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2827fdf50a2ab264554f8f307d61fddbab82c5cc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.e3ec22f45.0_1616694814037_0.15675328461885685","host":"s3://npm-registry-packages"}},"11.0.0-canary.4ceb42220.0":{"name":"@material/animation","version":"11.0.0-canary.4ceb42220.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.4ceb42220.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"93ff0cdda80b38707a483337c258c3a337b273c2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.4ceb42220.0.tgz","fileCount":26,"integrity":"sha512-byUxMwSAezsl3WDpdrEOjabdlq9Xy3HBLJCv3HwDM68iprBONvDCRZf+c3MAwX/9y1xvntZANQ9d96oKlbfdOQ==","signatures":[{"sig":"MEUCIQCf7lHmdue6cdTYp6I6MZNVsxmJAuq27L2Wddd2YCBgcwIgeSgWBlmfYHjcccB/wIt1Rzj17ofjGHzagxz33OdZy7M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgXZOCCRA9TVsSAnZWagAArCkP/0izD+jU8XzDJBflRLoM\n62V8O/7HtMyA3RvUvMXXLAJNlMzlGE6nzpzH1w6E3ADi47+2M3c1b/ANjWE7\nciMib8m5P7ptURlGsQaozGmd5yG9W97+pSBx2oGMkPS3olJjofCv9cMdnjWA\nyfQXA5eatdQBlADpNb1afYYCI+DIBA8xxdCO9TlhybbJOMvvTEaJTJKAYulO\nco0Eh41lcqdvAzXR80LwYK7Rnf5W4kyVhL72SmHxv8Qd4xE1WGtytMVTSWnG\nHPgHEuACDnwnJ7IsbNmvHysDHyArF31QMTYVW6kBa4Zn+V6jwdfyx7eLpzl4\neNSIea/uwR5QXzZyPVfaRzU+Z0TRgFT6w2yixMYj5QBbjNYIRxdi/lhrOr4v\n9pEkpjbFv7tH+0UOHq9rFfNsLbq9Bsetw73f8q5zQDugHNwLEGGEDT/zDtlD\nysMgcG9fT5Y1ZPFA0VVWk0YPAbqaAoD3YieNfhIZcJe1BmyI2s3UsuKpKxDh\nksvpAeEgY49iYleKJ8QmMwFgFQNUDMnfACjNkidH9UyFm/52Q6Y96C+9J6+U\nIb7aRI0/1S+kOgYykEdtiFvMixZmXB+nehaGxE8+DbmhXnR7Y+0+O6Z38yrr\nNTPBHYKUUaOMbvBo4JgBXQSYLOb5hWxATrK++NTVkoUKCqW4Ppqw2AmV5Klr\nz6+J\r\n=KZ4J\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"75fb611f33737c857d1b59245ff5a31676d7f3ee","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.4ceb42220.0_1616745345928_0.16299293619093458","host":"s3://npm-registry-packages"}},"11.0.0-canary.dc9c84023.0":{"name":"@material/animation","version":"11.0.0-canary.dc9c84023.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.dc9c84023.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1004443c4f3d21ccf380b5fa8ca03b2e6ca983b1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.dc9c84023.0.tgz","fileCount":26,"integrity":"sha512-CQlcBW3XO5ahS8t96R3km3VjpHzLjK07rMqRfS7WYho+9exV+qFUfzY5hKSt/BpNWjfAk7YIee1COY6T11RPrg==","signatures":[{"sig":"MEYCIQDNAXoMXMS9/riN0yyo744iDS6LjgHA8SgqO2HWp6MeVAIhAIKvhgg8IIVgrWS9I6lT7IogTLSBbwIPVt4ksWJi3QWZ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgY2QXCRA9TVsSAnZWagAAAOQP/jSRGxP8AgP5kJx7E0qE\nU5H30zq4rpQy1DLgXXosE4eyVibiGDmdnRvwzMQDoQ9g2fqOOgAZes8ufcsO\nyp5+DoCRtr7KSP9uF+MxMdiPU803d5ss+KBEs6EsUIpASt4enVKrhOiz37hv\n7aKNH5DJmQV7xui7BaeXEjgw45PZMjtuoJxxgAFaISvVOS/nqyFktSAbV+2t\nBwEg019sEpgMoOuCRyQ1fWDv7kgOtjlSK+hfNtvRnOzmkIyfXn1ld9gE31j0\ndOnEjy3rGWp+FTbFg/GVSsIroTwpfgcPwtJ1qBi/+BXumyRNIPfcUyfo2ylQ\nIRMJrFtiRA48YamM5+uY6XkPhDU0mQRdmDBTVq+ZQdkfWkyry1SoLR4jqJNV\nwot4caXvmYzawzs6oXvZZvy5ShUZFFcC4x8/QRuklMiGHixQirD7HYWzfr84\nZ28CRccGzJ/vheSfsMGgucWArb0zaEWyxzq6qfs1hog0Ht2vj/pZm3GPrMZt\nxwJKzkscxY7mfX3AqkWaoBWhjOwBJUrVQJ5cjCgLQMpwL7L0Na2nr1kGc7AJ\nalUBbjk2lWA7VWIeLAIcd7uzBZ6FasgfuQHq9ycZ3LsqZqPxH1oqlxQp9Fj0\no42y+6gN2od1cQeJB1Z9CCpyDSvnTHHEfsrRmfRtR0W08F7VMtvdvA4z25nR\nnFPk\r\n=XawF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d7f7ddbc4309b6a8ce5cca3772255dcc6acdc701","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.dc9c84023.0_1617126422879_0.4681540619514204","host":"s3://npm-registry-packages"}},"11.0.0-canary.56fc26962.0":{"name":"@material/animation","version":"11.0.0-canary.56fc26962.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.56fc26962.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9e130c2e5735e60e7b232fe4e01eadad66727024","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.56fc26962.0.tgz","fileCount":26,"integrity":"sha512-PJsZqP2LXwQhJ1w9I77HapFZdWf0miaWra58LdguE5F3c1ESI+y6sx49GiCbylmuyh6ACfZWuvCbyqPeTuMe8A==","signatures":[{"sig":"MEYCIQCBW2vZ6lViCiF/nFwxHW1HyIXMcAA10UCx6nzZmDI7GQIhAP7nOWg/UIsuid9fwXQjPOb/qyG0pH9QId8Gx+qTEXTL","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgY8ARCRA9TVsSAnZWagAAA3sP/iQ6pmlBTxds8BZt5aJA\naOzPOmjgGK4zciFQoTgMVMQ6VQaMyHggivIV5B0UUyp57R1i3DLB3Zhitm/c\n4V8eRbr29sNv+VkDdZF41cebVaHXE00iRqGNfLc/5YD9OMUi62gdLYhApvpG\nNljNBKRS4qF+QMI7WGomSiC7VaCONSy50J1Zhpbj9n+AxQIWDGw0LmwLT6ru\nwSk6gfdzXb83596OlylRT4kv8YhEhF/truE71xra9mPfFwp/Y+jRgZXQrGH5\nnrGCmYxeOSOpVCzE0fRIDEVCJnKvvay5zVGFHdhtDy9MWdv8jWDuYxhC/Jt1\ngtn5jxVFoaxy9zlEEmQmxytmSZKjVUKlNtFEmT6U8ibvYVHFoQJDOhE0JL31\nYbdHQQiBNzobMymZMKjrVhX84H+wXvLwEzgeYfsXRNR076yZUr2MKCfUcRFB\nkWl3jkAyR8utjPd/F6fpVvgbfUp5OoXM6yALdS4D5EEbQ/M4ns+itToaw0a4\nLL05cZUr1s2cIb3uJB2BoE6N5+o7F9L7+avyOmw0kKM6hmxoUGWxIem9RrU1\n1rgq34wlToxkROJLClRdx6r2yLig2/sKCtesVvTuP4bT3eozQse18eeFbMvV\nyYXzscRJ/dJWmUgJnNpYOZOXCPkGHs70/3DVMfeEuCNYVUjj/HUWzoxAojvA\nlzfP\r\n=zxe5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"dfdb8792d4ee8bddc61386ac6a8e7e216c1681a3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.56fc26962.0_1617149969180_0.6880671582164457","host":"s3://npm-registry-packages"}},"11.0.0-canary.bc318250e.0":{"name":"@material/animation","version":"11.0.0-canary.bc318250e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.bc318250e.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f74f5c2b95d073ae8296ab7c02ce0a414a8210ca","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.bc318250e.0.tgz","fileCount":26,"integrity":"sha512-UMqXOp3s+vPpnRMLZhGyTy/NiB+0e2ARY8hQFwdmID/ogup7S7NIrJ3bv700bRH6uzE+ZbepTX7UcUYaHe/S8A==","signatures":[{"sig":"MEQCIGhBI63yM+XvW47ZIL6XZCMJCHoOGuQzCCEE7xbpRnDhAiAE73GNXif6LSbA2kX3YxRz7ojBdnEz6Ge8F9jYraJtdA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgY9EfCRA9TVsSAnZWagAAKjgP/0lITafzUVcx3GHtz7UE\npfivkulF7L3bu6bqTeUbF5ylRnG7cKR1anBIj+E+jKWZnknYqQxesPu1g+Jn\n+mjMP+bt/0VKG9k339boPz+H1CNrg81nAENqreuUwiGBr2IlQGV6Oa1FqkrK\nbcvHE1V01mC5mXQZ4IPXu8wCQ2IbfLgOqXHfstWj7NqA8+ENF7PbR9P2Fudg\nkWb/rbIR6G+hVz1zRYPmlJkuHN9JPCiv1ZzPIAwu560NUeq6vPP29M5W0c7m\ndj6tzbdjtTdTohX4e24boRzaulZLzI+6jqtdgehZH2/UmFrySMZDIE1V8UZA\nbQl7fS+2B3RgvooToor9L4/BEBgaTUCZq6hc3CLsblLVOfrgEYibWIHszxjp\n6NGjyz6BXkPvaeTh1SIUStWyDNMSnJn5J1czIgBmlAyaZjVH6v2QXgz5ba2z\nEZuKfsCOEvtaWNl4jKlhoZ1TKMNZWk4yPodBNMzsMehEGVvVDMKnSepfzSuh\nLioXOGddiXW1DqBIZXvNXmidHdrdGUlpQ60DX7hW2XE831MqrHIVEhZlcQlY\niV+1vl9sADrU3S8MUOxgwelgTKFY3rO+eh8EnzwBAPY3319RqEZSsCTDVPCB\nIbCuvtoCyErfcfT1NpUCOye+oJuDNGQQy7CgqTfckZA+S7GFCvQCDrGZMZAh\njz5o\r\n=3KPt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"1de1daa9e4e0ee7a779d524a027b9e7566841b56","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.bc318250e.0_1617154334828_0.9152803072650433","host":"s3://npm-registry-packages"}},"11.0.0-canary.edaee19aa.0":{"name":"@material/animation","version":"11.0.0-canary.edaee19aa.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.edaee19aa.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"02961dc7a67b8cbc2c8505c533ca31a8815791d1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.edaee19aa.0.tgz","fileCount":26,"integrity":"sha512-z3OwRQof04XDQ36Xf4ggE3yxoHCOGCjzQyJBs3Bj1GkWseh5MUY4oCgLY5yxIu7ppBiNgFDW73OKEf6il4t2uA==","signatures":[{"sig":"MEYCIQC+TAEqQzfl0k1jJGM3ehG6wu+ib5ao5V6RsIDMHmS0ZgIhAPz311uJMDiAHpi0TGsx37PqsC9rHn8lcTMgrP8rKYda","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgY9oKCRA9TVsSAnZWagAAJtUP/RV9EmMek37oa6MrwnUU\nddAg/XnGd/AqMMm8gNzjP1TFL/YNaHUYzw2CTHkQVkAxUFyvgaxjfz5lOc2O\nMa2/INouRTgHbXyjjiP4Rw5U9a2NPqNiMxBf5xpycsJA/mK7IDalehd9LfFp\nc2lpP5CozE2k4S1/SFA+5h703XPJSPpE56iW9POsdPo9WIjutBR7Ol4GkiN9\noROqd4jvgPQVTkZkJ1KkuhU2da+cxC3JbblSteYAIHaA018L/Xwx6BB1m3iY\nxhQjy9Dz+CabHuwNjy4ELiXUyTNTfmRGmv/4vqMiKCuJEMehgJrmiTf9bkzm\noaHvJCAodDRSqI2rheNLET9SFoYtd9UAIM74fBZ0YlJN4E08Rt/ZzMQ1pmBg\n2eQ+dyvdOQ8C4tvXEBY4wmuCSj0UrJdQsuhJuNvB1nt02bRTqRShZ/ViAIiU\nveZ1KJFkmiAJNO/3D0Pi8cMukOqZ3ZduHt4fgCZv+yC5eaVb/Q8OTJvaBlhE\ncEtO8wc8EEBvr/Ua1ZjMnzsSgP1MrRVEKKocHXgh54cspMbmHyGaUGAwwqqp\nMRWaBJXbolEY+5WyKzydbNkhvQddTYlovRbjxLVY8CcgN2yQutkPeLeaBexa\nSW0s8aeI1U8kz+YwW9j7DXOBvrgAAb5DuLV19F44akuAD+JZPcs7+hlb75SK\nS7GM\r\n=fPoo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e2249b4be4cc5bba6887f28ddb9a3b9cc8ee09de","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.edaee19aa.0_1617156617872_0.38266160742933564","host":"s3://npm-registry-packages"}},"11.0.0-canary.24609b822.0":{"name":"@material/animation","version":"11.0.0-canary.24609b822.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.24609b822.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b5454d7b3a509c2597a24835b596dfc9167c6f4d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.24609b822.0.tgz","fileCount":26,"integrity":"sha512-Pko/p6DOK1WyZvdvvTMJPeQPSXXHbEmKGJZTVJRBUJ6u2xzQD2MeKDL4WbVXaDGWUEa4nvYbU9yile48tN6RFQ==","signatures":[{"sig":"MEUCIQDCLPAJuwq5bdONiGAuMyftYjtS3me8NVbusmDCYibPGgIgTX8NzF8nxfWAfxmW4rvCefDlhth10zdZikuP9zbMAFk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgZOHSCRA9TVsSAnZWagAAoTwP/31RatAlHnMfQh+aOsET\nsiSdGQDjcfKF4T6ARbYVbP35BzF/0O7oA9O7rpBOirEwKaSK7B0FLxCJ9WSo\nbfDL2wfQvIyEvoZTd0OxBNA9VeueeYPr5R/97xSTNBS//HtuyNIPPqUdxNtv\nXT4lktOxPhO24BuQcYluizE1SWtEMV8EZhuuSxixKg+eUm9eh3vznVVP7npR\nYvLYnu3wLChE2kr5PY3lGodwBsT/izL7IEWwUxbE8HdkgGepa0q6B6Z76L9S\nsVb6J4wSX8ZpE3ruotPgRUpwm5SjBn4i4v6SN5iSfAUsiNyqi22KR3Wvcw9Q\ncx/V03msXDP+DWes+1RBLsl9FRXxM7azPlRPst0Z0atXhaFfBnJqJSTa0uiO\noiAvTZGSzc+63Sqt0Li7TXhgvvZiGODDdCqXrnvjcNOlPoyEYFhwzxdlql9y\ndHTJiSHDMnTk2gbPGClsorpoNomuUY/Xw85lIKSGG85e1tSN/uufXf8WYqXS\n+XB4cSrxBZoZRuSV80hUntjnI895kbuSZlHgsYf8KvtJwQHfA5NiJnpHwIzR\npyA4lKpS9QIM4+y8WSjzQZeHoftWlJPnD87iYYgP3H0KbZWpd1qCNg8MRzfz\n+VRPc0Uh9VbJgvSnbNIVQRwp4aHkkjSv7/Jt6qlVt99CoM+NI0bLR5atWzRS\njA/a\r\n=yIbp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"50b495134dae6937c2262389aba694d7664f78c9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.24609b822.0_1617224146387_0.9976800544846911","host":"s3://npm-registry-packages"}},"11.0.0-canary.b6cddc2b7.0":{"name":"@material/animation","version":"11.0.0-canary.b6cddc2b7.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.b6cddc2b7.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e22e9f157f78497d06292b34f68d9fb133e9cf45","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.b6cddc2b7.0.tgz","fileCount":26,"integrity":"sha512-9sp5Wu5SQOXK8adzeNi6woHVz5k26841FYme2Dwlq5ZUa+UdP/7tQzoHjd4lJ/Hhyd43jBItXHviA1702wYUFw==","signatures":[{"sig":"MEUCIAJvllBqeT3yKZBWn3XelpnEM7XsqAUylGeNYBMOawP5AiEA/JGPNDhGux7NZkygSbY7dkVJLyS+JHnzxumbCSCTBws=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgZeDHCRA9TVsSAnZWagAABb4P/3HruvNW+MldKTNfy5fG\n6QhkdaVceg2KWpUPP8eclK/krgain21Py+6q5+d9EU20YL86nnM0d0X+0gwT\nceJpbxcqMPR1MTD1rkt3r8+U4qH6w2uEfqlkMhehhfMvdHKR9yGOUyp5a9Nc\nt2MEnY6gGLa+d7foLw83XhRvOHM2AtKlz6cEXQIUlceUDeO1ZyskYfa5P2km\nypoU5zK4m7BFR/FSbJysZMjTD7QG0wOXYlhGOvvvAVBQgnOw61zH+YN+oMFE\n/cuvIkkqCy/fzfPwYnUWU+Mnk36XD/0MHpQn4tgn2BonC1RII8BEMf5sBmq6\nRmEUJxNCu9wq6T7VOq3Cv7DypVVmKfhJhKkNJKBB2mAh37nFG60MnECGaRYz\nfz9qN9qMYjfnTal7X5EKbMmLo++2Y7Sw0npl/Iv4Sbg1zwmcJG0xqa9XCjBU\nyGz08jVIx5SOnx+bPZMIFvEvsSdKf1ulAslaS/b8J2OZSOVOcdoxUeLsJNAt\ng8OkMEXPqEpXOblkWPmCRHQt+e1eMCmWZu571WISqE0u9thDyMnJyBN/IYrX\n1FOJVGahgzkbTdvZVrIMcVyquxq4rrYXZow8UcJUwE5doIJuqqoHwYt14hKo\nUIJbrjjVRejGQc10jXJ+z+ajc67PwIR75gO/Pne80Mfp+NPLhkQJT5LBLTAR\nD+xh\r\n=qcbc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"dbd92fa1a28a9b31a1e4eb476b15f4cff38986b8","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.b6cddc2b7.0_1617289414865_0.7078258431484026","host":"s3://npm-registry-packages"}},"11.0.0-canary.94937c78c.0":{"name":"@material/animation","version":"11.0.0-canary.94937c78c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.94937c78c.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"09c097bf9e34333376630b88e69b4cc073880723","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.94937c78c.0.tgz","fileCount":26,"integrity":"sha512-vwuNCmicVpTRyBndV3MzYPfcGzBwzBZu3scflVBWF3gPzMWykplZwFyz8GWCIMUj4BoikWhCunBy1hl+TaBklA==","signatures":[{"sig":"MEUCIQCEGrAwhn2I79TiLh0mNw0VGySF7Sigmn99ceb5C2DqPwIgVOtZIpWDSNV0T4Htby3FjwsGhYYTRARyHD+nXf0Myq0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgZjQnCRA9TVsSAnZWagAAt9EP/2Rj+AJ/EAJssjhu63UM\nCew8bpEyky4Egk3kpRJ77kdd2bsWJQaafsvntoDX8WpCh7i/bhumN6zbxwM8\nNYeFCc2O4cUQMJLnnQ4/zXktrt/uqKvAu/gs8TaxeViFXqtUa2S1Bq8HjiZJ\nswyT+4IShX7cLKpmsAGmLRNZfcZSrzMkJdYXLp/6lCeZMvjOVEUb706/gSWx\nK6xL5s16CGlvj2ef50cVQepBnLbq+IWFtQIEOg8lEZuc5tY2DHVPh7xMvjtQ\nqPovscsSLP5F7kVq3o9nv8FZJqwdH5+wrLRBUs6GJ3yoqwgq24DyilhEtHkc\ntM5fQ68n1jBodEljYXouxJzi/UIzaEbsw2ZOFV4ZIHammckp+BYlkM0KVeTA\nPPJ7ttle+vYZUh8lX2GKX1C7U2Ug4574jYr38cZX7thE+77WabqLf+z2Z0XJ\nqTi2miAeVPW8zuwcpUUHiOA3uJSob/dJqemTREP6yYt8f6uaGU1Su8QKmsb/\nGXVV9ZrdVZyJnr3fg6p8W9+C3iMyyEpYHRd3eQFqgO/AqtrTETrygGk4rhyC\ntsVejQX8amMBWaAWOeU1ast7V7VMnh58wHMeckSuVWpwctkDJOyq/WGLnc5l\ni2kL8DuMtP3XOmShQs6ej+6MTBn0B7B5WiS0d3zyDUHmaHJGcK0r8Qc9RMYN\n0yEs\r\n=AJtR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ada608c773d2657680fffa3be444debd83967f00","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.94937c78c.0_1617310759040_0.13090741738465783","host":"s3://npm-registry-packages"}},"11.0.0-canary.e7202cb57.0":{"name":"@material/animation","version":"11.0.0-canary.e7202cb57.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.e7202cb57.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cb114aebeb86fd659e6e582311d4d87db0e8a9bc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.e7202cb57.0.tgz","fileCount":26,"integrity":"sha512-ID6NxVuvplzNLjHJPE4bokPBHm2UUU6Xw54mbKN0XYBA4KVa2kTxUCQXu6Mw4A4lB7V8ka3cgmdjfalIvJ2hCw==","signatures":[{"sig":"MEYCIQCp0f4WKO+1YaJVGGiBdmC2N8NVyQOWN35Va7hHhvJ5MwIhAMZKV/Y4dMEzWqHhnLPAWu5+TW81WkM/RbXeXdc8w7Nv","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgZk0kCRA9TVsSAnZWagAAoXQP/A69WvDoyve4sKMVLLa2\nWuXvtqWmUdHaddDn6Ow58SqQ4Afq2pQoqVMJkmULIVhz9q+yrRdNsCYU/rlD\nyY6izWQnyu4G1lNOI11231fYpltmqanZnsokyo7db4IbWQkDadGJu6SrL2Mu\n7eGEcRxIaZ685zmLQjxbdDhBD5C7t52KFSGJdS2hKsQXA5l/BmyMyPrm0CND\nU/Ma3BYpxTTOleQkCrIijA0yDNfqe9KdVmCMx6pzoo/reklwi2sWgv2ixjBT\nh5yCLFLummWN4Z8WlrRfbW2udBQvQEIlqm954ZHy1rwraL97QQjILnc+RzGM\nph5HhJ6kJ0NUWKS6hlMkHejaJJY1Wk/0mGowWJY6QYZv8wBE4XWhutImho3k\nRX2tWOlHh34nAvtvIICTfz1Y1axCOyEKG8oHTujgbfzHZDDAkRutpdZ9llKb\n5GcWv3ReuAk7kbmh4qIst5B8LcT3zhCDRx8Jb7B3rRHXeIPYilEwcxaUbhxK\ne3mn1W9Dw68N2dmLQ/E58zj5BxyMEGtxSYxLzyjhMfENG30M1dH+EzPuw2gY\nSPaXFpn4jv88lE4Mkanv6nI9wnseuqakamkAhgXJGCyjpANEWi6EPdKOLaXM\nUbs1kfbud+8o1fh5EGO8uLkiZsRJWImgpcXQh2nZfqI0/53VuhBE/aYYLTb7\nbQ02\r\n=y0rt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"113d79c2879cb1503ff12c8064eeb38ada16b472","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.e7202cb57.0_1617317156319_0.9544450286093278","host":"s3://npm-registry-packages"}},"11.0.0-canary.1f636b205.0":{"name":"@material/animation","version":"11.0.0-canary.1f636b205.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.1f636b205.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b7ec519efc1cc4ae34a9cf1defca4262e9d1f0a5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.1f636b205.0.tgz","fileCount":26,"integrity":"sha512-Xkf0e94ReHJTVV9Kg/jri3FtHqsL6lSLArIeUG5tWK4Gm8KXPQ6jQpiQGzcnbsjQeLlUjB1cYSIkc0TiOtKyLw==","signatures":[{"sig":"MEUCIQCGQx+2tA3l1WB8ASeluEtF/XwSKUJybfIIhzkfbTNbBgIgfPeXCSBtD7Zh/IBPYake6Ms82P41Yfe1mk5U9I7ieOI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgZ5kvCRA9TVsSAnZWagAAczAP/0IolIh3Xa/m5VYMqKlm\nCT8j3nfSxf/wRO5eV8F+2YEmlhPDnQjLOvyC3IA86c7WNPddcjdnC06E0M6a\nl+PO4cWR1o4/iMG4igeS/HhFRXVcTKcf9DGFKfRqN2oH18RIJNCQGymKTL1M\nH9t7O7LuwSyO8mMMUiPv0WXywpLENrTp8hd4R0noK/YtAq8nx6IgbvJ+xw4c\nLoliohXEYYRsiSG+dRYcj/J4iq4SWRRdM25HSLGbdbC4l79npmIGycXZDbQx\n9jxImnE2XQM+skwPpIG++C3MordNLOymh84y6uaKG6IHlEd4bq0Dx+zX9V6+\nONsXDoTOcLQ4Y9GM6za2UtBDDDdjQMrDgDxg6+enANIatW9jy/JbmRtXd7oT\nOwOz7J4A8HCRXpOgvKj7Iq/GsCDemc9HFrbSPJu6zJ7H6x0uRO23CusZP+/M\nLvfCCmmZYmzfuIo9Id0N3CPm1quy3I8giaHFB108PJFpSFxBSFo1hr2/E20C\nZJfGjbihFP864/UWlWx/Dm0t6616SQopHg3ABRosNs2apTdmtW5plUzvJhGO\n1TRTXscuNYPNFmiA0t3KzstzhHJUffNImYazRcmNc7ZYAQVFtq+t5ztH8Khf\n3Ponhc1VFuG5ZWtmXUtN/AqbPXsl26KxkI4rOOGy6dxzoLm6cyEKa8J618vg\nI9V/\r\n=cztu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a523c6467be13e8aeead7e4e2e5f20c418871bb2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.1f636b205.0_1617402159078_0.775174003778313","host":"s3://npm-registry-packages"}},"11.0.0-canary.94f50b260.0":{"name":"@material/animation","version":"11.0.0-canary.94f50b260.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.94f50b260.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e767865f148bcd31090f54308310d0ef2f5e35fc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.94f50b260.0.tgz","fileCount":26,"integrity":"sha512-uAg+Y1R4wfTVEBplJEwDnqKJWSae5zMzssdwC5P8CLaciHIkCa4TZ5UAnGI5ZwuQY/nNnX8FjQGXH8Ov0kurTw==","signatures":[{"sig":"MEUCIFQX7dt9JY/yRadle4kCJgZnVgy/bePc9JRJOT6xiFjJAiEAp0aZvZiVCsKvLdt75ZyZJ6mmEgPdbp7lKkYcoeFxWK0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgaybJCRA9TVsSAnZWagAAOmIP/25Y5PaNXtlDJxuQapBt\niiGXlQkJxDqTM6P7f5lhugO+KCyP2HemYj+RmNOJokKaxtOezjhCDLfGaUie\nK2QW0+5+mlSYvdW+M1qaJPyO2Ybvn37tA0GLFcfKGfKx+t8C2XUXpq/y7t59\n04C9NI3rHxeS2HdlYBRDhrxJ4I5qOh0sq7c/jQ6iw3loIXXXCoR87HWyQoNP\nPYvAkBl8uSpjvIhAu2DfJ9sUYU7+EegNpiqqKKF4D0Y0k8Z0rqCkZCdcixc1\nJ278HOSQqXmsEBT2eW6Qj5/CGJAd8dMq97ZnYmAstlNnGjC0c2cfX7g1f7gF\n193l/utS7pgQ/8Oa0UCAiUj8eij/0xfamstphysCUZm9i+BI1TcieB0SmQix\nHWouvL4ZUkwOqNg2StCBFMKcJ91428OJ3rb3Vz+2F2k6DZtJu04aixwmhFbO\nz6+MhwRf7fiqHv83i38nTX9tYb53Tlc1HggytHMCiHOYuvfI6RMnGqxXq6fp\n8Ssjjkp7himaufor6Nkfa+RWYJ0Fy3fSqWK7TMg7sGQtXuJ5NwvcciCh8dOf\nGWHSEaKgSe7Y27/YzkI0bytTHliwwXvSrvQxzqzuQJSsnUxUSmDlmntl7QDJ\nAFgex7EZLi+twy9UMbxn/Bs42a5eqt7yf5XJ1Z7HoLw92lNwLWVFlrRRgtTF\nBJLA\r\n=3m5L\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b5f84c677cd669d6958748a69435b56ebb640bc6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.94f50b260.0_1617635016387_0.8709123969204611","host":"s3://npm-registry-packages"}},"11.0.0-canary.a4009b80a.0":{"name":"@material/animation","version":"11.0.0-canary.a4009b80a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.a4009b80a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ac38c7e43e0cafcad52d6fc774de6b27f5a4315d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.a4009b80a.0.tgz","fileCount":26,"integrity":"sha512-aIPZn7oRFKk18KHtC1Z7RvxMh56l66loySpxwBBa8h0WKgbcLFx0QNRm6uDl2j3nHbl4iAZh4QMmL+Eh+SihjQ==","signatures":[{"sig":"MEUCIQDHoj3DS1p5y0BT+VdhrvGnmLJpls5SjEvJZLZ4qGHhSQIgFwWxdTO/Cn2OlhfIUIujXk+fsN0siRyy64J7HUQZIRQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJga4gmCRA9TVsSAnZWagAAC4QP/jOZG2P3rjX2+GlKS77T\nIDGflvPK9OtS6ITRy4BaAe2eyvmqToGsw4VcJQdFkn+dAoyTKCQuygJQ4rti\n9vspAvTo4iZcAcGcx1A/whqy/nP7jzmpgUgH6/MtvxRnYsGpmLcOMfoXrvqz\nNq86cbigZ9OcPgFOaTu2y6bk0+lUi9qs4WXVfa+4bR84S5xFeE7ZGPNd16Y/\nboPCM6CBTrCp5XMEvIup9CptWfa4ls3NDe5TkcqnUngKGSJudm4/Mfltt7Bk\nj+AJgu/raxYuCOfCPzpDmfC0A62q8rVrJXmhNB/AG31cq0chH6tdsrvIewwT\ncIu9piiSw4Nvr1v/NdUiBrDZoBDMCyP6miwxuvNIOwXnu5cXGnJOV5khyMmR\nADtfbM6IzqkT6Hxyny6tAIrpf/I7yfBS+PRD4I6jSisIQPj4KDx0xY2ERA5X\nbISaLmHaOcY687AyhjESptzJtG77FNRBIR9K2iobejv3Jz3q/FNi0t9Z6TkS\ng2pvE/yAxiFIB4xP9mvy46TUrtcJWfFFNs8k4A77t0ecH5PmfGTRIb3K60h5\nHAf1+cWEHYolJoTt0LYu/fdsczVbTBoN+IrKsqFjvYLFFOimdzU19eRHLq0Y\nsXJCWHojxs4aroZhXsdRV8ckHu0FHVAKMO+/NAzkqFNnuzSzH9yN8HLJhguQ\nY5na\r\n=FYNZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"35eef76af32a43b61b6a0fb725dbb83cfa5d3421","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.a4009b80a.0_1617659942438_0.9335549946641464","host":"s3://npm-registry-packages"}},"11.0.0-canary.15604bd0d.0":{"name":"@material/animation","version":"11.0.0-canary.15604bd0d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.15604bd0d.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7253af91273cda40d0be14f411249d697ab873fb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.15604bd0d.0.tgz","fileCount":26,"integrity":"sha512-CaOd3ozgXHpp+nVN55N4NDxYeADbtuG6bK9u5lD6UegvPVbxGZV6hRm2JdQ0yMugjzDTXcLIwuzeNluCVmg81A==","signatures":[{"sig":"MEYCIQDEaE0ZeKEbpLKXsz2gkfaQe/JJLS+qpw43l2Jj71gvJwIhAIKGgGjSBJL4zcKQNKJ05diKXOkGkOihz/I9Q9OV6TQR","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJga5HxCRA9TVsSAnZWagAA4cMP/2VsCplAzhalqmqPvA9f\nQK5lzz2ZQHn8czh8ZyPCw6Yyr9R9PC7nLIxzqI2Gc3eVr2vAGrcf6BX2IhEW\nLvKrOYsVzSGlACxI//iq2n9CrAWc9t3ZYsFV1dga5ltyZ4pq13E9WPRmURIB\nuxM9rEivC8jiVUl9tIkckwhegIe4RP1Ny2HNQfvWEQ1tBHK1kGtm2uqdWet8\nCeeU2GoWXGfOkVQJNTEYg+l/OzmTURw3HS/OBjdiK+m3YbN6vgeMhEdZfIsU\nVyXqw6sbU/Sq4AHanoX4iPGKsMSYQ59hW/jVcCq7Z8mw91lrW4IAXkhgw8Mt\nZ8ZZYfmP8t3L6t4FEPZk+3GigOLvsAexoZOMi/YfPMhnkYz7tIl/U9EynYFz\nco/AEGW+KAOiSH2xwpXFSL8vqLU85ijuWH1aQGPRlA38RVNz9F/nXP1CrC8k\nKOEty3dJ64QZvi5e89PQKWLazX54gZWwXk6E90/hhNmUMLLev4hfrpwap0Jl\nU0SaX9iAQT+zd8c30Al8W4g+ZliDj9peAA0zyqUQKFzYdphpiiJ7q3Davqrc\nsEcihyBcpAVZKcEYLOm7qymQVExAeXm/B/1SBxYSlRbllYuFSUtESaQU7ixW\nmyaStlU0Is/acB+TUwY7j+lB88a5sCyczWu7pnsr/pdlHbndInmZMU00oUoZ\nzl8W\r\n=BG06\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ea3949c02ab8da1a812a2127f1fbc7e7a3c98532","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.15604bd0d.0_1617662449414_0.3313499659307464","host":"s3://npm-registry-packages"}},"11.0.0-canary.76da7876c.0":{"name":"@material/animation","version":"11.0.0-canary.76da7876c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.76da7876c.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f3be29ec1312eb2bf3eb2e3ff2481272f877dd77","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.76da7876c.0.tgz","fileCount":26,"integrity":"sha512-YM8jOxfT/msNT31oZD7OYp8iQ9FQ/UCmnvV6lPOnyMWNn2QwhuouUpblnoRBPPY9aGYGwKWf5TplOOtsXOJdhw==","signatures":[{"sig":"MEUCIQDsRnv2hpI1Mm7ERC+TepUHgCZJkJzISRKSa3D1Jn3hCwIgYhI8PMoREYkQAz/U7n1k71EL/b/uhJMfxO79gbLaLGM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbQ4pCRA9TVsSAnZWagAA/30P/Av03kAMxSmA9rkgjJJI\nd8Icc5qPtfU3UEm/t5C54jObQ4NSF3sSn/uqDgwqm6NYrvS5dA6ZlgO9L8HN\nHrzA7R9pj4OB1ktaE1VKCFWgG5mnzGJT9t4dfgBiZGEEt5QS9NzFuHlFtK/9\nnBqUAg2SJq324LIB5Po+YW7YaA4uNkdkDpzXEUXu6LDDsq767egEkCq53mQT\n8UoLwJCvyxuy5rm75t2A7QbJFhj7ktpaI/wqZZ9lByJgZ99w9BKLrDmpcSgH\nWW2jhhBibAN9OmSEwtxFxboSx0AdWfWhVjLHRkYwdY4rQ8s8G0tYtynmAfzt\nqd1VDlDWvGSuooi+0NXeTsx64dFf42gxfiMmXTuJJS4tXQHYGdN7MAeLx38F\nHqyikp+/q71Xts7R5NxQ7eVZemm1c8NBXMd5D+NwlOci8B8DwDT9jCYHS32q\nX0CRU5F8ulUfidBqeIxKc7m4UuOzf06P89SY918+KQhkn1Ok7Uw6/1NPBMQ0\ncNhwP0GDRs0yxR1D/Mkal/gQCl8YpYj+poWX1IyguhnxrYtVeXK6O62j5byd\njVzQu8Q+4aLA1mnbej5yW4bLLgCb8q1Oa8UTtMVAsc7JUKL+u0anKxtX+DAr\nHfk+P2BBLKPrFqhMx7riPYhehZYIPPBuhmcC5fzECQYbrl9LjiY4gsN7b+1a\n0kVw\r\n=qcaU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"4bace63831a45c0c9e6f786768b2aad0d79087f1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.76da7876c.0_1617759783136_0.5067498935727579","host":"s3://npm-registry-packages"}},"11.0.0-canary.6bcb6cbd2.0":{"name":"@material/animation","version":"11.0.0-canary.6bcb6cbd2.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.6bcb6cbd2.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f6695eb3c6625957c127f1754330de23057e8ff6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.6bcb6cbd2.0.tgz","fileCount":26,"integrity":"sha512-QiMlanETly+GhUXlwRKxIoh5RVMmqqdLnidThYChZ1Di9ZgZuS0sdSQJ13Mxz/kXv+cJaTubM+/50z4qiKSsqQ==","signatures":[{"sig":"MEQCIBlpb/HPB46UEfN8j3boLWrLswaVYbx14Xx+MY44mmOZAiATt5n0SMHLEuzUlSyPLdFYJf0Mc3GaOAOmQFtWrp//tA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbf9xCRA9TVsSAnZWagAALkwP/Rw5ku6M2kvXk8v67sx6\n86h8cCLe5yhipfKsRX1mtRcoRYW5hFMCSX+k6B5d41tX4KeK3r9agsoF2SDS\nC1uj9hZo18suu26YpI9+QhgDgaErfBCm3j9u8/DF5uRI4cAOq+G7kg6kuk9Q\nlRQuhhMfqxV7X8uVabkiU1h/DLZZYZ1cNsq4Gfztqtiyhl8uBSHUZDu7rnwB\nT9nTahygoiRo03t5X2w3IUwab5tM6NEGpynRSjNvrlxDq2HnnlGJjBb0oceH\nNpaJxj9UWi54oW+SDJFgt3RocFbzD6HkecV4qwaaFWwDqporlsagMGdP5Weq\nyxNDFmq+qzFjcqDOtzia3Q9OfpP/jC+9gWMHcUatUj2ebVJAdO7FCJqekpWh\nUcotKPfr0Xumy5FFEgqfWsNcu0Sk7MRHSxl4DhsomS3JTEGosVdMX0DF/IZs\nZGnIMuhmZXOdERNOWgM0NJFawNFpKFQrThIIizc8JmySkM1uBgAlUSLpgP+p\nBCLq2J2Y2XV00vPasSc7YTNkjZydKDirXNcYedBt97SOWjTocglQK7GB6yk6\nU3W8yAAHh5flpzxSFQdPGTz/nvREPVtNgM6WXhzRUzsgiJ0CzKp6DCwVcZs9\nL4c+90ykCFV84CO6w3YIst94v7M/MLfbtshR0pE+5V5obesPHA15dw9K482w\nzU/c\r\n=dV4S\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f3ec57093899a7f082bd51cae05b398c31619392","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.6bcb6cbd2.0_1617821553224_0.2560813670037818","host":"s3://npm-registry-packages"}},"11.0.0-canary.c91e8d141.0":{"name":"@material/animation","version":"11.0.0-canary.c91e8d141.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.c91e8d141.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d0f4cdb33ff268c6ad397da8f7cc30e6a6298d2e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.c91e8d141.0.tgz","fileCount":26,"integrity":"sha512-obE/kV4P7AigVLyqygKpwdQa1lffDkO1kGIhii4wTv+tRNK7WRpT8Kzf4dCa6t8S9Xsby1gOWklADyreiJ9RlA==","signatures":[{"sig":"MEUCIQCQAoqOo/vk7AqsnlE6uXHAdvqjcyuN7spxVVkQjq4hvQIgFyNtPtoFSwnpUUpkgZpBsSAOcUMzJZL+tYtTPETVh6s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbgBcCRA9TVsSAnZWagAAC2YP/jr+pHQJAb26CsjGv7ZP\nQSAQkHiZgmO84ocjSiP8fOJZ4UpNY8kD27Kjw9FKS/EaUgRBM72BOts9hYkP\nZAPjFWkJNM4qJFPVDE2dbQgVUxXHFmZEWhsqbR+06Vrn0IXJ49OgPdD+j5pn\nGY/IwmTf+0P1UBk9zpwfCgS1VlP90Ta0pPAnwL/ol7lVX7CyTO1axp7OZhcH\nWeezGdFNL+IWFef45YGI2v5OQnxyHjN07c9OREuvQ1pzcNqMkcyotRsaL6UN\nUveT1gBGe8XeEuqFo2wJXPeRSAeGfsHrxJxPNbC/IIas060tIsskeRRFEkOk\nkqJO+Rp8ZoTTAwwNYPFXgb0lBwl7Uam2AJhulGNWzuIfgXCjl15URrBYLcUo\nUUMMeuwNWjhabD1l45pzZonn7ZNfzsyvbaAIyfDNlw7ft7n8OzFAYvoI7cnZ\noApukDdrbQbakWXr3RbiR+KqoHgSJpff6sWfqYLnrlC0e6sv5hs0mroEpC/Q\n2GlTHVwSiH9Ce4rcKzoR6MkBH119UxAZlkmBP68Rz5aPUsaZsTaeLLm9PYyA\niSWyX3jtG7NmIKetMiRw7iRDaF0nDURaSBcxYVFim05xluhXQtw62f92MeJ5\nkrTj1lkNTu4F/5noB1nENI73NOzMIlZ13zgzEBfRqDLGQtFNOcOSlQtlPwDc\nJgD7\r\n=e8OZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b13009a2b12843e6eefaa0c3ae66fc519af7bb29","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.c91e8d141.0_1617821788515_0.5620298154712882","host":"s3://npm-registry-packages"}},"11.0.0-canary.f77c50860.0":{"name":"@material/animation","version":"11.0.0-canary.f77c50860.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.f77c50860.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"977edb89980d071a1a8e85d5ce6f254d6850a127","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.f77c50860.0.tgz","fileCount":26,"integrity":"sha512-HSD87ffjwkkojTm3OkNA7CehBRFfeoQ7CrDxOafwKqP43XeTNmqWxuDVZCTiygKjiNgu0dxmL+zG0Tz0kmzywg==","signatures":[{"sig":"MEUCIDAV9V7ZqyU9A49M6bHAHwYIWykNLIJKeSI6rEIT4qDoAiEArctMbWQVpilX+U/gVgUBK+yT6gF+TEKoGE5s0lYzWjA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbyJ9CRA9TVsSAnZWagAAfjMP/06SeQ6zCOvKha2VXrfa\nrJQ31pzsjQw71uiF0w3tA/PVMzwIgL37CzeyErjjuHz9bJ7R9w5KiL7QIIVL\ntyHEJBNT2HAR9ZCrQbaPG4cL0r5v9WganqzSWpk4DfDbHfpHAnAZsJMNAgrt\nIgO57pbZK3aP6sdqB9gBO8BOn4UgjIZITM9aaOeRSkN1Hq10DAIby1NRMQ6D\nIfoOkEeWSxs71WwJn5TTJ4TlKlyccLfMGzeJh/U1IoLevfABglOD8TjYr+I/\nt64GNoe5c8DNMq3Hin7A4Ygqhzj4f5tltgNbrzCNRpM1S/obgulKLYPNyqIu\n4rrImHMWCFZhrr9T+SwFHyljJJaJhmKVeajG2BsgNTWucDvKjPtptMaC2QnQ\nVp2U0rbrIhhWdGn/LkDJdXNXyY4r1+btY2cbCKuBAnJzgWFyY+08Y/cuVMyx\nqOPr7xQ3PAk7ocexlIad0c7p4rDcrSUVpUA967Rq68zZ7yN8NvOPrKM2NIQU\nNasJjV+Nl0//o8c8fABAlPSZmO9X1TGI8DwVr8icg49i931ErYpaS1jx0ajo\n5gy3yA5OYISqDgY9KI9bqWB1hQF2HmRy6baiMGd3sOFC47izI5ZwoB1QF80/\ndJaFW6QW9ufj+CAKPkVNnbs99zZHii2WyUVXJqHW09w1PTz0bPm+i+9RGSKm\nbn9Z\r\n=Dz9P\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d35db9665d4a8a4f385b134c9c1a23bda8668fa2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.f77c50860.0_1617896061136_0.4248441177869289","host":"s3://npm-registry-packages"}},"11.0.0-canary.367d88bdb.0":{"name":"@material/animation","version":"11.0.0-canary.367d88bdb.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.367d88bdb.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0a972cee99a879a429808e7631aa96c2a1db13d1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.367d88bdb.0.tgz","fileCount":26,"integrity":"sha512-+mH27g8Q98lKtkux9sIoMIA3cMGM5G3+RY+Pt4C7kpu7GaXVQm4/LhdfWDnzCCjA0p2SKuTKd2pJNVxzKzRGHA==","signatures":[{"sig":"MEYCIQDcvDsa9WPLcJ5bbQmGF7+UepK8NWlPT1xe7vJb9dmUdgIhAJIufUJG5iV3YH4+JuwBwEP/9fyiihh15xBVkl55qqu6","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbzE9CRA9TVsSAnZWagAASIsP+QAb+SeFdKQvF2tAS4PX\nf5XkHwDvEEX72VNsfW8slCTMYE48Hcfq/4XJAfT3oHaSAAa6Lf/8oGQcHaxu\nW9841gvAhJOwrGqFE1ZnSiQejie5FY4K4PDB8BwUYf8+imHq3XD4GixdODmq\nyomRgDbdf/vDlzIkap5MJT+DNDffgZh0qHAf4IpQ4S+4aXeIjm6ITjz9A7ma\nUwk9hJNHL0xHOQzV9CSfNnDgFGTDhvreHaHyUnwrL24Co5OpvsYHpR53U/MR\nGRguuJQQP6vJVdzWcks1sVH4nA3sLutkC8/L5DRmw9OkN5tXeJ5504oXV7aL\n3pLyDeJpbpzznfydX+E8bGC71TixohslyY3TlKE3rew5SD0PCakKpBnCb1UL\nmy2Yd9HiE4MeCrXpkY7sfppnafkNxIqoFm9TcmsG/GflbbiGR08Ed5oqM/Ze\nOEMB4AMD3MJJ5KocOx7JH8CPhxQFX3JSbh4JsSqSP7VyjsB5EZdPKqZH8vMo\nXxe/FsVCYxPKWv3uVv+AVShCzdMS2sNSASHmLbDRIBDrc+PJIin/PjBxFxhI\nS83qKosy9r542UabZoDBr2tqIxIuZL91o8Wb+MklKEFlaLFHNhtZlPHou3Fq\nxFJsEg9chewC1GfFBzcig12CfjQrwgE4VeLc5IcXITwEZoairYlCpLxaHgG2\nQ/1/\r\n=5T8g\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ba9cee87fe351c7e76ccb32f2572bf3ca91e88d7","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.367d88bdb.0_1617899836524_0.9605518112430436","host":"s3://npm-registry-packages"}},"11.0.0-canary.0ec437d3b.0":{"name":"@material/animation","version":"11.0.0-canary.0ec437d3b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.0ec437d3b.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4bda41599d1225587598e5f772472ec4bcf048c9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.0ec437d3b.0.tgz","fileCount":26,"integrity":"sha512-q8xCCxSeAEV2xBOCQlOrPONumkHGHgtBa3AFmZQlCAnqzjyrx+xOXxMs46uUym6Wws3tYLCtNNPtruJmN0513w==","signatures":[{"sig":"MEUCIQCAYTlCA4qK+EikYobgda1sWA0CCzn6upQEG55zi6kE2AIgQUu5GL3EmHrvbHYPhx1kZkzu+4n+ZlTnBmb7x+jd6iE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgb1quCRA9TVsSAnZWagAAUzgP/17/zUuFFz18eDykUJR+\naoM1Koxbo9INCLZ052f0FnAj8vPj8OjwbcigwLLg4if33gfc8FkR1XlmFhUq\nhoc9zqAG3OtcpraYf6aFqEfI5+WA1qUJIgevHN5Haj4oQxt0oo0KD3oxXR1D\n4XUZTowsoxCJTBD9XsDi5oonYJTIIKB8G0nT2seKR/ptGRfIoLvVhU6qXGt2\nC6QRGeGs3MQaYTTFeAtPvIBBs0cUEzdUSywowT03gDaV/+RD/29PqRXuY6M3\nqqr9dTL1rHvdl7HNEPGr+MuZYyxmQ0CJdwsOUvoWtdcV5qAyeSgqJR1m1ReW\nqLXJaV8zldMLH/T6L3fEDzsG+VxG6Trqfh/yzfhXg7poe0PdBxOFtLt4+qAs\nDfv8N/zVece5PpTqrmhs6iy7VSL7UsC1oCQRDMvV6uBn/Qu8YDsyd5OkIWqO\nYterjKfcxYvCXRKVNn85mfOlVyCFG2Ia2Zb+W6cAy2i56niRSedPyGhrg6e0\no95h7uYGbHJor9pX0nzVYZoOYqX42GJhcEzCLJzRMSnVVvS4dDY7WItIcAmo\n+AVGk0MRU/TleJxuQdfube1Szr6uFKd9My/gRPkoIY7c4Y/Zb6BX6QHioH05\nz5kGymPRSz1H6SXN/120ezdUAqBKCvk/j23qzoV71AqcwaKwgHmiayuKmUBo\nZTIa\r\n=Az1F\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"50ed2429a570432fef9747a954d7c31d2dd11f0a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.0ec437d3b.0_1617910445646_0.8289396261318114","host":"s3://npm-registry-packages"}},"11.0.0-canary.b2fa996a1.0":{"name":"@material/animation","version":"11.0.0-canary.b2fa996a1.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.b2fa996a1.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a02994cb439b72bd5ba39d6694b494f677870328","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.b2fa996a1.0.tgz","fileCount":26,"integrity":"sha512-VBz5xpVhpg8jWmVo9oF4yRRaX3A+0MXCyWuq9+IaGoz5EaNXI5ibIwPd+ZG8IkORRhFTWGRZnZ9/c1esraw2Yg==","signatures":[{"sig":"MEUCIQDd/mTwqMizp7/VV9CV+tIDea61IE5K8+uF4xlRLCcoBgIgWkSDqLGtyH0f4BTDVmBM6wxu++8yRrRK0XVqrm6oTKo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgcG4yCRA9TVsSAnZWagAAlM4P/jdheXtzuN1nsQQmh6yT\nz+Uor+wEpM/JgOzGGBhE2zBn2ZcPeY9RX7oI4RtRS1JGiQLDTP6caf/sfjly\nJxXreDSfor/clEV30QBS8zyPAu5choEe3Y7Qjl1o1KaxRJ8C/aocB9bzJ2RK\n6Aro21v1Y7wbeQVVn5SYV783v3x6D4mq3hx7pU/T2ZREXX3Zr51+gctVmzyf\nZfIJV/uUo1RZV0f0NJYazXi4HS0K5AtBAxWRC8iJS+qg55rUGBacMP7JqatJ\nycS/aA11iQMP0PgvwjfBYJSLFiNfcJgr9dNAYQr+3CCX1YbbPR7n08+DD7MV\nNrrQWgn2T+vyfBo1AFSyzHOMkuPkAYWTuFusdGCDeM0mWeS+2rlzy9HAM6Ne\n6aiyaks2RP+2S1twuMYaW6/oBxubrld4lrYRdsznAetQGtsgPpUGgtbAo5DJ\n1WgrkWck2asUmCo/OMDq9/FoSTON+VS2BBfDQbwiIiHqyPDghOM6fqGrUZRi\nIQX4Qp9DOmkJYmrYMilbLcTPQo/qsb9KMN0uKYqlZrnN0NQQn42/YxQeT/y8\nmMVUyBKZEwYVWZtSgtNwKffD0WA2M5qOrCWTG0R9n00MnTyjz4af2V0Undrk\no60SZCgmb/C5dSB9WClc99ahF6jKZvovcntUI6FKi2m3Oh202rkqrkhN8fPq\nTPVE\r\n=lJ9z\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"0b4eb5b2d30d6d9a7b20f57164a2beba3c20d65e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.b2fa996a1.0_1617980978254_0.5716172865875819","host":"s3://npm-registry-packages"}},"11.0.0-canary.24255c408.0":{"name":"@material/animation","version":"11.0.0-canary.24255c408.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.24255c408.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0a6171708e2b62b9a0c2068ab640de86290aa908","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.24255c408.0.tgz","fileCount":26,"integrity":"sha512-QIdC76H3A8wV7Z0wrsrIVh6gEX3LcCZ3Vzl1shNp0O5H0JmCbki2ombN+YqJTO96In+11ikPlzHTj+ham18+/A==","signatures":[{"sig":"MEUCIDTnCBMi6rUaPCLPqkiH9OyJqChKdvgNMQ+ZlKh3K4ZjAiEAy1O5+lebiqv2jImqPhQWcBCopJZV9edge9N+RKemuDY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgcLTLCRA9TVsSAnZWagAAgOcP/jhiw3jWmSakN+jKx2D6\n/mE3PYg1z57BLe4QX/kqhWuO2aVlzdxtCeolHa+U0ZGC3wsd0rQIxNkKptKg\nPXebwMhgP2P5jbqxzR0yeMBVdSm/0f+7ulOGE412Yrjy/a4VCryYhRNm+yx/\n/FXvOz4zkB8nhPGk9OWlxGchoqUJ8G04rSWLfQo7oNH6/YZV0ViwgPEX3ake\nMQtAPI3AM9hTfTZln2rWcUN22fueNZzmt24/YrMQrQZNLAP8Vf5gjcC7UM1h\nNuCs/AdokiZv6OrTidwrfz6bYNYeOE76Li+536rJ8ZnTSdedTYmOWT4CM7AT\nFgSodcNRyKpSDAcQOlcCKqoTKwVnXBUhjPHc0GJmN29edXVXl8necX/vHcGT\nl0z8f8wYy+BUrWRIwi0bykzUtqJNpv7CVSAI/2qRyb4Bx9PoylROztQqV19W\nKB7KGTY8t6kHCYT0xL4h5i1GN8yzNGVUIfQhkqD7UCrOXMcQcilN/74JZ/fV\nVEY1se+K255EfzSnA3y34ZUnrmrsKBLNWB859OdpTTZwLDUOtR7C3y8o0C8b\npgtLSM0nuTlKiBoqOIP6rXYVViOC/6E2sGddl7znzZcr+7C/GO9eTG2CS0ue\nW34tliCXgwvShtSHsh6g3vtaJA9leGF+w9bEZvJUOnmGHfhXUEesz/vgfUs0\npp5/\r\n=dkDM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"5cc224c5482fd736af03872db458f031901bb693","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.24255c408.0_1617999048292_0.45691779804263777","host":"s3://npm-registry-packages"}},"11.0.0-canary.7d6a4bb72.0":{"name":"@material/animation","version":"11.0.0-canary.7d6a4bb72.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.7d6a4bb72.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"01f2cc862ba1c0227ed25a03786535702f294511","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.7d6a4bb72.0.tgz","fileCount":26,"integrity":"sha512-VpNhKat3M1J6+j1eS4wYwFiQTceZW8ZIZ3SbK3A/et2+AwkANMbN6HkKgkL97FuBqTBGN2vS9lcvjC62sXrekw==","signatures":[{"sig":"MEUCIEHm9JewI64YHUgKG7MSDG3G640EAANNS5Tt1sETJagnAiEAwfksZ4/mRlTfYfet+Kv1sOCBsnH7+AyTrziBYDJcQIw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgcNqnCRA9TVsSAnZWagAAp9AP/i8NwMbWG5H2RzxLHzuQ\n0XpAtAhl/2C3cRbtXMr7zu073uqudYtAgwb3Q+7pQ9eJOoY47M1iGPkYx+XE\nC822/k82eyoIEH5hKAamTx9vGv5uJKMpoOaorn3I9RYBzwGAWAdoXPblQtHe\nMTwRnSP+VCmIXO20NmwRkR1Th3aq+q9MZgpUe9MxJALGeUDMij1wHKQnkZv2\n2nJg6OBABUYJzE3hTeYaRidUhgnx47bE1iAfozWPQ63y0ts/a1SYSooeoQEr\n6rwoV0FNV/hIR4dqCzqs7+d7P79DXjxcFjnIPxtI4q98mJ+zQ2HgVAxuAF78\nkN+9Qys3nDM/70lm4LlD7eUoNgMxbcTk487HHD8NwCzL6vZR6REFWr6Js6xa\n1uWNS6y5jLPT+n5lLfGoBKd69rtFVqovGHM6nqsHplajKDaiY7NLu5qfbsiM\nePxDmZJ6hJBEKSxhi/tFD70EitQSWC0ud9UhnqdsFz5mptJfRvGmX0w5lNap\nZiAsbAqVs8cjyjbsSTNAQ+z2+hbgiEbTuNFn/tgvGumt3Z9oz69eKM+nbO5O\nncCmdO2dVW5G8vY+H2ZOlY2zC0atgQg6w64TyjUNNZjL87IoKpUufie7OcC+\nbdGYBQbfgvaQmbHV7dmu5Q7kF2tTYknnbgkI0J/8D74NJdmPZBP5F0pL1no3\ntflg\r\n=dUGm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"1e1f0ea898fe101863062b7a760600cfb1b095e5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.7d6a4bb72.0_1618008742813_0.7632914991551498","host":"s3://npm-registry-packages"}},"11.0.0-canary.352b295c1.0":{"name":"@material/animation","version":"11.0.0-canary.352b295c1.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.352b295c1.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1faf5065a294909a65166a7e8cfebf70296337df","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.352b295c1.0.tgz","fileCount":26,"integrity":"sha512-C8M16EdKqhWnPlruT0psB92oxUXv/6uj01qm90iJHQ4XX+kuTu3wNdyiPPwBN2gPMq2Q4zdSCX3T6CoRHgS1bA==","signatures":[{"sig":"MEYCIQDWyyo2mjFtsIa2HxdhVLvxwaBLSrZgsmLydvLYa9JJvgIhAPZGidOWb+fltwqhp78RufMWTv5Qd7IAlrOeNT9SdiE+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgdI34CRA9TVsSAnZWagAAaWIP/0Nyvrax7imkIbEjczZJ\nr+TEv1DQXbukBJBZgw/DqOgTiJvnenHmT6wm8mD4EJDpz6H1j0vqd/e85S4e\nA/GWjeEVaNMg3v/PjuMy81XOuDtTE+sRjtEHrmGi6PZAPDXQKDsKgP9Qvo2p\nSeQ26UEtIP1VHD09F8bdhj6p49kEJnzZWTBtey63OCDJW4wKDs/etWS05UUJ\nIFI+T8Qv1MjY1CrEYBzdNKrw/cvdrgPQ6RunbC0K0RHLSRcJSVkYWR1AaEcC\nUQ/rwBavpXmACaT6cqvh2aW4YnzLz477IVacn11tVjXmxzCY9/LZH2XHe9L3\nFZYb1Af6tYrQ7uiZ41pkMpFjxa/nt5HZeznPA2Df02sl3htyKR2iwffmW0/i\nw5W3xIx+VwlN3vadpj2veIMrLiJDhuig+dQroWIT8R2mYqo9JfLmqmGI/loJ\ntFCPUIEHKvguX3F1bR8Xs4d/VothZK3VcrcJFuV9itSNObwZ0EUjeympzDcp\nqJgr7SQefrrND72xjN5efxlEGTR1VIOBZevGfwAfRNsCw+F8KJe9ciwoUmxD\nRcYkocC7V8EWJQKFpNI0orCQE/e5/F4T+Miuivok/GrZ7UWMrWAqcCfItPow\nKoe9xcD5F+wPerj1pcnpNJsfEmak/p0Ay5tuZOWYgdLr7BXeNLGR6V9xxTr5\nyfsV\r\n=lznJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"472a00ecb08e85ff1b602e3bec15d38f2a028f69","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.352b295c1.0_1618251256365_0.2630188933770843","host":"s3://npm-registry-packages"}},"11.0.0-canary.ab99b8064.0":{"name":"@material/animation","version":"11.0.0-canary.ab99b8064.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.ab99b8064.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"995293a059eac7cb462d151f24d5e3ff33eb4a0a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.ab99b8064.0.tgz","fileCount":26,"integrity":"sha512-yzi5Bt4+kAVaJ+yffYHbXpbzEEtff60gFT4TRYEK0SCdcjQJer6W7yhaOcWD9AoqUPboHra/F7Jc7puLZVoVug==","signatures":[{"sig":"MEUCIQD645OLKwFbNDvgbSoXbcQTJiHSvPneWfvqhMeGDgYNmgIgINnK6oTmfBYWMQKMe99zuoKRRmALdbYcaxccW6Sx2vQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgda29CRA9TVsSAnZWagAA1KIP/0jkBt38sQanRf5vH7v5\nKMF2o8S7MT8gRps1+7fkXd/IjsRSCthBXfrV9rTuGslqExDCgwe0ad7X6Nfg\nnO7DMWag+wxmcDU0Jv+EEWh4e8uwtyTERoWEvYPhhU18EKvB4JSBr6ZPaup1\ngLbNQrSZZISGIg8lKU6PwLlxtfQB777PSzEQdiAVZhrlRuNGq/wXlCoCamWQ\n6Ul9F0tf9F7fgw/p7AZFdii1ukkaKcjdF0SgRCDbvyf84WE+inKWGYm2DsRu\nB9o9X8GkYEW79FmhYA7q3sqmVwgtNpIG/Ylhsmz+GrrRlqhU56tFWoARIA8/\nE/wf/kiT6/NgoDbQa0A9GbvVaJjI9yM7sdgbkGMLhMDgW9drlfBkK3OBw80v\nuV2SzGKUPYhSkSUS2JjT2yGw+QjfZzypt1pplzWyPwIz9sfmUjFi9k1DzBGJ\no0KP4eOAljD39NMsDBqJlsidZi/Wqcsd8SU7qKOoJwSZdHvjWs5Gzz3IpHJF\nulStmM0PuPKt0ST/2WwkKtzYpz+bk8ckUFfnQoZUxXumhr48cpt658PAO3+L\n7EH6cR7e6TY45A/RL97Wd3utaYV3d1pbkhSjp8xTdEjhaFiKhA5fxo9phCSn\nN+hnEUuZUBDpxInry2EO9SwFVnXpkNBjvtFY5qUs0UhvkFH+t/qAjii443mK\nGGMu\r\n=SFcx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7a67c09690e367ad8ebdba2d551f6432c20ccccd","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.ab99b8064.0_1618324925088_0.879245087040277","host":"s3://npm-registry-packages"}},"11.0.0-canary.8f0a11e32.0":{"name":"@material/animation","version":"11.0.0-canary.8f0a11e32.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.8f0a11e32.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4aa1cb36bc7db826bf80c7363b385cdaa137c8a2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.8f0a11e32.0.tgz","fileCount":26,"integrity":"sha512-/qVgFIU6KXGY3cDIhBf4/SEsG5Y/66HdWLCxjv8BuJQaMROk6uBYANfa2Eioj5G+vEg2V5nmbdrFEsXC5xZtWQ==","signatures":[{"sig":"MEUCIQD7TFa0ChyRMQaT6gEahdEwAZbEOiWapaOyivL1To0njAIgKz1l+JL0LhGeuxkX2ExwnXKNURzw1exm6qxLzLpuo90=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgd0onCRA9TVsSAnZWagAAhdgQAKFwGOP4Q5h5JrsbRKAD\njwOVfpJLuF4vauozlfv3WztZzqUbTLa53M1YLXKXcMrpnpr5G3l5l+8aRpM+\nNU5FBYScqaihs6oo0eBR/gykJUXBs2zDwe4D2suPerH0CTH31OHHufmzEx4Y\nz4TBaJ3HYoA9bYPlFgzj7jYJezXMIn/SO6sqPf5kHsDM9HD9nAZlD/M2npZu\nJ7TKVzh49Tp0NyD6dE/rx50jkk80Vmlvf5Ic8PczDBeaW8BMnh3rQYrRzh05\nVzLZ50B475S+ndT3f9ohY/7fdQBhXonfcPR8LE1VaJnw/y1fAus17oWk6UPD\nhAoisq4EWe9adpIbSrpvbcGmP74ce0ubF3FEWhJ1mmznllwlao88d26adU7j\nzZbV3rMOHBSXHIiNsaFCuOo+wpySnVdiREtIGaUFm61nz1XJ+9N9RArWf6i+\n5yCVSgxmDTiDPBC1ASSV2LovNQY//fMPASW5cZRgGO5ziZCgpdl1Q1kPpxJT\nHzHt/8WTi9jA+0OTbDZC1sADae3R3rAuZ9DAbHVj/ceq0PeSvDv3wLZY6rRT\n+Wlp3NcjD6z7IgtZJeNnXD8FECgjTm5dTD19E9PubaVJewNNRqp3FOLGGL5p\nrOE1kH6qQlzq6SNih9pYFjgr2lZD0XPeHRZJrrqHsYRvPBKmGaS2dECB7TkK\nvNN3\r\n=fIGL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f09b2c0c350e2f684e84766c95eed5c92b5afb0f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.8f0a11e32.0_1618430502910_0.6601934812807642","host":"s3://npm-registry-packages"}},"11.0.0-canary.f5c6db8fc.0":{"name":"@material/animation","version":"11.0.0-canary.f5c6db8fc.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.f5c6db8fc.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b004453f766b2ee3fe952ea47f2e4cac018407c2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.f5c6db8fc.0.tgz","fileCount":26,"integrity":"sha512-Q9jFAR+boMCJAFZfAq8z1Fj1ZzegxnAgpoDiRy2QcZhksQX/IX9S63B0sKmgQCXV+JyMx4momo9Z6NISbHZ5Ng==","signatures":[{"sig":"MEUCIQCIqfrudupI+HuP/fPXkB/E7ooNxXX7nXMN8O4qUfNVoQIgbx9ycQRm41HsrcCBJu5ttwrHoPD25gt5tJ4HAnKKpNY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgeH/CCRA9TVsSAnZWagAA0pgP/3pTdBqwWBNWfa5+izZf\nVLOC0kH53F5+l9atq4dW7AQEzrqZ3FnP3jjXWMFPmqmTYxCgjoNtmofUDWyb\n+EdnjrUhOVq864SECnqBuAmSjLI36KqsrLE9gZdXj5HAATYirDSxVnXY1gPP\nl7RVa780utVlvXf6GqX4DlMDnf/iE0R/eVzCTsVDA42yVgqlSuTfKlCo3hrs\neKJxwy3UE1n8YgGC4Y54RlzPV4hf6WZu6OM/2GI4lmUwoe9m2cNodKoIcwY8\nt2JoaSChpdqwbWKAPsMcpr3k+aBbeiYWcGLRd2MB53aWWFyPpkTTcpGLxZY8\nEBX2+sQ+YTMew/d3pJfnV7ygBhbPChHmfCYRvAuO5iXxb4CtOUoDZhAy/hMf\nU9eV9WVOkghjNQk0opsQh93+TReOrU1KTCgaIYc0csivZDx05xbo7EnWRj4l\neQMQcnRigI4G2UzHG+RUIGLkZ0Z04WapE7bDNCFE/KZVkvplPm/DBzArhyzQ\nf1/BWzwejRvcWCff8icga38XG/FsqltxEqNGtUmuBiJbvom4uokQpbx/nf5w\nBzTR6SdDPjtjShwkhO3vwZ2Hu57Jf0x3JliwN6xCI2uewvSa3io5dgGMtzIc\nQzcG0grD4faiXXjbEic+FkvqTGHD/bPieYdtjMLzSg0F8Ac5aOhSLYRo0K68\nXdK1\r\n=4BvO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"eddcbd64f4309f4bf5faecb13428405a28774f15","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.f5c6db8fc.0_1618509761637_0.45783820468680636","host":"s3://npm-registry-packages"}},"11.0.0-canary.3793a3143.0":{"name":"@material/animation","version":"11.0.0-canary.3793a3143.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.3793a3143.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"554d9b24bd4101340f1bd68ea4501a9fed977908","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.3793a3143.0.tgz","fileCount":26,"integrity":"sha512-zwAm7R79MLH5vQmqyjwS6Mfx1ruLYOFMpgZnFGT7IGefzgAh2AUCcbAQR0ae6e7aI6q+XiVWzgQ6+q4nvUFD3w==","signatures":[{"sig":"MEUCIQCOgnFJyINPm61OK+hXCOk2SI1YsKHWqNX4fB30QMvV5wIgNLywhAulypMHzfNn1riDzd27OoYrDJsf9yf3InKmIYQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgeIYkCRA9TVsSAnZWagAAueEP/3qzEtcCTN6TrnmBoTUf\nk4tQg28IZd/FxmwEJsy95DXBQxITRdxbX9yEuLdIEfIRG156fQoIyvpnZhOY\nIy/Np/NBiuaDBE8eXohnXpARNBIXyEBidE+e5xFdTZ7Tajxwe8AYPssJ4fG5\nLNzQjZWK5X72Vav90+2cfxBQQaDpg2UASiyZx7l+8UaNLJcqqiDanAEy9UTf\nBngjcwmy33QFoWNCiY/dQR0TCqoZ7mMGMZrVv8hufum9g/L7a6ngZfkAGwEO\nwpWp+ii75nzMVtb0jeM/UnpfchycoMowuxzAnA9Jnaw7y1o7wk6HB5l69XvF\nuGKAq+5z2qdki5g5Lo2IKOSFxwQamzS7mjYab7ikbuJ0qTiOrtZiHPxtnYRF\nPjyzx0+PFhCMMn2sr3uItpFtS4MQxPPguA0h95qj3STVGI/boJv78ydtzDNG\ns3ExrnjfQj2IGZnqKwjDfxcIUOjvnE3pTJD0y68m+wgyA8nIZ9y9PtP17bd+\ncHXg6FJboJnE0IO5bjtt+EKOf1S6eDe6Em5cEtyW2RE6Y7/8Hjy67y6MVSPb\nJjJ3Kutu3qvziXEKHzrxXxerW1tpCApL+7m2xk7nFBbFPq9uU+4+jAXwUABK\nZlnpl/VJBvvMQ7wMP5NLFnDx1udZ2pnUpgpXs9gZSabJbMaUL2CNyerE3JgS\noWG7\r\n=4ue4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"3cfbed34975d8f2990425af21414290a96e2240b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.3793a3143.0_1618511395508_0.9883328741070359","host":"s3://npm-registry-packages"}},"11.0.0-canary.bc104bae7.0":{"name":"@material/animation","version":"11.0.0-canary.bc104bae7.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0-canary.bc104bae7.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2d1f1698049fd0994e92e8b352afd2b6634fc109","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0-canary.bc104bae7.0.tgz","fileCount":26,"integrity":"sha512-DRS/J7WF8+kqxHWZj1cEW8aPhnpZ6ViJZc6UnY6xP8Xtm+4AxVqazRhMzbbwaNnWJ8olnsDz/404gnAPjNzwbQ==","signatures":[{"sig":"MEQCIFchq1enMIOBEoGMks/NQsOVWv7sLniIsK2VjsVWAGNdAiBGQfZD7CJpatT3+KNQkdwIvrhPZFvnaD0baGhUyb8UgA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgeJe0CRA9TVsSAnZWagAA99sQAI69jAO4116t7ysmynMx\nQFk+XNw7JcDJnpmbJM60yuRAqHleFjlPI5rNhWImH4LLjRnmQAHF++AOMb3v\n6riK6lqwXV3kgy1KVduurtoRxwFr4/SOtTptDQFGWcvlXranz98eh82PKPDR\n+xedO6zOZ1n+ug08/MeRqEk2PVXMDN9/4UkcVUjiFHZ7ebjpYF9uXuFS708K\ncPWPYB0ZkUaIRX5+AC/Ke70GhCkaWExTnB16s1ge0CcrCSHLch9pg00A2aV3\nOEJLoBeRVfi4XqXHLxIUX647DN7up2xR2WiFXd0URND+OkJo98voN8tGfAxQ\nCVmxn0qK24a1yRW3yonz1ZZDVR2LuQQQwiLKhJseyT8QGZSXKgMbNse+x/+R\nzxroWJYaHfsJGBCOT8G5p0XSIMWKyK1l4gpKRwqcMB8M1DOoVUf4HKoof8NF\nUa02GzXAkZxNOne9KSg3HeUFh9K0ZQtRGyEKWl7Rkh1g7t1sOc2RjzhfE9FI\n7kwDRKeiADmO0BDlX1j0/pdUvxOEZNFn1kOK12bZhWzBxcqjV+EHUqL00246\npn6/Yy4uIHMVQDcoWmoRs7O3XKrtZQ/6CjpvyYjmJ+qyGUgox6N4Lm+GS4EB\nCViV5McP+BVAdFf19g/G437e3aBjG9g8bEDYOQaaPOFX9puYOUeYdfjGYmQW\nwAcD\r\n=9Haf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"fefd0309d7bea91a430a20913f05f501364f2ece","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0-canary.bc104bae7.0_1618515892084_0.12501714001526798","host":"s3://npm-registry-packages"}},"12.0.0-canary.3f342c3f4.0":{"name":"@material/animation","version":"12.0.0-canary.3f342c3f4.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.3f342c3f4.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"94e7dce13efa8cfd6043481f35aeb2e42aba88fe","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.3f342c3f4.0.tgz","fileCount":26,"integrity":"sha512-vLdT6PhPOaRbIxsNsbmym91bIxOwq5BadNid0JTS6fbmtMzm0qR1eN7CXHhOu8+BuvtRwrcsYQg733kAR03VcQ==","signatures":[{"sig":"MEQCIElVLacW5eaDpMCLx0dYDv4ma+bqsbuXp6qEhYGzOWbvAiB8DaeMTqlO4LJ4zj9tuzFH5YOA1EMCu/Red368dh25Kw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgeMPMCRA9TVsSAnZWagAABSYQAIFrYEmbm5nyzhdS2szG\n58JZ7dza8Z7P8iD8NTZSbwENW+rXK0ijVwLjFiAflk4x609FBy0urLBw6q4i\nJbUbeIbYzqt8TBi+9oSwVHqlEr7ctyXXEbgFs0WNGR5Q08O0NaxZ/YGojHMl\nFD5nCBbW060nuw/vmJ7jsdpLb0iotmRiexgGGPApFna4ElFh3i7m8EOBThQ1\nIFsJIhGpnzcywRX+NOHX/rpeDkVJFgZpdPBZDjfiGDxFucbkgKS02SOpNxtl\n7bQWTJvkotKaSxzKS0nxJETdRSYhTh1TTpS23PRcUNeX9B4CNoTE1ptjxJeH\ned0GZrBPKHBqGWKUfSzeYt28e3xUtG9HliB1h0CYQHfiFQAaBOIjH6B+lL70\nHujSlBEb1aY4K9rXTaPz1X0WnYeryjZZSR4G45mCQBWaHvQSxh+0gwRw7TO2\n7QyQnv0IqbKOB5nbsVEt7FGOhvVtH6JuZouytfYhvTRSNNTETPDCliqZqYsl\nijAx8byxzF2vI9WQAL0WdPVCd5gK/QO8TT77rEgDk+KPOU2Oug7JvQDhTSpa\nfjZm8D7AYTWSvYIetf56UZjW/iUmty6Nny2lMG2M0HzobTGrNYX35jpTUkbV\nsRfi4W5WJnOglP1avPdCWcan9uzYkgknuFpUYDSNubiALRhjzBHNs23EiH9D\nlX4p\r\n=+pIs\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d82c002d3f314f99c3413389c77960016a48bfa7","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.3f342c3f4.0_1618527180100_0.931842689026045","host":"s3://npm-registry-packages"}},"11.0.0":{"name":"@material/animation","version":"11.0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@11.0.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d17935fc2d29f8d10f3f884783e35426de8a6adc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-11.0.0.tgz","fileCount":25,"integrity":"sha512-pAJRl0ySvfOzqyGUme27tPf1LbqrjSTK4g5kngpXOPAIQdYYx89QLAfcqHONSpvXO7/WP+Kc9zJ3WWxbUaG8Wg==","signatures":[{"sig":"MEUCICGlt/4gGyKLiDisIpIAfyqDlTGmfXF/oNlgx/fSgBqtAiEAz6DYUNOZDa+HzDvHD3lMMwmCtOwHPKc5LqsIwmqIPOQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71157,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgeMS/CRA9TVsSAnZWagAASQwP/16k1dH4F7Deh4SfU7om\niXo+gaxjhTEFgdChbm15wabzjXVxqMafmj009nriw+v+b2f1iEzHSRaUS1cT\nG830AK/P2GdsWNBYU0Oad64Z5fn7YlwQiHj0ohvh01wM2AOUQ9o/3Bmm6eUX\n/CUYYMEvm8rqpU3LVGtPG4RnLIU4olAb2xcoHsACkiMoR8zlmV42BnjG0Z91\n3YhyIg0jfZnIcQtVRBAxlT+6bNSyisNMSd/kyP3JLN4n/vfvpP0MUTD01Lbc\nKir89Zh3/g65kIwVfFiuykzgi6Ej0xFRRPRUKNC7FE+/fBR5DrM4ULugH7kx\noaZ6BSfO467otZ/pajXRh2YpPDX7259EVNgqh29xedX1P4PKI/8Ld48k4jvZ\nAjqsX2wPFlg9oFlbhKTqoOwAvR0MK/2Ph3xIY4xNFJoHd0FYBCcOzZpnU5HZ\nEW0ofX+oj9gf8hovyIzblRheDpQokNhPNgmcYt5XwgnRx38dJVVhNQkONdq+\nTtqIYJeGo6mIJc2BTzznU2fXRKIGDZQ0SjHxKtWaBy/+N5OmKsSM+pYYiTEf\nsz3T1O7izBvhGe4X6eNwOBKDUr2I8aSP2WmvDomyTek/9zgr76+9nkdoUO6w\nLylS3I5kAOaIrFNgFvLVmlUNPqYr8+n/bmc4Axl/suyS3D0XoixVGVBDmLRf\nSgkX\r\n=276c\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","gitHead":"3f342c3f4715fd3587f327ce4ea6b5dd314c5c55","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/animation_11.0.0_1618527423270_0.6388657877275632","host":"s3://npm-registry-packages"}},"12.0.0-canary.2ebfc5374.0":{"name":"@material/animation","version":"12.0.0-canary.2ebfc5374.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.2ebfc5374.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"31fd733a7410bf554f3c79046c782398cfc96807","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.2ebfc5374.0.tgz","fileCount":26,"integrity":"sha512-Sd4Nv5nwBrnqLX0F0yiYbHTKhZweAtPgX950FypOlIlhg6Fwe6ysqSFeii2zI5S6tE3XDJq2D3UxCBWChrFIug==","signatures":[{"sig":"MEUCIQCRNUSofxShUzXqux97t9dj8zKPQLX4DAInthJGCzExOAIgevGNrpUS7+jLUTDJpm7cKnmpDNrSEfq4fxo/e9pCWk8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgefb+CRA9TVsSAnZWagAA2DoP/1nnfCCITkorTk885fur\n3qdKV0XLBtms/W4tCTE6H4BbHWPYspTDATkELOApxVimHBKtcRzdiG3m2CQ5\njraKrM1Xk6LRjaiPRemCEYxSw0pewMeaWA0vT0q5s+/t2hf7E4Zi6vnRjPwD\nhZIfo0nW0XYZ+4LpC6GZANEEM9r4kDZHYd10lBZhEGWzty0PbRPoR6veNXPQ\nzz/WJI0NsvGqLQKDBFzeKvrPGgrjXqUwhDWvGitKp5VRR5Id+kqZcvxI1rdK\njHswKvD+Xj5Px01bpj3+/oxPxd4VB9mgEGqyFDdpq3K3GdVNWHc3+OSq28eU\nGa0tVYAoYJ/QnN2JARH4Ty/LezfmD9SsBCI1QY1wdxc3KmCKXPe3qjm+v33D\nscpIpjQU+HP3EtFmO5HrWxCzNzQZ3Uf3XlkImH+nuQjyWQqSycsiPV0YpE0T\ng/LtoxJbK1Trrk0hDfjF0xYu52AyTbUi0dyd8RmtWQUDDc/oTEMY+6Cw+aKb\neZBcVWYH4GTyMmPOFcG2XgyVfjtf71kyZIVyrJRQXo3frZJkY2nIhV4MEw1z\nfqQD3Lw5u2lSKwnJ7kJ3abxj6g/ialNV7smcY5GYswfoDGYlbNV8W2Eh2mhP\nWAhb/5ThM6fnUFePiJxwuanWm+PPPjAMRvLrIx2fLWpi1XfkHPwA+oo7Oajc\n4l1y\r\n=2xJk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"603bba9493212a7e1b6350d2f12e7488ae1d9594","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.2ebfc5374.0_1618605822240_0.7272810463365469","host":"s3://npm-registry-packages"}},"12.0.0-canary.5631828e1.0":{"name":"@material/animation","version":"12.0.0-canary.5631828e1.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.5631828e1.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ba29f136f33f500513303990cb0921b074ab42ad","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.5631828e1.0.tgz","fileCount":26,"integrity":"sha512-hXOxDRR5niHsRHgxXcEfiBABRjXijpsWOZIYJ1IPURLNxzewpt5FR/ziwrcTgM51CpOo+BjYtt5pI/uKDJmLPQ==","signatures":[{"sig":"MEUCICRnwMiWArM2dR9+Mt2KfmRFJu9VZ2b1Hrw5m0uhwbSvAiEAi2qey5WsrU5SQ+nn6OReRtQ3RbKfgVcJNUsGF/aXscQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgepIjCRA9TVsSAnZWagAA86EP/A+n6X2OvXq+ilIOd7/T\npV8DiinxIFacUPaTiSTrSW7/G+p6S4Oy4oWmY+Et32umZsScRsGOe0nJ/rEc\nk3272B9eVQUSBzfOSjC63kwbHKkCg+l1ODP5WOX7AUOvJH2b6cS0drJghDxR\noa7EbYpGq0g5UgbhNQ1bvzUj9HozT4IMJxc85ANMhrlnMazWCiCndBGWyKsv\nhKmhw3WquzoHMxiktGN+fbetQHkNt52CtW4oj6i+FMXzFJy6WunAjt/uXk+A\nMz8QEyJrMuV1+p5c+pmxBrHNoqVOzLe0/6TdJfP+6udWJxu9wKAnQ6j+wPgC\nUNiaBkmZo8klVo0kuzCmwRBuaGxLmma4bH50n3VkGWDkHXNoqKwIMLDH5Vus\nOTilKy3P014wG91KAkAc8VfrSjfnUmkG8mEQEfuo3ON43QEc6R65ipZADZRM\nkqpmv6vT7kJLWlOz1h+iLjbZNnURNMAb3LPxWBCweJ3EexESWFGBfyIQ0u5s\n85OVbJHGX1dbdNbiwCG7zAzXeIaph3U6Ot8v4jOnZhhBuEK82w/1MorO7c6g\nbWhm5ymTYTcWNEtBhrCxXucpwn/CiYS3NxR3qCOwWhiaEZQ1L50kyaj2srev\n0/upfns+INVq5Ua5Oaebpaj5k2IGgl/qnFrkrMUugcO6F2oUFpBnRTkEC6+6\nqtUX\r\n=zQlj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"497e1a2527ce0368b4038766ea4893675ced3523","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.5631828e1.0_1618645538997_0.7146209439796318","host":"s3://npm-registry-packages"}},"12.0.0-canary.bd685395b.0":{"name":"@material/animation","version":"12.0.0-canary.bd685395b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.bd685395b.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0b903482d0cb7522cf4db1e4d7246601fe8a6e68","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.bd685395b.0.tgz","fileCount":26,"integrity":"sha512-uB4LZAozWgRxHlVxV7+N/Rk+ViuITd7gfLx9s0Me1Bj4KgZf/ajSGh/f3IQfW1eEoc85myVNXUgXGWbYb0JiWA==","signatures":[{"sig":"MEYCIQCkgIU5BOcGFqcjmr9EHP/NCG+T4QjsWD/3dfcBvm2MyQIhAJN4GHaac8vRlF/tN0bbILLe/jTOYeQbq8kYj98ZgQBK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgfc6ICRA9TVsSAnZWagAAFbIQAIqGlCFsvnN38dCpnwa+\nj/+VEj8Kgj8Kr91GF7tGpWY12yKRIUBn+OFvOWm+dcXvq9p+kQ+Ffw0fQCDs\n3aeGRUmKdC07+wPti6WZfzWA8+tS95fCVd5LGRVy2ne8Nja/aOoFjWQ31R+k\n/IpZepbnLwJ4Z7lPshSRev/ZvkUB74k6dZf6ErknECOlqmcY0cH0QkE56ik4\nSmQBSPwIoxYCv76om24FL86xxKFl7zMPC/brW0pnOFGQViWA7/tjISVtmE5V\nm54C07WD18jfvB+TJn59adw9/UH31aVWn8B9UR7TBxPTeG9I67+e1DNeuRBS\nIFd7py8mbs8Vj2RikC4HIexGEvdVFnhejRiyPR9nRfJ5JsHPLlSXVAKkEcOi\nBmNDuGdti/E8so9pphjPWBeG9RyzPmHWQoYglOQvs1qQNkZi5iuwC8cXk5RP\nsNwNnga6xAM0Cua06ojp2N41uk4NIRa0v2Zo+BQijLvzmn02TKGIb2bKao41\ngkvm8StdkGRnJVFUQgS30idg9jzKLH6RaFFYWVGM+GjBkwrYCF+rFWs6g3vk\nlAwElhE3gtvuQ3UgaYShl3/Sn10FF6Jscwr7afSyo5FBLOFvELSxDcgGLgd7\nW9WF1nkKoyRfIkq6mAVJ18s/tVARJqx2+5wGHx6sqGnDTgOo+WWc/AR8c6tv\nzj2T\r\n=ooe9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"69c7d9ec7c5de65144c3b2a9b283b6baf7af107a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.bd685395b.0_1618857607854_0.8987802169233094","host":"s3://npm-registry-packages"}},"12.0.0-canary.b52196498.0":{"name":"@material/animation","version":"12.0.0-canary.b52196498.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.b52196498.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a86e471e583e0be7022545fb3360d555d37c16d6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.b52196498.0.tgz","fileCount":26,"integrity":"sha512-BDFyh47VupFc6CN/c+hY2I62vBXZgQXB3LQfkbGDNrEb26lf1XbzeLfhSmrkdJlJ/SKNTWk3hzBaO9c0/1n+Bg==","signatures":[{"sig":"MEUCIQCQtTxSzMaDRhFXuMTtR80PEElG6OQtyhVCVvrUc+kIMQIgR2woRBAFCH8ideJhzwoU9ZNxuDmReg19IJT+gyHqFZU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgfeB3CRA9TVsSAnZWagAApGgP/2J79W6diYmsGaiQAA4g\nDRF5usYj47HGFp+pYyihzITNPu68Z+JiDDfndptOnpSbULsEKKr8OkjC5HM3\n9rmgI1cCbW96c4w/lrB7Gc052deDQlLlr4sWXcIRB3SNr/clxqgETXFxuRlC\nEk2R5bFaJ7ueLCki7LxTIanR/LU2tDN51Yxd1V9lf1l6Pvon5r+xNHK4/+6g\nD5uXgs4l3i71wHErXSv19N2rPsi3BCV/ipGbr1Z2Llcrzs2HF2ZXLm1Pw5jv\ncFJ1ItGRA+RCJzoREQz63H5WWJ4QUNybgZmmjrTvQAbLzrZwHpzIJSsAGOwM\nUndUhBITIN2JLJojLxRNAWRzx1M+UuBfKGc2SzxLH7gxu9VYJ0a+HOTbbvig\nIbVzGgJEvWLNdsX1GqpRI/RT7DgtzE+cp8a3In/GYNWrLD7aCB9rYo0Y/8cR\nvL6xe9wjfDJrFBCRIq/thYEVnGqnfU/8ZDGFqwl2OPT/A5tmvC8Mhv5q/E3w\nqbgYbcx6umuXq3sQj+r4BJ0NTIpaed0ryVJPMM6hyun3z50NKQEvwFcHZfv9\ntx86dTmZrCHa5AwF1KV5C5JrlC+M9ZmlZ/vrIIzjQRwN/z/lFaPWpK3A0NpC\nAghKBQpAS95dxbHu6EpU5U/G9rU048RPqZTIwPJ/E61ip7qsvffrbx0PLjAs\n1EnH\r\n=FJ4j\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"953cfdd3bde4c66a4b6b90171d4ee702958ae1c4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.b52196498.0_1618862198804_0.5109590053080642","host":"s3://npm-registry-packages"}},"12.0.0-canary.8ba3e298c.0":{"name":"@material/animation","version":"12.0.0-canary.8ba3e298c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.8ba3e298c.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2957513d7d88b65e644e42b39e28adb61f92e0f6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.8ba3e298c.0.tgz","fileCount":26,"integrity":"sha512-gIyEuO06PVirnz0wBVSxUfDSNtjMKPNPYuSrygiJy0hSBjK221tgzZ1axQvAZZbymMGuz7YAcCDgMa9Xww+pcA==","signatures":[{"sig":"MEUCIH4pEqqJBc8MOFQW5Bg5m6HE20R5mv3O8W9zRnoSecq/AiEA4Fpv92q+tGcWvDmg7O202/JCMaxnWPnGG0taZfo52Yg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggDGUCRA9TVsSAnZWagAAHFYP/25pq1qppAPmJaThllsz\nA6AtB/ygow6Gzcak5UOSXC7lTC/AvACaf7bIs4XhoGBoSckkqpsyUQOXPTZL\nhd+j6zAfcAFa/ki/jV4vjY5KNRbFh3PwoPkb0aSJcIJICMdQQE+NwxGJVVeA\nvdCXN4lhqeERpLTtlcHVRiOhN2UwYvP26iBVJcPzGoL2hdZpj1lDjQ8q102H\n5fGpJNILxovDGOrDE2oW7q9FpXH12d+2zPUS+7QJ3GIMhTYcXpPMkOYQtQcM\neHXBSe3b/SZvVpodkEeATl46U+JaISbIa9JI3XhLQvYoXQRskYgkXyl6qNkg\nCDpjlarCzkYS0BhowqQANUUOrYwwB3fRj6Qb9Y7uArkZWMGrf/YhGLeHhhDu\n6Nz7OjdJW35yF6BTzW8bj1INQAlOeVEeHtfGW5sLzZlUH06PVRY0R56Pkhix\nlTQJ5ALdtnpzPySrvfpPBVTef89Fuw+VG8O7ntZ2E15yhGb2earWi0glHAKS\nVKuPKnSlEXq1cUV0rZxCCt5z1Z8OvYKaY1li0VDX9QrVcvPhUzQi4wOuomav\ngyqQQyjmRPPgnX8W0tgY+D5/9NMDVtE0coNvFHmn2bn6PfjCjbHR3BIkhSip\nq6IOd/CKJ9ovRxfRrjm+1yXe/AtxOFAH7OuZEqwpu1n73+aagWH07pF9Es96\nBROt\r\n=urFJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"206fcb6cb686d5de97867cb4e4005926e2a94501","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.8ba3e298c.0_1619014035936_0.5321530542977688","host":"s3://npm-registry-packages"}},"12.0.0-canary.c629eab71.0":{"name":"@material/animation","version":"12.0.0-canary.c629eab71.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.c629eab71.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3895a32851e97bef310324eccad9d1a87a13cfb0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.c629eab71.0.tgz","fileCount":26,"integrity":"sha512-Rnyvh+tQu1rCIyrKt7sls0bWMN7dsR1p6K3dVPEKO0nkz8JsPSW/NFoBAzNlgCjk/ybmTIE9IRHvfdj2dbTWCA==","signatures":[{"sig":"MEQCIEWpRpcJsJy1cdwk1Zb+b8kyzlFtwWIMZcMoFgAkVOWlAiArNScNOpQmRYoINmlUlNg4yNEtgpsNoPNn7lsaxbKpLg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggIM5CRA9TVsSAnZWagAAc2YP/ip6rDlH7TZF9i+nl1ju\nej+eivm9ozwYT6TzrB7K4cJ9rfkbzkvYQU/7uWgUPWNNriaCdkbft0aslhux\nr9MB9nZS0ySB/2jmG4rWwwta5tm2XiyPq33czl0Jf7jvQQ6soE+UoTc/GpC7\nk2x+FOhLmQVwg9dRGqRYf4jbCqTpxjceBwr+zCNiVgkQEcsrDHDZkwXAsF02\nJws+7Kc6rjUXunjUcMRYEAV7LOuli7sEhrtKfLMtUQRBi/ZzdwwscgX7K/jE\n5KyOzWiQ03rOs7FquhSFRIn6I/TVpBEdBGC7B+Hc2HFHrmLIhPrQJVNKGA6s\nmLk1RWTLhixCOi3ZzZBhl42wK73EBNwoteY9/QxSY7limGhM1iIdzWt8TbD6\nFhdRQU/NcE4UK1/pKpyREocf/hNCkAeWOEzNYzmC3NMyUvuL/oXMnJn+eXvU\nUgsQUJwXksfnTYQQszpQlXfHjf9AW2iC7PrEvljnt9ZqGJ9ATjPAyGQmp2DU\n6ywqlnKEnNKyLESxHd2TYlgDXUS9/FHGB35zk5ym6k36IrxRHXthhmBg3G54\nGfYOsybQGKMOy2EjKt0xDkp04FwplkSSBYuRmc4i/um3gROuQKoTQKIc/kWJ\nvdX7mjBPvUIl8Mk20RS5eZIQbSNhP8VClViqnPvEwBXKNEITOAS/5fTtBPmc\nWNnp\r\n=P5T6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"13ae4a821cd20abff4520de3f38c689af7cd0edc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.c629eab71.0_1619034936557_0.8043153261086089","host":"s3://npm-registry-packages"}},"12.0.0-canary.8ace3b810.0":{"name":"@material/animation","version":"12.0.0-canary.8ace3b810.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.8ace3b810.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"74ef95765c3564a6fb059a5e877fbcf9d4c9f9cb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.8ace3b810.0.tgz","fileCount":26,"integrity":"sha512-gRib8cIzA1B3tYy6WthNC5OoNyVl9qaP/otlyCzARxChZJcR/G2hlX/iUF1CwN8xqbZSJXt2wWoa20KVRhKxhQ==","signatures":[{"sig":"MEUCIQCrQqzdUzGq+x9yeAZEn3UuYR8LU0lyVFWIGNppQN7zVgIgMp7t16n+qDRAwLykAqBIxVwWcRGAnQ4YJUdJWUH2uyE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggIzVCRA9TVsSAnZWagAAi/IP/Rg8PWpfWbRu2GVwmkik\nO7RFvm/f8n3bK6lah+6RtEsQu8Bnm09gbn5IP2JVugCFeO1ve78bJjo/mSmD\nuyjC+NtDE55IEauCJpggpemXlogZ7T5xsgmFeVJ+7f/zPi5nD2s454H9RH7S\n172f6bqLZD7psfuN5Jqjkc/KTaxCFJgPeMM7l+FnP5rTeNPKhj2vIk9uV5go\npliOfujsO6zx0F6FWJgU670Fat8UoWJMLgS1lXrmVCZvRS193W39Id7SNo/E\n3Lka8lPbTuwm9vXYIq/N/y6DejnPu9wQHway2JqBaioS7tN4GRirLViZJKJU\nHIMF8/XR1bd3rpOQBYHI18m52T+JKa4AWWhDQYnRwAXUp10+0X+fwEfBvhDq\nkE47JzQi72pashsDcTWZs6/lkQ4dDyIZqzF+L0fUuJFDWaJxchdVsZf5cScJ\n6nsfP3xqT6abNGMZZ08AWAOltmJHf+NuXkAQSvWajSXitrF9iS84xGQCW/W+\nsZbuyU4i/f2fZ6lXR5XPT5Lp+fEIkAapO0hjKXW2duZAPL2Kl7pEEPB7Lq2J\nA7qB/gSNzdOL+RheK5IErB6MckngwLZlqBRACaoYnWX0TuTwUfZgmZiX5+m9\nzrPZuYtBqZoCSMZj4R1fnFenCbau8i+zNNzN+XWo68yWXV8thSeDuYxKImuA\nei0a\r\n=zp3M\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"622173e8e2308a6104e06bf943b6423381a17e5e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.8ace3b810.0_1619037397274_0.9240219275685484","host":"s3://npm-registry-packages"}},"12.0.0-canary.70beaf42d.0":{"name":"@material/animation","version":"12.0.0-canary.70beaf42d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.70beaf42d.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5b3a18e544dce1d91e8a34bd46b0db8cc8ae78e9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.70beaf42d.0.tgz","fileCount":26,"integrity":"sha512-SEYDnIDpYgQvLxHtW9FGcudVhFDE0uT+SFlxZbXpxOtHKWd+du2i0Ucm+O/EMVzEG0x9iFeUB00+Dp3Ha9hXkA==","signatures":[{"sig":"MEQCICdI5uOkSvlAqaLt/zOUzc29OWY6GxMiSdWD5/KnBYjeAiBXlXQrj8obrF1oMzTPsfOcyySbngMd8eOXuhChV8qIGg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggI+PCRA9TVsSAnZWagAAsQsP/RJwkKhpQ5XT1TCrdRpW\nKWFqpIJ+AL5YS0C3VwvWp8E6ubuJ1XubeEu3IYvQ+NqyFABqiZ3AxfNLcwnx\nF3nsUqKxQLV+3tNHlrZ7EJLDlgjHfZiDvJvlHjYLjnZImy5W2S2xPwF/1YEs\ne8wM5e414zGdS55mgcklit7kASj47pbOpJqyT1LwdyH9g/WutJA2rEOCrs5S\nr0FX+knTUbDRZl1E2cQc3qr/0tU9GG0hP8zGP5LInMOTLaO6CedybRPLMXca\nfr3v219GGe9TZ5AOirEJg0ricOe+L64TfIDZwag2Ilcj0Ke0GFs5DHkk/YHw\nyhtoBs/lbci35BZEXF+STHKkrlohIoAKz9B0NV8eRHSFIW6K7F72AJhRwRd5\ni5PZ/1EsjYQMSG2BSjTaP2POJZDPNkMHp99PnSRq0akrqe1NIS6UCcYdw87L\nPC3dDxBxQpqw0BcUA5Z6+B2dS/PkgrWA2KuFn/JufAt74F7/DpX4jXat41QK\nfEHABJ2mGpBheBZBzVS2QlQC/wKNj3YH1AR9Yq+2N4VPvJ5fCKA/9vBtEuGN\nulxjr9JXlhmqT4KqI86tEorycjyUegEb1f9Eb++hEoXhCCm/LoOs3swAKOjw\nLJK7Cvr76++C2HJekhzAH6Qi7D/GS0OqBqjkKxmy/M6aI0XE9T6rsPXLrAjU\niXrX\r\n=6xIi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c5b29092fb8fcd0102b908417d8ed3d61c3448f5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.70beaf42d.0_1619038095474_0.4152673296340026","host":"s3://npm-registry-packages"}},"12.0.0-canary.cad489689.0":{"name":"@material/animation","version":"12.0.0-canary.cad489689.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.cad489689.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fdf1763ce50e360eb568145372c819d5cb3d5fde","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.cad489689.0.tgz","fileCount":26,"integrity":"sha512-k/dQV2giBtUGdumeNcypz2X9uJuewdiUa2tE3BjrtYmlA34SZitM4DylLEN5DvQVYHS5n5XzxKW2Ht/L/xSE9g==","signatures":[{"sig":"MEQCIHCZb+sX62xoCnxrzKxZRNxd9rnJncS5a09h9RqpsRcRAiBlKiy5tO9vMdOPlOhrlIZSnfxvpzpx+Y1NdGQxBnAu6A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggajICRA9TVsSAnZWagAAK5MP/jdmb6hkKeCYlydJdMds\nuPjqI8uH+nStEZZJ1USPihWwBlmgO6tS1AGzL2qBb3myL4C/h75JY0FNDK+Y\nnw1U4e3IbWFuCAItwwhieyk7V/mfB4ywr53etrtTOYZTqhOT4tHHlnPIqnk9\n7TdDcnfFRlba38bnteXiAvaYYo5EG+kS5K/0gjwp2wVeq6i7plCtN9nvit8e\n+sa+tD6HPCxRlmcKJ7+bNXrvGGFlK0tIbVBWg88LRrGc6GF6aYR+YmgnXiai\nVS7V0EroABei8TkGOkqHN7AKXdX5fO1B+gxkrgRuO1n3M0d5CIll7fNru9Z7\n/EwVkZNrObnmlvElXCHRwS8W7El8rwsMpYdPS7KvTH/OrcjvSUE9ix3oz3lA\nBZo7N0MDPQY2ySZ2Sp3+25/tzOGf/lnCvXSRmApUftZBISAT/xU3hlG86iJn\nqyjWZMpWEQyiTaPsQXARrAHHfYQol8DlDvs/8z/3TDJ928YMsaici2lxsNwE\nK0y2a7KFMkr3jOfLIDDQ7LZLZeXwAw3qYSscmcuI+n9bE0769+zBYMxzCxi8\nLdx+URFQ3+rCf69GKb/nYzF7CxwZ2VJxoSxhAchopD4VfNVVyK1uZ6qMDfAX\nz7XMIsJWimX+PBvK6BARkb1RncYVBlJbUvOt9e4XP5Xcwn85Txr1vm1mYOkD\nshQA\r\n=xryS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"3e5c20e059b33965b63d0073bed7e300c57d5781","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.cad489689.0_1619110087965_0.9109932385590953","host":"s3://npm-registry-packages"}},"12.0.0-canary.d928692b5.0":{"name":"@material/animation","version":"12.0.0-canary.d928692b5.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.d928692b5.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7944e139096a1f24d59553e0460e2d03b3ea1eed","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.d928692b5.0.tgz","fileCount":26,"integrity":"sha512-rC/0vU5Lpuhw/NkHjE0Mcx0uwEugq5+Dd+utzLC4J/o/qz84ja3jR7m01KAwi7yoivzG9RBY9j8WRosDofPsYg==","signatures":[{"sig":"MEQCIFhUSl2iwputbuEBU4fEyzrh5jSmn6ZzkWt/WsA/FZCbAiAkHiVa9ZZ3lVzVKv5v+/VF83UOiByzn5K03Gw2+X+GpQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggwTWCRA9TVsSAnZWagAAT3YP/jopBpONxXaQQZ1hRWiA\nfDEa9hVegIwy3EymE+FgpLl9gwvImcc6TQbm/gWpZPWGI3/sx+EO6JjX62NR\nefnIepZ1mycIO9POMKiQjAHZDgo772YJfWd3op/hKN24uPD0OdkruZkYL30P\nGv3cwMLwO2LRGhQYJtcWR+FKiTXmLTUYug+ybSpd56sD/UWrQD74yel85XBS\na2eLN5DXqtuHmu3R9nnryCGSfgvDlNMBJFGoBTe7plnd/V2QMVYFJbMETmW4\nbk6rGto1wfzlcyfauhBJ4lt4n7VNYd6xZ82psDyxpEfXTYv7LrCUm5Xn1AmS\nfFihKSto0VV/ujc8jUMRZOsTVc1NEGBDrbltAMKkDWwmqqerY8yLS5B/aEfP\n/9q35ZNX5+uRB4de6YNxjumuYDngYvXiAVLhb5PCwNfenmLamTio4vDJB2sU\nZ5Cab8SYgqFWzBL9tnsl/FgeiZCIeQNIo1c1IydA5hBDxgcZ+/0yXUFDdAlL\n04nQiTaZdGQ7azfUSRitajBhAOyiS0haLY3Smx7R2uY74oU4lIt25bU0xbBk\nyowRREJD5XhVc2scG60jlCHLLeQMz1S5SO7QMY6+pfJ1X86zojKnPKTEeZEL\nvdeJNTM79y/n6vtKbgD4gCqTgD3XnL9gea0YB8NWbvxYZEtkbhCceUtPjNGT\njPJO\r\n=Go66\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ced6a0237d36ed84c4d277fc25a11d9453108e12","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.d928692b5.0_1619199190398_0.9337262120639405","host":"s3://npm-registry-packages"}},"12.0.0-canary.8f68de8f3.0":{"name":"@material/animation","version":"12.0.0-canary.8f68de8f3.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.8f68de8f3.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d5478522078c0bf953eb87bbf4b7d0c9dd36a80e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.8f68de8f3.0.tgz","fileCount":26,"integrity":"sha512-lkqldd6Ab6YmAoaCnmZkOUGmiBlayHEuh6bQkCxPFAKm7pyDvd4WLEByTcM9UpEFVwM1iZrIrbtPFfTvdT/Jnw==","signatures":[{"sig":"MEYCIQDT1vAmKQM/Le7kzInlAH/bH20MF8j/y8YMBLv86c2zxwIhALdNG8hZmjxPHdShH+cfrQElxSHZqE/2t8M+ugtoU6vj","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggw3eCRA9TVsSAnZWagAAgYMP/3ZjXDgyLOHnMxD/82R1\n8oMPPFsTLiBJo01K4vKmWbfP2gf8X5/LDWggxZROSZD08VADOnr9N/T3SWTY\nyiecMl5kziqEZPkQSx/eHyAq0yvlljRl2gJ3CakkOelq6yXn1w7gdWN17QJo\nsUp/u9yytdSM7gAI7bwhPifmlMZaolDEOl9UDGain5UU/+BPi3voh8Dv46yL\nVbCGetQUc83TlZ55o3RwnD92EvG27Or5kx2lrzuIVzlquCd7t82F/3qqejhI\nakRsxCQ9bO0Xh3xqOb3+iOmpWDQyyDkJUSfsdwOeEG8jgjL8bt9/1HgIehYs\nNgb3fFI6qcGJwzlBhbhlEYdfev/VxDuRyWFaLyHI2eSLoZsd454RDzuilM0n\nduHjwBevCrxH1Jf1Et4QoXq94f8S6WlsyqY4V2LQB3jzlSDa6eJaQrt1ed1f\n8rlk+6c5h/GuBehJI/dlxA/mATJ3ZQRrnXPrGGuAfpv7ZAkl9Fgsm1oyKFyL\nOCSZHve9SLbcTb2RnRU6V8sBH8NjPZykSkU/VpDbtNryKf4CZyXtC22g3PCJ\nYum4TMEJNJnYpF+C2ZP6L6sb1vIijHA3SMmQIUoiUVBmIn4yYnNp3ZwnBFVP\n1+3unejTvpCRFtWN32IJ9VoMuDQEyb789ZzhOnXXuQ6yEhUHS4Vsh67IpyaM\nl7RY\r\n=kvjo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"5bf06e910f57a544c428d7559d72d5fc2a5f30e9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.8f68de8f3.0_1619201501782_0.30447828823227785","host":"s3://npm-registry-packages"}},"12.0.0-canary.05753cf77.0":{"name":"@material/animation","version":"12.0.0-canary.05753cf77.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.05753cf77.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8eb7f401862998389e29bd7d10dc368d3885c1f7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.05753cf77.0.tgz","fileCount":26,"integrity":"sha512-84CZ3AfGpznZXoLkPqHllPQ+y5Pp/TUxVpSoL6lsWkdp5chJxaHQlAD1oYi+Zr5ebAQyWZ4WnxHI8znTwb8U9A==","signatures":[{"sig":"MEQCIF5DfUsEqL4JqlnI4s4bXfjmw7J9k366gzHMPxJc/xN2AiAvPAWf/mG1Wc6xll2UNfnb3piNzrIO/Lh/UsMYte4m/g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgg1tGCRA9TVsSAnZWagAAIZQP/AhahFtINUh8FrSBnU6H\nF2YOaxFQRHPhQ7GGIXd4R4He7VcVYeO7oKgCFFBdWkWNpR3yS8uvx0kjwZsY\no9CWVP9xahtAzniD/3dh0xWrY8pl3h+6/SS2DkAtAcohZh452yfSYdO5FdQp\n0GoHYn/xNQUX3y4uGL3Qgh3lw9LUGCaxO7hWrLNkW+i39jmj4R4lvL+WpaLx\nylH7TIZfvJYT7Z9HMrhuY6JPrQk8yZY+xbKyK0LJwK6TQKq0a7xLiRVYx8Mo\n7fCg0HdE/UnuRo5RkOMOX1d6c1xb3DBK0BGz6s9M8P1jEsfDx2Ijp4qDcv7K\n/AWPgJequ6aSPWXjNOxh/yxvb1bR3b/2tOPUuQm4ZAJkFpdR2tAMOp8uizqb\nLYrAKyjzZuLZM/AqprFdPgbpSffl1DZE2u5B0Xu/fWojP+jj2vE2qLy/Dypo\nYUdvpCqiMtNCNHK9US0d342pYAzqQpcZM1eyuOTQyCIqZJhiA+KxjxIpIksa\n0YOWgjl8D1mUAIV+ylwq+fz2TotSzLQvYExS6PKr9wdmUS0MiUGgo4qnNp3V\nwQtKlpX4DYLZQYD6wcETZYV90AZSL1wmhqLQSEDUxSmUFhoUdPtuAaNltcw3\n2dfn8zDJXoHDi0dU0R+Vek63xkJg9Uyaj/n9EUWapflRXAq/a2Nw2nRf1JN0\nDyZX\r\n=sIMD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"3557c74d7c4f9400f0a8d2c88bc2610c1d600199","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.05753cf77.0_1619221317802_0.5784068198288497","host":"s3://npm-registry-packages"}},"12.0.0-canary.ef43e6d96.0":{"name":"@material/animation","version":"12.0.0-canary.ef43e6d96.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.ef43e6d96.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e6dad40d2aeeebba88e25a255238dd0a402de332","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.ef43e6d96.0.tgz","fileCount":26,"integrity":"sha512-TgKUWeLbkkObGq8qES1NLtyKxrol/eRurdFLANa0vJVK6rZ+RhwGvO4AEjFEhvUg9IGzE8PQuxC2TVsDiebs5g==","signatures":[{"sig":"MEUCIQDpL2C2awBWm3yRXiryeJxHe7whln/hAHe1Xb7lV8CyZQIgSoZuQO1frzJBcpozsQDfONDO979kFaVJH03h0LWHDU0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgg1zACRA9TVsSAnZWagAAd78P/jAi4JQYdl4IgH0miocf\nijujtmhxcb3ADNdA7UGHFBNg1mtbwo3PsjnIagwZNQgVNnWUUT+aygKbJsQb\n42ewCZOe1T2RkKwZcK9CKWmtMndBdNDeXXa6xvtC11G3I3lkfczgHs7RBD3u\n+MmiphMiy/xsTF+djqTdoO+WtR4Z+GODRFqqQBddpeHXGabHDPjwt03h6i7o\neHeFdDFPATNUCl0x5Tw3RHH1QXNuQdtCynyc0DdqW6MavecU7XtAdcDr3S6m\nWuPchK6KHBucR/KGv3qEcl5F/joVy+eVGpb4i+IS3/47B1q+U1ScR2HuY2oI\nb1WOmbsm1LDqcaIAde2t6DUqNEX5ieJGuwSeNueaYB7kmCmow0HJ4faGLIih\nnrAVeRIbFoH+GcFrV1ILpEYHvsebnOi2s1QfuZ6nB7kuXVp/pU2zLGjYpICz\nAGtTKce1kdnrDMnhR+QuwFvNqYDgnp9M2mi4AGkh8xfw6UPVSPIkIQ+Yq+hT\nXm9ZDZ1Z4/fSZRs0/zEA2HmqmceTBzD7kyoOux3auFgtY9NdKgf8gIDTEfhi\nh65YDloDj0wX5/Ufh6XAE9o82/EbGsplhZ7Uin2KW/tQj5/ydNM+k361f5ZC\np3ojiAlOdnwd/EaD0AfjqrAlPwQ2/z03gpQoyN8Xwpe33yOtB6QReU2irERR\nJC4E\r\n=0fDe\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"bf61e37f943b49cb1c3287501ad6fc31f8c88687","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.ef43e6d96.0_1619221696045_0.5489777904104707","host":"s3://npm-registry-packages"}},"12.0.0-canary.197f64fa2.0":{"name":"@material/animation","version":"12.0.0-canary.197f64fa2.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.197f64fa2.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c0ca581618320b52ab002c4c93020058d3b36a7b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.197f64fa2.0.tgz","fileCount":26,"integrity":"sha512-SMkEHENcSy8jYYPg+ZmMGvI5YobU5FlYw0MPsg/RUxBdelt9OMQYELgJW3y7RrppF/tpJoZuYnZwyeUJc4OhLQ==","signatures":[{"sig":"MEUCIQCmjYBfaUcShFstM0r84FtXcDt51wNPSJLxwv5mG2k6WwIgd2UTkldBRfToikKbb6yLGijXLwwYC5pANUfuZnVO9j0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJghvOGCRA9TVsSAnZWagAAH10P/1CCSfextuYWCUY5YKbZ\nHcFRyv4Vfp3tBo8OBlZq/v2MSJ5Pe1EqrsWGq+MPUfWWBRRXzCIvd1WtFpJ2\nrQMiqij4sj0PLjYTBc5F6RtE5AzuyvlB2rgIxrDAxS56X0MfIgCFXHVhSiA+\nJoub3p/YcwBAuaQCzgi8skD/NizAb2DxQVWFZYBTliiSoFBNIQHuO4TgCBUu\nLtyncXWGhwtPeiZwVRAyoy7i165JyxjG2nv8eftvjjW8g1N3r5N1Wbm1KrH3\nPFTQOdEF5bhhyduXeo7u6u0uytGO7YW1SxvPo3nJk/7FPEj1L4nAGI5waxpP\nw/KJwAOS9PXxBNDA4IDjVEHqdCBCrm8QC0YaPAgrqRcNjPaozh91zrioDuWg\n+OQijFmgrjZy9wPKJI7RhLomDTdu2cxCpupiGA88AXoe1k2WDPOK/PtqPErS\nT7e0V5RtpJyj0M+hLqhor2vzOmo3QuOWTkt8YNOCUHF4h0WLdFo3qvAMnnSw\n2bTKXKXxeuWoj2T1GzUWP+lQb5ZxMR44DVq7+RsY4Punp9dlEk0BfCWOH8k+\ncNbUvuKsLFqVpz60TUNkgfBEPt6UXL/OWARSDvDtOg4iEJ7wT49JJx17FJio\nfJjs2VIWz74N86Ltyfxzt2Lm61NkmK9Klq43hSeZRcZhx0iVwUzAi1U/qsvS\n1JDm\r\n=Kb5s\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"8ddcd6186c353b0d99439cebca29eb95eebc705d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.197f64fa2.0_1619456902014_0.5049055342436708","host":"s3://npm-registry-packages"}},"12.0.0-canary.55ad2d7d8.0":{"name":"@material/animation","version":"12.0.0-canary.55ad2d7d8.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.55ad2d7d8.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b50c637654bb32137cd390866e46e12cd2c1177a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.55ad2d7d8.0.tgz","fileCount":26,"integrity":"sha512-xTVNrvsnL3vAtdDfZHkS6Vp5zrkc4PfZecWaS8EPa3wfV5dv0ID/b6PLrRWw8GGRUNjHXEvynyH5QtXJFkGOsA==","signatures":[{"sig":"MEUCIFp489fLqcic85TNXYRfgu8+4NE5I1cu9yL7MgX3KbIJAiEA/MChyzy4vrVDcoVQHHueKJek4pIyoaLBxrcmw4Iowyo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgh2ZsCRA9TVsSAnZWagAAtKYP/jWqIsbduGzkb803qQfr\nAHBubLTeqFRnO35MALLdQKZzt+46P4RmJQK6J/Op/0UYY2GlPnIiYCRXmTy1\nvkuGvoGi6e6Ry/pVc7M6RxRie+mWaMROrm85hynLlxJWM9fUi6WII+1iA3IH\nKLdzscqbpakclZcIHE2WnCffZUoXmZObgwozWjlRAwP77vfbjF0AHwp+ZJ++\nv81OBvjuLJNqkmxay19BZpJSvJmDHFseSD7nZqPkTNWJxyZwVskGYxXFw2mP\n5azSGDD3VY6tkRdStyNt/pVEwmWW8N5LbPouJFzLMoDgw5FnQC3qWWbF9qdY\nV9ucQ94QsT581/H3f59fdoESW0qnbhO3909OXoWKVXbJLfPStEoRWusYclJG\ndO2jRQ3tWdrSzaRW7S1Ag2cWrNfWc4m7vAVMQ2ymsOklLLNQ/D8zPBUPTWoA\ni3HEoJjw4YvJvB9jVFDPIUhMt1Dnwz8CRr5/gpNN4TYKTjFLZpXf4OaIV22e\nGR0gID+BbebHUbGw/fbjJ+V9HR0N41T35SeTD+Y4HZ0iv3gNuYSUkcawcEAo\nhsDQ6n9NnCalSu6oPO56/2wcjlso3F3HyfNvhPsrQUhhObhTEUgyxBVO4z9W\ntRFaaPk9YfwDUoFVgqlzBTY6OIIGdUmNpBiuSLlavdlSr/+ATB/0LmVMuSvp\nJkq4\r\n=M2+c\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ed8a5f8b1756d56e3973815a51d6fc7e51c366ab","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.55ad2d7d8.0_1619486316304_0.7264907671684817","host":"s3://npm-registry-packages"}},"12.0.0-canary.ec4ac5234.0":{"name":"@material/animation","version":"12.0.0-canary.ec4ac5234.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.ec4ac5234.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fbdc6df10ed1b74d8aef8c0ef31d88aba150a357","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.ec4ac5234.0.tgz","fileCount":26,"integrity":"sha512-tx5nmmLUfKXQXNUZD3V8uju6t1GceCo4vbpgdnxil6LaLZGrlO5/BQhrqbItjf9QifGspjziuZz3kmq06IlRwQ==","signatures":[{"sig":"MEUCIBSQHSWIIj/Ea9Ftu+EKcOLMfmzJOVS9mUtcg4nYb8p6AiEA4Rg1eaIAbfUoauC2jFAeNxSS2IICpjIBRWdTef47+MQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgh8PmCRA9TVsSAnZWagAAF5AP/3cKfFxYg8qRHO0pIdMz\nJrLrPp5qeKZhMhmK+I6herpAZPaSvu4GBDalYHhchEmmqtkyVoPtyQVbOfrV\nx10g5N5HEjCFHGOWpeu/cxgZz+aVTFbeErnDtz+tEqx7a3Ovh9kcda3YIxXx\nJLYKLXkUsJFR53ivW5STFhXWyhEskPKZVymEttoJegiHzDBdyos9gXNxXmE1\n/r4A70RylPsP7x+50FiZzbQtpQXclwpOiy914Qzfo92yzmvywy3H1NzmFj7x\n/ztp/6WthmpIV53EIx3YQdm2AgKvqKt8fmzOCeMCLfx7O0sc0lxgHa33czHY\ntATTL9rp8BXMp6zArDI6vH/mtRGyao+lmqJQhH6GezA9x38jjqGmvaj4dvYo\ndqWoa4FNCnHJLfRbuZIrZllWNP486JriCkm9BArKVFhcn0msrs2Y9Be5b/nT\nifJOeFjp8ZYlxJyRPer9D1zRBw+kO4odHy2hLGeBU3y0axmG0t8yoAwZ6VoX\ny0R/CsgF9T44IpB9HN25kRlx4hth2C8f4cNG3x3xVO1uPvWZmOGXRcVrqzUv\n11nZWCTjP3Qs/td9BbPdB9UeCp6ZL0TR+SevF+H33KrSk44ZD5CLgWxdURhX\n/3XMVS4JGxUXzevnSyeAczPFSxzUtaNtr405xq7zE7qsxBOEArOWYW3Nk67r\nx719\r\n=tCZE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b189e0be8deb45b4e94790f21c377c3884f551b7","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.ec4ac5234.0_1619510245762_0.8956283882436902","host":"s3://npm-registry-packages"}},"12.0.0-canary.b0579acdb.0":{"name":"@material/animation","version":"12.0.0-canary.b0579acdb.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.b0579acdb.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7194f60c78e54c205a5335a9777149bf9afd350d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.b0579acdb.0.tgz","fileCount":26,"integrity":"sha512-SjgMQn4bEoWrkDWLy7/IBp2Ht6vyxzINhPw/LnMe9u6rXvLXO/xXdgeGg4nMR6FApWskYilMW+gIDaqOdXqVjA==","signatures":[{"sig":"MEYCIQCbIPYeyJB+dXAEaD6u48/cZLiUdx/kJQ4kQ8joXXZNggIhAI5q8mctlo292cpcXwIETD7P0Zry5wbwA68J6FnsPizz","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgh8ypCRA9TVsSAnZWagAAnBAP/jT+9RAvcuDsUdqQ/1Z3\nkZbMeJqsyShOXDizjYaRwXBaTR6r6LplDB7RUnYW16JeZHDtyzvMv7X5grKA\nBWTGZVSorJUcFI/3am9RgDpHHarnSSO/oNTW8cHteyrqubsTF5uREZJO9Rc+\noh3PV7TH318FA2N1s0aotbeEBrAuUWJchdNXgTPPDdXNRWinZ/pKC7EeivJw\nF9OT0XKcSnbtjL/kzDJ8JTyWmLdnPaUldwJR8DaMyy4Hv9NXBulqZY3rUY49\nc4SAsV79HF3vpUlQHRaiP2bwGfyFKM6CDrbfw2ndV30D5SKczqrF83+NTVR9\nfXqY8k5XKOejp4hjx4Sa+2VBNNqvJYC9jmKt/x6H0U9q18oyk8eMdVI4mt6m\ncXG0xsiPTvDIEcSK986LqV7urods4wegtc3DGYaDpyqDsgyyfBJSk2JYFnaR\nxnrH4w0FEvMobBIX98K947KSKidxfjve411X/C/+goRMKwwLRJcxClBwFNdm\nlXwuHd5qk68Hb/tgTsWMXMQmofqyD2ViX6IEXnutlm4QDtqNHwouUMQnU8Qd\noBSE7M2NulSvB7L9evJWaVsVpg/t1xhFQiBo07pBXXOpgLn2c1Q6YGhkoF7l\nfd9ioZz1NYMKdKaG/KiUl6wDYf3jGrLx0GOSUqLe19tfPjJH35rW904Nu293\nbZ0e\r\n=EEz8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d1f704610766e7d0c46b8a40beb1848121809a41","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.b0579acdb.0_1619512489161_0.5917834460927465","host":"s3://npm-registry-packages"}},"12.0.0-canary.81e2d4ff3.0":{"name":"@material/animation","version":"12.0.0-canary.81e2d4ff3.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.81e2d4ff3.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ba7f066861bef837a56f1b42f383c4ab17bbed1c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.81e2d4ff3.0.tgz","fileCount":26,"integrity":"sha512-tOgjJQaK91/fUML/nUVrG06QaTHN63sI+R+oUbZcZtFwsfaztP/wEiiXYgw/LVY3Oxpaca1YjO9Dylov5xEY8w==","signatures":[{"sig":"MEUCIF355C8n0VJrt4Gcs7b0cSTemL6NkTugELfPj6CMl0ToAiEAsVAq11CLI9+f8x5HejgRUzdERXoku5sP8kt6rWuCwTE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgiHpwCRA9TVsSAnZWagAA7skP/AnQ4JoFHDscaOywBl5H\nIRcdC5j9Fn6KY9Nk2L0Dn6CSXhtOFtKf7PRGW+QaG7o7/TEm6l+xsiPpXdPp\n5ekTypwMzup4dJZTXmmIWCtHS8NGka+eemIMglcKVNPP7gaMkn9wAaJRXCWB\no5ubZjXqo1J1ZJOj7erPtQOu/JP+PGAFAF28jKGNFw2/OhsRauQ4Ja6JFieO\nbpv+b/P6f0yFHBIyIRFiWnRx666I19v3vfKarR1DbMDd3xiW7VPB/ApT99fO\n43BTuoKdj55oEBjLuS6REvvZV6XEyTRp6IacIbVBdX88C8aXT/db0K0zdUC2\nYXm03owv8e4eyD0OVcaWq14wC4JSAspZ+nGx3cq8kMx7l1Z3u8x64ElMGjv/\nMH4dUlcn3eNOyTw6zzYS2dHVnULiUDIIDi7ofvW3cmJhRNTADs78PEuVE0cx\nndYPlXTp3PMh1ve/LTRsewfRBax23WGGmtWN44CxEEO+KE3AwsmCeUvDMIMo\nW1prjSfSKZbXjetlbyMPkhXjZYBOyQB3sT0GicdIZqt6WO1IY0MP++rWN/Mx\nV0dBfkNM0c/bhdJDA3LRP+ubxW+kbIiez889O0Y9ofrtXLfkyAHSGXuqPdMo\n2AMrGYhceDtnJXVkwzk2ODJ7uSktsvpVxcS6YVOTbtmwbrztTPE9plGZBOKO\nXdR0\r\n=Xp7b\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f55512ab74610e3f3cd0db70822ad9b52b9cfefa","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.81e2d4ff3.0_1619556976090_0.9069601386794426","host":"s3://npm-registry-packages"}},"12.0.0-canary.c8edee52c.0":{"name":"@material/animation","version":"12.0.0-canary.c8edee52c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.c8edee52c.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f4786be890c5472bd9baa6569555c9a55974eddf","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.c8edee52c.0.tgz","fileCount":26,"integrity":"sha512-Co3QrQMY38o33HJqSNqkbj0A1hLT3nceNrv9hxcWl25z+kl4AQILgl8ltoBWCIx8Cj6q6xAExhQHkcOWgMwuhw==","signatures":[{"sig":"MEYCIQDctIqUvUxfMJrelPJmp6iBVazT3wqS6VwVBMRdKYDdVgIhAMG+CiY3LSaKRYAA56BchLACt4r9K9Npclzov4bw4r8g","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgiIXNCRA9TVsSAnZWagAAxlwQAIsJB3cRtxbZBK2VjMdt\nMnAbZjPJ4z0BHedmTiMIrksQ0IeNBA9qPuzaQQrT20HDlGENtiSHROKC3kPc\neWnG4TomTMOABtMTCuBKsT5KEXe1Xs7pxxOGyBjtwjcfsK8BE6zNyQmpBKIX\neQuYCYyL6YBNy5GPP6rfxj4s+5lHccN51pxvD/MThZ9SssOuiqWl5faxM6Xu\nhvFh66+53HdG1sO0HOdiR/qpOfOcxFRF4pmvTjaWjipaLiiuXlgHNFiRm3oL\n1EI8sI+fIubbj6t5CVQBKOTEC4qBsLSXmLF0Z2nacJ/ZNbuHKf2goQO4UzOY\n0KA+qshkJUIoY9awRpX4k9GYN6GHgolwtayqaRegNAS1Qa1IreMYDBJ7K07L\nPxa4aC0ai7ovOwoFFRe8AbkxtGpqx+HHpyae2Gkz+lSYX9tlsnCCj5Zlnnbc\nRsO6xBexY8+Koc1Sjp3iEWzB5D6mFP4V/IRRqAUEqS48AqZqK83xgkMjQVC4\ntrhzVzOq1/Ftiz0EkNGKMWrZ/pzEWjG/xTCwQZuMUbDYc5n6XXJEw7+6OZEp\n0RGpcL2IpYeLaI1Id7nfMDHjuZyDUlSrnHsPHWqer+5B8pP0t2ga+fu9cger\nAkH1eQr9epGcERjiUyjOb+B1NUWZKNA+Sg4a0tXE1to8joJrRnA0OHBYcK7U\neNb8\r\n=7EiW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e8c7902721c81225e1c8b750094cbe6ac4666a0a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.c8edee52c.0_1619559885472_0.7144923542373489","host":"s3://npm-registry-packages"}},"12.0.0-canary.f5b6110d6.0":{"name":"@material/animation","version":"12.0.0-canary.f5b6110d6.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.f5b6110d6.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6d39afb2c7bcbf25fca9d016d194644c8405ca87","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.f5b6110d6.0.tgz","fileCount":26,"integrity":"sha512-2uCO8IxVHtgf+xeaCn+RM7MaDWYfcYZ7crH4E4rFQr0v/AgHuim285rkixep+fk5t3BuNZTT5DeIlsPUwHp5Lw==","signatures":[{"sig":"MEUCIQDxp2kOmHCQNmaA2Yle0TA6OYCA2tdOjTmSsA/EUYqFUwIgYao//H1EfjA+H4y1RVG9QGzp0FfXBpISEacpgKm9I9A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgiIrTCRA9TVsSAnZWagAAeHUP/02KAeFJR07ayQbJvQum\ndS4WUMNH74QXHdV39kqI0zO46RPwOPRAQkLghzJoSqn/54QmU1lBOe2zvkjh\n+Ai0YjJDXaX94Zog6r6mHdnH51jZi+0sVVWkpJwtKB1brfpbiUfU94rUH38+\nYdHxqcAfXwxrumCzqmT1F+1VJIhyT+2Gxi4QPiGuyFPzoVnE6la49/GL87Bn\nwZsDMtMkpdK9smx8Sv1WOSjZEL6uYp7KVwB1Ul6FufJ5i1uk8cweIdOJ6k4S\n8JoWJ/O8YFdXXqoaSH6/CIJcj0u7U0Wm/XXJCupq6YAURAG/oUqybe/32w2D\nSpPS6BGPZypxC+Mmbqm4vU+lqLY+R+n5/ohwcJxloudfK8gyN1URmanZyafj\nl1UOyeX4UGKAbTYS+i6FRXm0CxkBknSWcDSDvB4S+Qt6QNRDcZtWywGSU097\nYNxuKPxttIUh9ieN2zprN1M0F3YDsVcrL51KcxTQu669enOSkHGceb5j87l1\n2MtrYwjN5dpy3rslwRCZFbHbKpoiMmpAmBBU1x04LAIeYDtbYzsCPO1/RE/F\n1ez47c42+rz81wWW4GF2jCTRJOw7d8WGt0K/ydqCDH0GqC9IFnRyQTxt+N0x\nRYKy/B2ZcbWcrwv85ZDn2b4pJ+1Mbgl3uvOTUKcL21EzY0iIEnX+XFQ2UsTE\nblrK\r\n=Gjoy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c7be6486c9ad6826105a70187add5afee2a6b50a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.f5b6110d6.0_1619561171055_0.4270896150899204","host":"s3://npm-registry-packages"}},"12.0.0-canary.cee9b9e22.0":{"name":"@material/animation","version":"12.0.0-canary.cee9b9e22.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.cee9b9e22.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"53efe922acba9c8de1c7e9d6f479d8c628890085","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.cee9b9e22.0.tgz","fileCount":26,"integrity":"sha512-KcGzWSazy3mpDHSZR5De5rhf9q0D0yYA0uEU7N04qTzS0bpRKFuXL7ZhMdUqTzuwDBR2LDhnFKUGgmfhpBlEvw==","signatures":[{"sig":"MEQCIHGSxVejk/eI7po2v2odD3MlGvN/7eu3LwY6CP/4v5dqAiAg+ioAp5ZKsIJ69gxV8SPXb+iD6tpaGTLVKnWGl6Y5lA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgiKgwCRA9TVsSAnZWagAAw8wP/2nAkI3SowiB8QO1FOPI\niNTKQ/nMj9mvNXczQ1KRG6X540CQMoJ1l9J5alUYDAFuLZRzGGmwGJQvXZxf\n2tufCYTmedNR9zv/szQ5w+UYHc22sxKvlBtlCW1HZ0pg2CA0Apx/Qrr97ehX\nSlNkGvT6UL0zrcazOlwx1mDR0K/MXXyW4IPO7UwLOmqNhylycSYiEYPfD1au\nU3SB7WGMRKZH91//qWef7sbKxBdhpS5EimFBsBZ1ir51866ale0THxWlcWMn\n0qvKQA2T7AnAUu6tcKWjy9/oHD0+S26MukFXoy60cywVsxpaq4fAz5KLve2b\nQE33dUpb6syzpnIUrna5Oi7NtZvvQfWA7gUvKSCS0lBLMfXv5MXSfmdj8zRs\n29mz/RZtFlGIim2kwuXTNbzT/bzOWayNCZn44VnYS0d0XsiJSKr3YF3vdtks\n/R+dzDdJrhIvhxglKltGJlDtK9AK3rniV6yv4v4y/k8REwSNOW5Xr0+qPuxe\nRXMIAes5hyiO44Yvx8q6i2Ae5jXvji+sCXXFUKiK0DhEx+rQJndB5MUx+2tB\n3pWOZUZClN8Oo0t9ALB+j6NNohDEdmrfbUtkm2HbDVOi0yHt/K1tWxiCmoHl\nOIJlt6Fpna4Dciv7jFGmKmfj47N3hL4/st21SZJw2zm+EhVtBucaVYRHC28i\nRHEo\r\n=4rJb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b0c779970f0809be4565910c1abadeed4dab0377","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.cee9b9e22.0_1619568687891_0.11620698621507541","host":"s3://npm-registry-packages"}},"12.0.0-canary.96e83fca7.0":{"name":"@material/animation","version":"12.0.0-canary.96e83fca7.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.96e83fca7.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6c89d0b726d6e3736c6f6daee316c6ffbc73a28e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.96e83fca7.0.tgz","fileCount":26,"integrity":"sha512-oBc4py1Mhp2pzKi9wjWvDrlZh/+gJvnmvw9yDvWuKRy+UaK9bnqpbaZwP/9DFzq6UEss6xjMEqn2hAf6IkHY7w==","signatures":[{"sig":"MEUCIAgsRDR6yRzQfv0Dg/aI4gU0u7kv/yB4q5z0AUmgBeZSAiEAwnQdmj35P+J9OcTLKNc9zi/6TW68Fnftx4YquV8m1tg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgiMyQCRA9TVsSAnZWagAAICYQAI38bAYsrQRGoCY/GFwe\n+SOFMYH2mcC/A3MjTvk2ScPcbK12t5ngGQO7CGT9NnJ26DFKdXKA6yV1qvKg\nY+BSNXufGO8+mpYqM2eClyYYeOWfwo40mTR2b2K8H3fExSQZiGjX07EKE3kA\np1TzdZvMGW9HQVs6BOfCUDq2xbRy2plLCFj+yjmQ60Eha3qsWq/d6MGIBScD\n8fQ12QcfCnYYwJCLMXstWl7Xic26o6rviIy3mIusxh6fwQOus49udm0qctM8\nlnBo/o+bj8PmqKB8T2n74Gh2dTssaOKmvE59CZVNAVPRiRCGGO7qZrlKo/gQ\nUypEFs75uXmN6VpdH6V34pcETrxAcA/VQmQjajQaygYeGRgLcSumh6LiNIyG\nWlRJXC8cKllEPgefmPev/WEpfRKsxjtZnUxabp5IURCcgMAzVfmyQ+nwXynv\nJlX8F2YOq9N7Ps/qlV6oUg7vsf7do0IGHeyyCv5JvJgp9ggvjZLBOGqGpDfh\nnH4ypatdkrKqFQQnNWJAWCoEol0Sgf8HMJuUh5HzjoPh8IBPZr6wfZLXkTmZ\nyqId6WN//f/bp/E19VmcwxgiAKFkGQ1UQEzBLCofym14ZQ3kKG3nEixel73k\ncsCYGvDu6xCIFOmiv6Kes0pbxkH2Y1rJ60XtCHuPnVbw01NOHhv+aKrwd6XV\nzhFT\r\n=iiul\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"377f0025088676d544c1393884e5f27e96143f16","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.96e83fca7.0_1619578000494_0.1720939216412536","host":"s3://npm-registry-packages"}},"12.0.0-canary.4c497bd19.0":{"name":"@material/animation","version":"12.0.0-canary.4c497bd19.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.4c497bd19.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c95a7818bf7b5dc263e0e84969b58e2fb7fb43a8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.4c497bd19.0.tgz","fileCount":26,"integrity":"sha512-mQRS3N983L8sEjRK7J1WvzRU2qr1VEhSaEEiUUiA/CAbBMWAQ5KfX900jxUdey1clOAo47Vza+oro3XhLXJdmw==","signatures":[{"sig":"MEUCIDmmxzRlwRNVFSmqV7XzMhMlbGs7zshbrP0mEpbeG7MzAiEA9f7NSc5W2XGRKQ5PWItLB4j8AGuZE5sDVrCEN27UBXw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgiaDSCRA9TVsSAnZWagAA17UQAKR8HyIwscIxZsbHAJUw\nGRJjsy7lcpx0lL72p6swXvuA2axO7cZd3V7k8fUyzlGfn0Mr6NDFZQFb/RM3\nGwd52UoUKrU2W2ZOdC4JXsGahoQEljHtEdPCv180yIjmrMLjwCWopqQ2MwEl\nPUS4z803UdnkLGKgoIRJk+M7F4u0aa2RwLiTjdv3jmRZgqaybTUnBDC2jt5L\n8hO3UnFBeC1c36FiTWV0A629AyanU61BXHGrYQhd4U/4Cw1rsSh8XGP1sDcD\n3WMgdwiRON3WwxZGxwDeQzgbPYVEXLfv6iCTlz8ymOTzDi9HGTGcvpXcAWub\nyeUhuZfzBHQNNBADV74S9E+8vnUfQ5D7wm4+WayopUSJL0KeTVW+vubvhCh+\nMkF4WkDIvrzLbtSrx2wa1yQd4XvbjBBXLdNMq5l+2InDhSNnsWDR2SYRt0Ie\nSp5oF6HFc5eV/t9k+bZXvstxpl1WrZMpe8TmzUt/TMHB6dEU/25bt/oMnbUR\nG++WzexzmkfgcJofnDqj11I/50OTUK+JeqiWZ5yIB903zz7g7mlHKqxhTiG+\nYXSeGsJH0EBBKAwQ9bfs2Cm7VYyFkW+JhXDuQjoNEpkZfu61BtbASYKeyKp+\n2daw2aQmc2qDnnFwCkwKyUbTq+0h48OAdbUi2+32Z9Ny2M6395DPHe//Nks1\nATuL\r\n=IYjH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"beb4a14c8f43815a21024c26a96e3c53851a9b41","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.4c497bd19.0_1619632337542_0.0797778501845594","host":"s3://npm-registry-packages"}},"12.0.0-canary.105b15b96.0":{"name":"@material/animation","version":"12.0.0-canary.105b15b96.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.105b15b96.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ce922724cf3fe019c5d0f2ef74ad6f0720ae2b50","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.105b15b96.0.tgz","fileCount":26,"integrity":"sha512-Z3G9Pz5pEU/+mULa8cciFDDzz3AIlHTekE++UV9pYVpGKnmAsfLB0ZUkJodmTg+3tDtnOB7KGYrG2c/333Ax7g==","signatures":[{"sig":"MEUCIQD40bYmNgIc6czjYDLsTn00fUpyfNWrpEsP/PM2c7LZQwIgDjvRBDfHi1gWBsq/wN4ctjLVw5RxP5/Whop9bWSdyoM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgidcACRA9TVsSAnZWagAAAvMP/Ru2HCVLQNiFAt9I/vuf\nQ7as6VpTTbE/0xIySAcVg9aDkI75nZbUxc/gCOyD67HnGbLY+TgrKr1TYI+Z\nGsoBc7RmhIuB9AH1D5SCrvKooKD+SMymYXpmeP+Ee6NZjCHwvZcy7o5o9vWW\nBqMa9uXOqx51xdw78SbB5x/6BLiH0yZOKHhHsxVx6uKk49wAeTCB2po682aT\n727ox4CVTveVOtjb7km3C2jxEKuJ5FwPmBwWPLVAlA9JWEdnbIPgoW4SOs42\nFxGFbYuipzP+ibBzZGvstSfZMiBJ1jefP7EafJiLUcD1jwtOz2jZB9dfbvFm\n1GFQhMCdpeQWb5KYWmz+U1vorukTVgkLYhDQUCjV62kz8UIsM4tcLkL3V4mA\nzZKvUq5Qe9K5ll6A7YoUUA8qKOkW5Xj89aQuvbmgRbc1krGAgzPa86yM4MOC\ntLEN5lyKy25p5WbHIKp+3rHhEDRHqmchYh6KtmKdviOsThKspXJDsFXIEz8I\n0a/BOPReO1gWHVbLdxX8WNFJw7aLrTmW43xw4Ga9BduhXuP3LrW69Ug5wt31\ni6WzhqU5E2dh7AXfl1Q539SkivGi38030rCtSVXjHi78oOEmf7Dmkfqf+fm6\nhdpRu0PJtOOKzlZKmOwEz+xd2yxryp4x0Qr7vnppVBnfQ/XvAXw1j+1+zVMV\nlQ54\r\n=Uaog\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"762e9351a26c1968c772104d6d64f7874c81528b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.105b15b96.0_1619646207644_0.2715703153726374","host":"s3://npm-registry-packages"}},"12.0.0-canary.6e20259e3.0":{"name":"@material/animation","version":"12.0.0-canary.6e20259e3.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.6e20259e3.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b27a4bec0c0cee47e5bd6f75d9214cc66558e0ff","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.6e20259e3.0.tgz","fileCount":26,"integrity":"sha512-VNXWdEV4/smvqrTDbLsNvwJRlPAHw8PNInUHhSNy0XgyvsytaEV57R6gdgrLlBEJGPUZo4tkV7MpmZiYKzeQEQ==","signatures":[{"sig":"MEYCIQCEPgcKFOSpNEFeyCeuAyc1JkIGXQaPE/C8Mdjn5co/SQIhAPMgR6WS3GxvKEHL2Q9rbpzD8e5S7fmP2+hAn6Numbcn","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgidgTCRA9TVsSAnZWagAApMgP/2a6yGRtcHwcqWrY5ktI\noEX/9Mv/Ihq8NOoNjvkzBb2Rir5oqKZ7vgtMHqVbu/22AkDENYuw16x7TLGn\niVL8mKzrkO/Y8gpcp22uHYmabkDrLgVja+pIsjKzOhaJs2bitorYX6SVBXL+\nxauS5SFjKAr00gqVdPIS5G/ddXtZ2BaYeCe6KFqAGvJNt0Qj5hDR09dXa7EU\nfvCbAVD8xkaTjoShYQwnjxai+/g1F8zB3kcl9x/wvcSy3bEgDKjC24mzW9EJ\nbrN/fMGjTG+MjI3KXaG2kOvZMjDxYi59Iewfl2TDAo7JCXKRsX9JTs3SmRsl\nI/a4oP0RceCL68gfahNxRCoXLqEeqAG0fJ5tnaRPIcMUjYoWIHqnMPsJQKqD\nOrUlIL9ou6Wrj2q1PtVZcY8FpScEb7bkMNSFVx7VsGJRe/asNI3DpkJ2ryBX\nl9VMP04+/YhFIK3sIOCurYo3NljXccA9wOqwSs9JAmAme1BZr4DSloK+0TUe\n9l+mCTMwKqmv+1bdzIh9ExSD4QHXFE6Vavq6i4Uj5xHt2Ki2WXtltCH2HefL\nlu+vviABiu5+Vfx+uGpnRe33HozEA1Vqp3d8GrSbSLTy4cZobNeiNyPlHZ2y\nA9vOB8YeLS8gLrfp2Dmg7c3My+JKEM+8vc9ZmLizKX6f5qBwShGKCaN8c529\n8wjH\r\n=7h4K\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"8e07864b42f463f977fbd0f9264b8930da72711f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.6e20259e3.0_1619646483243_0.10197198128403362","host":"s3://npm-registry-packages"}},"12.0.0-canary.0f79a5d74.0":{"name":"@material/animation","version":"12.0.0-canary.0f79a5d74.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.0f79a5d74.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f765270030a520b4e327322cae81df75ec87c39b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.0f79a5d74.0.tgz","fileCount":26,"integrity":"sha512-FSlSnec77PQ5rE11lcLImcF1plEuurdHuYPO2aRqvGvb8MgBwiY+hQw1oQwY/q9STk+ab9DGDz6DjIg1gRKWzQ==","signatures":[{"sig":"MEUCIQCg/3fq7i+cJA6E2WRF5izbOdoqUhpJTcF7tsNzGG5KJAIgCi3CvLD/I8LVuDY+jofTDJ0ai0cpr8xqcyxL5L9Luzw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgieSoCRA9TVsSAnZWagAAVLsQAJNI1kD5ufg+VHqGO9Xf\njAqnBxm8+5gW7/nrollXIfZpzWOTFD6Q+NJBJxQ4LUdt/xEo83Kx4HgtSPA2\nI4CmGbC6Va6Ti1WIPsSHF8PgbB+0DS4dhFCinYWyJDiwJtWocozcTysTuyhe\nEJ3gbcJ0zON2vl94/nSqlUHPdxhbcoL/QB5b0rhPAhbnVcyoTAAQotyuKIGa\nOPvXKEcCsjPcmbDJpyajyfmZ6YkIDRixSxKX9LNyc/AJIY73Pkq1oPlQTrTx\n7ZGJCibNMaWib78KWcPGBULwqK7BCHOZg9yex8Wp6i9iiBzwqxBTeZkeCYf7\n8ODBtdxcLtkI7A88ZpV8GU7gnIcfoVT+xYbQLZ/+ZNFzOfGV09MqBRGJmwl+\njPnhhz4kuFfjCFk4aO4uHUbmTdIhLhml0Z1BFhrPRKrdPtp5PaMx7QcRU2we\nRBpcjoTW7PkPY54WTjLjK/n3gSCJKJF+cRXoI+iPRTqyZx0v548Xu7EtBiUJ\nqXpyLh5KLcxGna4HFNQreFISSHDYkC6a04WPwxLCJY9WP3bH4/m8OBVRM4tH\nn0f/gw3gwjaHnxlIxCFaJ5BIZQOfiznyWtIjzAm59uJACZfvFmS8ARKEVDJS\noTEGY6h91vwJjwuZjdgx2Do8Q4K8Zd2RQFArkUggLzgglym2F3uzTSMnL9bR\nN6zb\r\n=Tynu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2fcb990c07fcc62dc025eb258f87a8f04f08fee5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.0f79a5d74.0_1619649703734_0.5765675796469418","host":"s3://npm-registry-packages"}},"12.0.0-canary.84f3db9ed.0":{"name":"@material/animation","version":"12.0.0-canary.84f3db9ed.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.84f3db9ed.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"05fddadb138900465ca6e26940d203e1a4ee4f45","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.84f3db9ed.0.tgz","fileCount":26,"integrity":"sha512-IxVfhYlr90097IMMOvRsFs1zoqf8j1/PVBBq6/HTUueDOVQD7DTv3FXuInxGe8WCIJsXacRa+FUgTmoKbvyjWQ==","signatures":[{"sig":"MEYCIQD+KApM35V/eQXwoL+j+PFEbRM1wz7yR+/PPMnQv3xnPQIhAOGOBgNd+V9AvPXrXyp091JxA4/ZllSQflp81FrtcnmQ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgir+4CRA9TVsSAnZWagAAWHUP/jrLlexLYClGg7x/3bZH\nQyFp9XKtjbROe2sdMIj2vPCD+zGcWcdh02x6sESxiAnYk7Ne5Ml5V+8rcm2X\n1BLpfw2gLRO5amu5zAGm6UHNQQpQRZmCat+NNZvq4HNkysiA9l64Ys8uLgje\nsruxyBfuyQKsgX0xMG2H6gXwODfihDTcVDaOeM5fcha6Vd/equtorqrVqLVT\nNlsLJ1QgyAsYaZAsR9seeBVXwPcQFHT1ew6lmbl0Pbkvb5brxiCpyTYAcIBY\n1GDrIM0jn513dgbWDeNWDYW+FKE7Gcpq+G09LOQn0SVRvAWxDqeWIzWHtUS8\nwvRVQ20dLMHneHOoAf7iLPNTDnfbca0ciZqyKfXiiFC4sFc7WLMvszKDWIDW\nYvQLI1d5Hb2yY6jfonSQZezGtUeQbCV6STQL8tn43dNEnelA4okoPwi/ro64\nfqi99P29x1Zi2bI6AWfBd6BP65vFqlWKH/W0gh3HUNKvWLKzMpCnUFvgjy2u\no+65fsXogh/erZPpsRzy2YvkuSQfXg6uZQPVCY7TFa2Tv+RdYfhyquYJLS5Z\nIRJ+2P5SkblQkQHDTzQw6ME3mE4lH8g3TcWjJZ5DjDeapWrZY8+GWxlQuodZ\ntXwThf2QC/ygcpABFNu1DVbWAf4TKo6sfWs8w+QuLx4XiSchWijDIv+Qz0au\nwp1k\r\n=P0oQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7c4b7e41edc7737412479194451432cfd33839b4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.84f3db9ed.0_1619705783902_0.05846632127207663","host":"s3://npm-registry-packages"}},"12.0.0-canary.8fc29273c.0":{"name":"@material/animation","version":"12.0.0-canary.8fc29273c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.8fc29273c.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e8c47cb951dc26975a6e148d0185405b447fad89","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.8fc29273c.0.tgz","fileCount":26,"integrity":"sha512-DrgYcBhPCts8U0iA3c9teoh63QYtefVO5MeBWEZT4tGCBOJK8lkVi+OhLTnbZ8JwmOnWyM8DFQhpVB0Ird69Tg==","signatures":[{"sig":"MEUCIQCdgBJUOKkOmiCjrB/LRJpons9biWbSDjb9+ybXVtHakQIgBssuKswEnT6jWWKLVmuCJByjPVlwjC4dpgFgiMKUxnY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgiyN9CRA9TVsSAnZWagAAYesP/3xbPCYOdy0AOPExxI1H\nZgZwNoyT5hfjMHG5RFIM3fZBdBNdl9bGLJuFalSHU/9BsELCpGm4QeuXxMdj\nZ1J+nwEXBp1RGvT7B1sLwMM9f2deuj897wG2Yu9agZW9UTncoW5WGsvE1Nxw\nw9pTpWqyc2rGaAPkXM82Ey6ITl97jPRlR4fr6tM3Nig3xIZtE3YXcSUvVxn7\nvKFukWcT3lVEJn8HGY89syx7Jola3DtIvMCsv9Z3bKTRUYCJfSqN+GzPM0oJ\n6esWQE3Zw7yQH1BsSu7M8Cq0zzl9iEghqrjDcAd8yEVTg+58DSrzQisbRye9\n5TAEPl/TULWE7Q8jY80zjYYOwPVHLdjY43Mf1N35ok6p7UguWNfUPE7jySkF\nvlB11vSOeUzxBVS9DS7VucOxvLBgX2z0riqP+qsqMkfgYz3VIYXQg65HjkkR\nBHV2If9c0EnoPt4EtRzgGn6C59m199CBYampztn6b5KPEdasP0ZruAGSOjSX\nx09gtnL2wQ70lVYk86pPBycW32ByNFvYdm2ucCvEChZP3gD1SwWSsChx/NTp\nuOthnS8v7toVxG6QYRGGCPd4dYVVQ9IPL7B0kPJcg2Nny5J08ufb0PddWozg\nOHeCHC9QD9+EAq2LTObmD5ZFvml3sLUbjRYjQ62sc3cLXqO8lIi4eR0aZCqk\n7Gl/\r\n=f6xg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"fd877c3e50788fb95663fb8213bcd66f347cdd0e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.8fc29273c.0_1619731325165_0.7102537027752125","host":"s3://npm-registry-packages"}},"12.0.0-canary.c50d20bab.0":{"name":"@material/animation","version":"12.0.0-canary.c50d20bab.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.c50d20bab.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e3a68c2f03275698d70cceba41736f23cbe958c5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.c50d20bab.0.tgz","fileCount":26,"integrity":"sha512-6hyzruoI8N4zZi5q54vZCNSbxXukIorKS/MNaCxDvDKRgAKP1zSWXFyCsldty2bwqdBqOszh4rowXXUguQTRFQ==","signatures":[{"sig":"MEUCIQCdwGYVGmOpgzUmGxDVc5+X+HpdE+KcVfBhh50lzn8jIAIgK/fGLTfyl1BxXswy1TycRun509GlofyBfRA5wkv1st0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgizqVCRA9TVsSAnZWagAAdHsP/R4l42rmYf7uI+Y1h+Uu\n/bDeVuZvPVJDJCIbqehCNmas6GVD8EHVNRSjsXucFiCM0NPT6mlGytY7xUBi\nk35xEcIPzFXEUByTR7pXkU8MLzT5AMuuOgX38lJrtnwp3k5ZLu140eYm8Zuv\nMeTvT7YEoTDkSwjLBi3U5um47ygsgdoMv5uxnLYxIuHLPgoXky+U4HNZ/FoJ\nSYsEchra/Tbtdkmh1TvVYdBJawrc7V1my7XOBFUaOnfH/2Wc3nHEzRoEQyWa\nn5mPjlmiPwcAMv34Wzlshe+ZBBC6l/SjBCUuFhJew8k+kWDu1x8oFtATNfjj\nHM/ZewHfQZXFw9dFhzcA6wSgB5iWMRjhDK2wWGpflICyyJSz4amG0oiXtnIR\nUQVdyAO87PTrFuAAOYkDpVhGLw9ay7Rlnd2kBe3FQqCh1zUTBaAbYydlphKa\nS+W1ZvW02EGv0537D8b/Cv7BaXZfag3qEfYHpuMK97rjTwvk36r1GGMoQ3kh\nkhiBjJGh0oDQ0tA44j+Zc0CK6ZzeLKPKXr9RHoPAkr5zT2LCHh87CS4rUIgw\n8KMPMsSAS6AaX/v5U+pQisbGW8NM/yjUWCgwtJu6vEd6YAOXmOW3hdjmfADX\nvEXDo+KdOfMf1nbZwinPhmPbZTTutsM0HU4irYmqinpyhYXwlv87zqKbWzuA\nEb1p\r\n=1PzK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2aee1fe5eaed5267b0e67f1610c29dd399d323c1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.c50d20bab.0_1619737236533_0.47767690600388124","host":"s3://npm-registry-packages"}},"12.0.0-canary.474836ad0.0":{"name":"@material/animation","version":"12.0.0-canary.474836ad0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.474836ad0.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"480cb0744e3d94820a90af5d7799e6a7dad81698","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.474836ad0.0.tgz","fileCount":26,"integrity":"sha512-qZOPGfU8rMAcdIzdxJylNudshA/ieoRH+/A0ExkL87NUoxPXC4kPJeTmzrMfWI2Rq6YGongdKX6fj6Cvi8hhaA==","signatures":[{"sig":"MEUCIFjuOA3Mv55eWD+3xyUaK08qihDYuccc8d0QevxrmHHwAiEAqM6OtBaUXq4WDC1n0xp+gH3+6f+21+UrXt3GUdwyMrw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgjMy9CRA9TVsSAnZWagAAPhQP/1uXNXR4OtSjLHq3UwFH\nt8MXb8RH0i+pKJvFmsOKGXouMIQBfSGXcrO1xdquLegKPpb/YdSTcvRYQdSQ\n3+4fli85p3+s5+rITyS7TOEWKuA5NMf2o2AbwDmArhNS69KlQ0ycLmUWupPZ\na/39cNqxyxiisM+8aoZgKhzNx/sfmmSJjOPp9ACoGwNTjiD7Rd0E4WFEZqx5\nHPyrz9KwIJFGV3aYnHWRRkcIi7qgRIFZr6NHSjyRGV0wUe4pbqubp92B8+3G\nh4QzGgg+gxI6naCby+MOgUa306xGI7ysSI+zfmDXeFtzSqVstLw/YNVEglqm\nqdbCCcQCCHIeDKxdipz396u/UmAGflb6IhQ4U5wNT94AUtZzRon4W8xifQ7X\nAVbA7rBpeWICFj2ZKw0fkGkvzCu+kyRMPPBREMp1yEHjhkTZwbkOfFHARtSP\nIdztWA6JMHkfaYCEe+YFok7m217SY22gDs7yTWDEm8Cp83ful+J9QN+0tMn+\nwwsqMmqSHeKJUZwEYy3okLzi7DcK6YD/LvhTYS7HM+7/H16P4K5GwL3RA62l\nJ3tRt5dmMU6UsKQm/oN/Bg34MiEIjTmkfWuA37zGB238mRbSmitW0ls8hN/9\nQuQBP18NWDg/xlnlu0Z4JtHykLCQ1jOu5tHUItXwVAqpKR1GTFXZMpjSGDwh\nfYp7\r\n=/UjU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c9a6db3013566afb165bda88b05607f2ee398718","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.474836ad0.0_1619840188970_0.3419946760627921","host":"s3://npm-registry-packages"}},"12.0.0-canary.f5ad92287.0":{"name":"@material/animation","version":"12.0.0-canary.f5ad92287.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.f5ad92287.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4e2122eefbd471d32715f8ba27e71772c8580683","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.f5ad92287.0.tgz","fileCount":26,"integrity":"sha512-qc+G+W552AYWjQnPgeoWizhNfzeQXhVH2jeumHRDksF9vzRf9qKHrItU7+FcCphEK2u90gdUfssjDxVClkt4ZQ==","signatures":[{"sig":"MEQCIEEBCPIlsiSoSKNR+ih8IzDQVyANAnpVoWEMd2mJIPfeAiAAwIktcrR6QHWGyp+Lwb/FqmGefwBun7aeKm/Qv2ub7Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkD8TCRA9TVsSAnZWagAAwRUP/1eZM0x0rh7XGZKnZ7Ks\npGGvM/MBp/FgS3K/1Y63qDYH3i5TfyjPETnwjkGLqrGnmo0NP2pYdgcNaOH5\nSnWnhMLBCTxq2XOj4IIZ8Zi64SBK8d2CPN1Z1qUwYDzdbG53FXVUdsGAQmRk\nwZZ0BpzlbJqqcYIE6bUD8Jv0226UrYgtNQPdkYMnoKeLTs2o/yOcruqbRbD0\nIhQjVO9M9+z+BhYJekVgl0huGRXbtPgZDgbEcLve4AN1yzsRIYLNNA2p3N0M\n+9W6MUV5HbAl6MEssUP+Jh3qPrdjhI9mzfC9Qr/pZdSpftEvMJxoa7d0q5Nl\nT/MhyQamD3bIcQYAPV+95k8Pi6OdFAJaGoKKkoRC1Jrxq/run06OpD4QmOfc\nRTl6kZTBW7KPM+LumId7T0HSye1mLweJZ9OwOZHH0w7I9iOeUuaH3LN0h62e\nvpQofICMBImmURLExy6lyY4w2h1WFq3tHL18q/fueViLI/p59eb+TfydUyiw\ntYGJG/JkIJ8m71/qoC1qDuYrZ2UNmMZhKBe0LV3tsnb+oZ0WfnKtjPgTEYRa\n1dZ1t11YpxkkhLfkAYRdNAvvLmCv2NQh8sAYCcR8OLGrt3W4e7ha6oJ8ViFs\nkE1RxGwoCFlKh7L1k0ahRuZT70WXMky1gr5HpRqo3auiGcxlruOKYS7kRp5P\nM8Wo\r\n=CvUJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"493c206bef4cedd10981093c61731e1c1547227e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.f5ad92287.0_1620066067323_0.7593565231070276","host":"s3://npm-registry-packages"}},"12.0.0-canary.af453daf8.0":{"name":"@material/animation","version":"12.0.0-canary.af453daf8.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.af453daf8.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9e35839f4d2b1d2ce56a5ededc7a466d3e37be5a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.af453daf8.0.tgz","fileCount":26,"integrity":"sha512-XMAd4DQMJ30v5z9cFZWIsC234TBwrNYdVx6jzAYluZODP9Fv3+M6krinTqUhau5FieqC6Hv9FzOrTjmNT3TrTg==","signatures":[{"sig":"MEUCIQDqiImcfV/TfS3Xo/p46rc2p/RtLQnGDzhBV78WyVS5iQIgDMLKqGsQ1BJSXn4qcbPT5KBf6RfLovEweCBUJxVMwCM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkEZcCRA9TVsSAnZWagAA7YoP/2fZNq5FKJOxbOaKHBk7\nPqkU0MVCQ90LfkU1R7+HNScry8hH2sQ3l8ptOgliE7tvo0lShPb0Nvty63LO\nxlVwitem+KVigjHVEHgh33fEA6SjLi0sKt/imPO4Uy/MFErN0sZK1qUCZJ4F\noCt6jCzjFcTOE7kn1C9hvVs8mEZzCG5L+7KG6fsmOYunquqY2WEdR6x1Dsgc\nhhtFrEEuWzV8km8YVjmvfR+m4HYs/GVlzh2KTevZBA+dn4Yh2OP4X/rrViRl\nUItYv4EVUNJtiYfnLe54K1+dKcI+8f3wPYbHzjgXrWEq7Q8NPopqQthwZg31\nTG5d3NV9tX47aAwusg6yDd49mqfP6/m0ITGzZGWbQVnJ5OOG78oUnW2vw57D\nTggLeuma5l9NdZlTAf7mdQIDDjINhSKpSd6nC446TQU8IUrlOaGUfYlsnH6E\nqq5+u7c2ncBnoweiaGMYWMI5toF7x8J2rAI6gtaIUW6spPWwp6y7l0GNJz/5\nIfB97KxE1YE9hrWkOeUVMrMgMfsSLXMZghc4xdoPYoujJ+762hrCu4wRXXXH\nlxcy6R1ZEbOdNL9LkEp0wmDlVGGVTUEs7n4Be+RiwOZOlDjLjaaOHiu0bZ6f\nbPCg2wysSwHnD13kjE38ixw/haxw/t2m3/4VhzY7qwLrdS84/6u275XQa99r\n77il\r\n=P1qz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d55347cda19a4d9469eff68955185d9d5e235a16","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.af453daf8.0_1620067931781_0.3372957953234581","host":"s3://npm-registry-packages"}},"12.0.0-canary.1f1918c24.0":{"name":"@material/animation","version":"12.0.0-canary.1f1918c24.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.1f1918c24.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5d965ab146c4c2ca6aaf322ba0f7ae888d45b672","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.1f1918c24.0.tgz","fileCount":26,"integrity":"sha512-yyTV17RB66YsGsgubqBWk17W0Ub87FqYgUYyANOrcIm+luO25Q0NPXFu4wlElM0duS0GSs1buZkDzgAJE4FgQg==","signatures":[{"sig":"MEQCIErcbNzcPoe1coDY0MRuIRn8DoJqXR/RaAhLqUByCO09AiByIzQKXOcrjAB6xyL1xgnfAwcx/i8Wp6Akh6KWC/r+Yw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkE0uCRA9TVsSAnZWagAAseoP/ig1mu+wP5hg68+gT+ya\nFmpIpktviTmgv3lg/yZLiiSEkzWjBPOnno0CwaEsHIRmfWhQignVgr8AT03r\nUwLJGwGWL7il8QSueNunzK3zIWQ534/IY5UcqKlzL5KtBVSofWti0El7rhFT\ndGglrsTnQVR0F3eiuLc0YE4kQovyfvUSZmPG/1MDXgnp/FtlpUnptpIcn+LW\nRya+O6HE5R8dIOOBFyQ8Oq/xWnwCKjG4ga8Ty86ffsjm+pGQIQjc1FBHga53\nyGDNUrpnY4AHlJUOSxv3YQrSIwg43o0qJA7NUD4x38gMB3X/ycRtx3Ws0a/T\n/mL4IXvrDGXCUN6qRqpcuwqFsdZ1aAmTg31km3msWEtl3SMiXOglQlu4RYUD\nOZnLcqvkeseRKNws9Hzt/YuwbHYALOmxBhMNqizqHVlQRuLePUva4YKDV6Gf\nnOWX4jv9PfPvtwibXIj4nR1ghXQWGRimORAa9U7LcHHQbp2LKXNG/0YVjKtM\nC3SmCr8K46CoqyrXdZEmX80UofjrloBsDQwIU6yFj9ICA2eXRc0DvG3A9sAc\ntr2sdWiYadMV78e/A/1g/e0JJ7SYHkQlE5OHklTm1zoZW+kmXaWSYVerO6ZP\nOr/pT9kDq5l79m9CrSNdVH0j98GW9K4raOaK2T6DMrYvlsotfjViqJoUxJHJ\nvbNy\r\n=bJoT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"cda2e786bcb73ac46385a1c6459a8ab7bd9ef6a9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.1f1918c24.0_1620069677946_0.1649442108418544","host":"s3://npm-registry-packages"}},"12.0.0-canary.33148231f.0":{"name":"@material/animation","version":"12.0.0-canary.33148231f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.33148231f.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"298b35470b3ed177c58bb05af23f5ab70d70832c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.33148231f.0.tgz","fileCount":26,"integrity":"sha512-P8JBl5j5lOZEN68AbjeBoRfo/N+Wl+hW5L9TjaljZ7nf1rAz9EB2vVlRExG1jnY6Os+DyfSpKRlMPKjiP9VXMw==","signatures":[{"sig":"MEUCIDPsrMmm5CcoY553Ww0UQJ3FVLXK6KuiWpnEtcH+6W+wAiEA6xXDdEBgdq4Z7f4ylyKENlcMoyo/+MbB1aeszWxqvHU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkFECCRA9TVsSAnZWagAA4QgQAIE2dlM6RPB/VljCkQYd\nu8RQ4v0Zmp6EyQ2kbhP/bDXY2mLhf19FVMV9rAvDqtYej8CMbsoFgVJ8OPEV\n0NzmoDpD2MIw286rWH7cTTnmlbjaGVoYgmZRDkZXLQjxe5WmnAisj7QFVTuT\nU7X7CHdJCsLUx9Z2wduskXV4vZBg5y3w7YzptziLoQP0VO9vDLD252Yx+2C0\nasNG8R/LeqEgs5bWTUjHJWjcKOeFy9JinDukQN0tYZlO9nn7Me8cwJr0SxUf\n2+SoQVpwrQ0nZfFMvt66N515bG/RtGr+8ww36jQzJ5UJ9Hl64s9hdyOTT0TO\n78FqlO3fJjehXs7R1lStcuJsOHv0NBhxej5FmG2NIK7t2fL8RVu6sFMRxsQA\nv6RUDzerXVXQdVcGITH7+k2ncZgEIVRA5DAC+C0C3BWCCiZEGNZUU/8nQhV3\n7At4FODXlQk85mz3z/+D618Svq4/XBI9bwfWji3jRz/9gH6M36Inu0tii+6j\nad8S7Dw0eAzk5PtoM1J3j8X5JrhlqYBOdaEwv2gMAcf84kPRBYfbK8+FncJ6\nqk507TnKG0IIXa465gEFRHVfBar/IXTtQMcUl/ShBwicqYiXY03BFNHGF4XN\nOWZCguVg5AIwEfmJP8u6whBEkr4Kzxcy7KW8izTWGoHbjSXQS84GvALXKAua\n3td4\r\n=rcyb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"bb5a14b15a74fcef265050ad96f737d0acf36987","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.33148231f.0_1620070658281_0.869449375143106","host":"s3://npm-registry-packages"}},"12.0.0-canary.06b76fa74.0":{"name":"@material/animation","version":"12.0.0-canary.06b76fa74.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.06b76fa74.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3316ab28f74d5b3b24b99e14b481ad6805c2a72e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.06b76fa74.0.tgz","fileCount":26,"integrity":"sha512-ALs74H183ZyEebmNGhKhONRNJ8fWEZFB8vfaaxmJbR9xeOch2VnuNTM6Ce9eIP8DhwDFDnLsK8tZ4Ix0L3fHPw==","signatures":[{"sig":"MEQCIELMgbBLmcLSr5khqVrMRGMYgyYRV5JELGN6Yua19UcYAiA91o74ezfkfjZH9bRdUcmmzcHFrzv+XL+BStRlAt1atA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkFKlCRA9TVsSAnZWagAA19cP/j3o7UNybKsut9nc32N4\njdfBfFc/1y0vx1Sopo93hd6E8Cn6CYxxW1G7tLfTDxLwTevZYORPaMmXNGyb\nSqGO6q5dzUAqHs4yIgb8hsudwyJsbanGm+poONw+kHUmdx5QJXxiVSaQ5Ax3\n6FD4ydmQ+PDEjV6mUps9qL5SYd82RQMCDqiQe6HQKRLg0hRzQUM25qh8mPpR\nhGpjkbkHU8bR7dkk8oyRxXtM8rGG+bq+GEj2dLRAEtx6iXs6s0ijE6eObD/b\na/LiIAVlSZQfaEiy363+839ZoMi806VlzoXpKWUUE2xHcsjsBWvwbu4lfk3q\nRT8Msf6ZSLQpekzg/thx37oSp5DIsB5o/cND9ZFl1GhY6TA3dsKb/Vy5D+yA\nKrtzNtPt/lYfdycnz/C12k4nsT1lmrEbYyyQKSA48Zcs8pt8y0TBkaoB5TS+\nEoEJmYccrTJEAUvLb+zMJpnrYokOQ9Rp2530sUU7USMSJ4FaDrNhy+8LbGIk\nlWKMCqOPLOSUCD79F7ZE9dp5Hon9hDNgmrP+1h1gSd/wGfMiMqEIJEHI6Ozp\nF4aTaZTv5RCfjIz7zUkzfOjXSyC5i64SKJ7vNSOz5jad4jr7HU3c8wiZiTW8\nXZSDf9XUR6SxZy1Tuu7X67v3AhJpBLoirChgjmgZicxr/mNsCPK41ZgA3O4r\nnu7P\r\n=YDpU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"6a6a73c9687e196677329640dc1ed025d13b44a4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.06b76fa74.0_1620071076800_0.5685690394645821","host":"s3://npm-registry-packages"}},"12.0.0-canary.7c5000473.0":{"name":"@material/animation","version":"12.0.0-canary.7c5000473.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.7c5000473.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"69e9a127c930f714d015daea58691c4789588b49","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.7c5000473.0.tgz","fileCount":26,"integrity":"sha512-u3qS+5bouqjFTTOK6kQPfpLgfLVojAqOo0qBks0sVvypMwHsf3eiTL4vsJiLE89DCGpbFz1S4WmOmBRIIXB5YQ==","signatures":[{"sig":"MEUCIQC1JmMo8Tn0YyChiLkQMltkXy5wJPOgH+AYcVYxMCSEFwIge1/DYR6wWlgP1Rq90MR3ERpl0yMW0S3kLo6HwhUJQLU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkHvYCRA9TVsSAnZWagAAfaQQAI8c7XvATrs5s+bVlRs5\nsxL9vAxCvPdImvCQBuKzvaalov4VYaIAgNd7T6BvR2CK3lGOWG7e94JkQFfI\nJn1M3sYEW13B1zDRtCScbhqtJ/mLdFAYzFcp+fyY/Bg4PPkiFohCYskq48wn\nzVBu4h5C+x8w4+BXp+dw9LmW5CN3NACWqNiV45fxeUQUtbbgMP7fqC3tGJwr\n+Nd/mDWDEIaSDUey78Gly3l7BpFwW1qu+1vTpcy42nb1kpMpY0ah00mLlg5t\n/lP20l0W+fX6M1054g/ow51zqHO+cFoq0qkxX/US0nHMrQzhj7Wa47npkTyO\n2dyO6P7Lp693TOkxlk1IDl/PiK1p/cOFT2b5xV6GLmu/0kyLrlFfyruqbCt0\n6yGgOxOqKPGsWqAUxM+Ize2IEMppXeFoLoZn0fBqR8uxhNKRXIHxBvLSF5yR\nC/agTqN4QUhMRZk5nSiRo9QZsLI/55S3K5/vd7GpPzpvCOGc77YwQ3MEXnIO\ntuQhtoMB/csraesv+OHaBnhWe+w0DZ+SO3BDfV3O7PpoBh6edDMoCSg7600S\nVCH75tWbs6cFFTd5Ox5gJAYYkEsnZGf/kDWBvFRiOGRAofD8OJykVEWzcbO4\nnzFxTN9QjYZn/mjfwgTtU7+oCLglS6zrb6TZf7kxQBUhCN38ZXbj5MB5LX/l\nTv8T\r\n=oWjt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d53e0032497f2efb6a42d541ce5cd2072711f86c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.7c5000473.0_1620081623877_0.6982633787163655","host":"s3://npm-registry-packages"}},"12.0.0-canary.de997644b.0":{"name":"@material/animation","version":"12.0.0-canary.de997644b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.de997644b.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1d06c67f5b57b7e2ad0fbd0620905312d65c059e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.de997644b.0.tgz","fileCount":26,"integrity":"sha512-Vfyy0HsI6ttzWqr/U9TAxgugU0Lc4KfXNxVP4IblxzcGyHF3fS9+bUdgnQskW9DzoH126EJXGBq2tav5+wGCtw==","signatures":[{"sig":"MEUCIQDDa5f3LuRqQfQwmm341Fmi8+KRK/D2cR2kv9AJby2EwgIgdQ9lu+h7fONOMXE2KV3Jv0GIRy2B6nMVVLTtaVCO/0A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkYPmCRA9TVsSAnZWagAAxfkP/0fun7OFwL/yXXsU4uBl\nwAj06xAA1Xsn72HeBnjTZWiGonOM6KuI5GcGzsseNUiLdCSQkl2CsTH3rjmD\n7FA4FfFJO5dbOV44WBIYQE/vPHS9J/LpPzJpzTLoTvHEZrOl0vn7i2PR8ope\nF78B65NUhGEefR0oyrEpXtR/XNLlWWMAgpeeYd3Jl3tZeFSOPsP/lFnhqRLu\nHbL5RtTra1B1+hls1cluxNzw45rgklt3tYrQJymycIqpkTOyrTyQvGRptZNW\nsqfsCXCQ0ql3TusVdnHXSnWom4G3UAyG8SwaNE+ZtTJRihybij9L/H4hWA8h\npSXgHo5r91gV/R0IK2/PYvbvLHqJRv2DzD6ANy1jhVe5LlXJ4c1dnPMtL7lp\n+nnFWDYwPMuq3aebVPdAIm8cFYbwc4QbZjpvA/JwkVuirTULsosOvFvKa3/m\nPERh0TS8OKQ8Ove9mALAEAKmSlYu3uQDh+xesdkiaBQZEH7jono3Qcfv+N9z\nEAj0+o/WI71tPGYvgXgo+FSXo10CXxSVE3WODzBj2AltLi7OWuLt+F07ZO8o\nmzzYN5jb2lcB9rGclMhWsDjL0nADUCkk7yZAFCV/LC1pgT96qAzMc1Ubv7HY\no67j0gXh5XGbhfG3mf7Q7aUtoB2WIFPpyd0mpCXFt1RryJCg5gipDCGKTf+h\npr0W\r\n=0C4l\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"efb97e2ef70bfc07ed9b429041e4f201bb0d3a53","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.de997644b.0_1620149221513_0.2715159960343463","host":"s3://npm-registry-packages"}},"12.0.0-canary.d4d7f1cc2.0":{"name":"@material/animation","version":"12.0.0-canary.d4d7f1cc2.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.d4d7f1cc2.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5e350a3e42ffb8ffd3a61b61163b2df72edb2422","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.d4d7f1cc2.0.tgz","fileCount":26,"integrity":"sha512-EWE5fC8tqb4lRCWtM+JcuwbkmYLpYt9Kam6uahvtn6lhKW0MdsRdIvhgViuaA3zENd0PzzBZc9HeiNeZnA+r0Q==","signatures":[{"sig":"MEYCIQDmJyYrs6/Hd+5uAXfSdD0+lmJyP7XHDL0hJ1OI3EJ1kAIhALBi3XRWDS4RjO17MfIZG5xp3IfmzWpXTLuNfGKkuJcP","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkYoqCRA9TVsSAnZWagAA9wcQAIUQfsSd/sGANvWlxv/x\n8t+j8SY4i17qzVlsINqu7UwuhFK1lc10mZ28up9gMD3x+W1QMrLFIoN1DXBX\n0RpiQEMAxKoSfsUGq1c1Y2OWVYuPRNrPfjrGNGsGgqx+G3ONgKRqyVrWbP5j\ntVuwpKZceuUbXOuPHpK62Ip+jvFWZTT5ZHBkmN3WWeDGgJDAyx793Lpsm2KQ\ndRcasvHTfXq4Bg15lLvT7sW5KdZqnBw49RiuQP5IIhBhOoXRNAmCHln0LkT4\nFQuPHb2/hFZXFTD9yibgZZHL81amBkq87fXUxw1iILy3NZfnwtzQtAy8D8dY\nhBUrTnOvSwzQ+p9+zK9eTVM10020gD7xkWPH/97/VCTge2tSax5FtWiVbY4t\nMKp3JQs8OcsyDPXCUvAX8YGQMvfKfZ7Tm0YainsM6xgCQGllgWUOgyOgTBM/\neI5fkSD57M5x/NUD05sRc3sSBzLi1tzzbBKgXm35sdMHRPPEsQjaIG4zLGw1\nedrH3MaGJfoYy0rD2n+btyjAdxzvT6m12hXyBU3sagQQNaNIpYe0O0toQFn1\npo84G81tXEy9L6myKpy4FFfgo29r+7Ub8XY8X403wgB0UaxASLNTrUChcO0H\n8waNYcgD4658jXwp2Umc/0FPzMPYS7A1sHpCjN4nQHuVqikpBD+af8Eiy9As\nTlNp\r\n=7k7C\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"473ac5e3a11b87616a0dcb004bd5a9411a271f6e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.d4d7f1cc2.0_1620150825608_0.007598719572204482","host":"s3://npm-registry-packages"}},"12.0.0-canary.be999eb08.0":{"name":"@material/animation","version":"12.0.0-canary.be999eb08.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.be999eb08.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d3855d6c022b422fe9ae9aae361506833f61478e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.be999eb08.0.tgz","fileCount":26,"integrity":"sha512-sMIOnrJSOXp0AOKGaZ8ZQmffTElN8zBD6CBN1yrhvoOW6I1R8QswnJ6fpKS7Lv0Teni69WBupALcGB5VrjQKDw==","signatures":[{"sig":"MEUCIQCrow5Vmp32qZDFOBOXU2lChu3JvI8HuT7n8rwAVH+T6gIgT3pA48ZhLGodqu/VYPso1nuQ0Z8FkIzC7+zjTQZyPEo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkYthCRA9TVsSAnZWagAAZt0QAJiNPq2Hb9z/AHkmQ/bp\n6Mbv/go6XWrdp/UzkfhkE+ItXWKbFcBxxeTNsCinHj2VZBSobg34gFg0qQFS\n3NgVIYkZDHIQRIXGQTBxfeFYLeG3GP87ua9/Tz4Xo2UpqQ/vQEXPVjiP34h+\nkQV34O9OF0GODA8ZL/i32Ajqbnh23sm3Hx5ZNb99erte85GIOcBv3huIPbpX\nlsDC1Pp6Kn6YDxDPOT6Z2M/w+jSTy6VUJgA/uQM/nNIYDkPSC6GKH0Bn02SJ\n4Mf5c7im4/e4acDei0VRJjJ/BaX4wmuIlB5Y/ceG/zieXbeAlQrDYyrHCu1v\nsnlGjkGyEjlZTSGo0iQfJMcjj6Sx8YTkEoZxADuxm/BIMeejmk3G6jGsnp2w\nFr9wBmxKORUydnf2fTEvAeGx2tgJIhgWBQiOCoSg7rzWQEdFu/arjU8U0P1w\nLVSMyEAM0scbl+bIcdt1k+xT6TyDPRZgYe+5cr1qYqj8bSyVjSNBmB17k5+Y\n9CH8GxL9iqqg/PaocPjk80sRoKpzxGQWaG56I+YFcrGid5hZPDOcSaqWZG+B\noobj7qqHVg0H5azpP1dczDO3+OEVXIGresvrU2tWSOo9IbxY9NRULnciwAlA\n8ykw9HowWBPRb5aTNfUXhcaBNNEg6hOJoflYxAj7mJ3HLyRyjRi6eR+Ic3AJ\nY+0a\r\n=moti\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"78911f7ba4a7d68ed38f554357f8f224ec7a15fd","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.be999eb08.0_1620151137132_0.22548693503591255","host":"s3://npm-registry-packages"}},"12.0.0-canary.eda1705fc.0":{"name":"@material/animation","version":"12.0.0-canary.eda1705fc.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.eda1705fc.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1d988f6e96d729c53fc551954038460eba581bf1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.eda1705fc.0.tgz","fileCount":26,"integrity":"sha512-hCDdKl/PHOAWnnzELTtbf6JxzZOTdJTdqW4Y53JA2t7NskJV8EfcDkRQA2tSX/gSRI/oXRaksMVmbzDL0r4rWQ==","signatures":[{"sig":"MEUCIQDdRx48kWtgDLP4Jg6WehqaJLxao8EFsfIX951mgch9pgIgWtIeqZM8hDA1lu7b7gwnMfP475UmBT+4YDGrERv+G4w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkZvSCRA9TVsSAnZWagAA6X4P/R27HMJxnjADWhOjTjIf\n1WPrV1/DYl7yBCnO9mPNr+hP/gd3laIIeK1HuJ2gnncqcJ5x43JHXHuBtIZM\nhE1y3d6ViCACP5r4zp73As6ySpQR/fzfhN2j26y8S8clFY02nPe8J/ENrl+D\n3Ucjb92XFmY0vhmrUlozC1zyPtRgI238RvXrU+9XjGKOVYm7yH6+L5/7GMce\nr2SqBgd3w4wSc3m7oMjnOmfZ35yhrA+0SUtpYjp7cYSlplXQW6HDWkISoEt4\nLVQzqLQRms/RUu5RA1TLHPoCPudJX3/xMgD16N38/md+D99c4Iw9fz7wQXHT\nPpksh863WTBiHhW6ucY7ZxmNIaH4Y/SyKPSnDmSdPZwshijIhhCT1KYNbOBV\nP/koHgbNzECx2u6ZoQG2QtThQUj59OPMNLyE2Iw0kvRa4FpgM9kq0e9sNjft\nhvworA8pDYtIB1P1TT4lrh94f9xNJ/+cpHs6twPMnFJWxAbxK8Kmv5lZp7FC\n50E8ryDnaIrWpHuDZAp27UnF+oFCqPpkOPXHCaGHm0Kb7M8zpWwnjrmXhgha\nAxBxWalZ/h1+gQLW6nNNJsGdTu13/kXWgTHDmzc/B3pIAYgQOowW1EpT+5KU\nxe03rNVnX+uWD4tkxllf7adf+eOh+IeTpP1kYKr2Yb8u5ryUmLNw51kohyc8\nY/YM\r\n=n9Ho\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a4c7f355f27d26cb39ac4876510254d165a5645d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.eda1705fc.0_1620155346319_0.06818902111696046","host":"s3://npm-registry-packages"}},"12.0.0-canary.718c90178.0":{"name":"@material/animation","version":"12.0.0-canary.718c90178.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.718c90178.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"24009574198784bc2115efaf9bf5310b81a50261","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.718c90178.0.tgz","fileCount":26,"integrity":"sha512-Rv1rZCCTYH99Mto02+b01428fLqTSThNmZs+lFJeK1EqHrb2pG7+DM+Grp4i7pzL68s6zqrujRaXdvSq51saoA==","signatures":[{"sig":"MEYCIQCC2OSPX8bmebXilmyiF8qiqvUcSGEE+kYcRPsVjDFgrAIhAI5uvWALasOlm1LvVlVtlIpKWymIGPo+/Zs6KmDrGN9j","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkZ/eCRA9TVsSAnZWagAAE3QP/A27n/skvumH9+e2oG+e\nYMarxIDQAKkg8rO3OYy/f+bUF3P2/oFWhoDgObBWHMg5r5hx8V+Nvcop1MJM\n4I0aYUK7KvzLVY25CpmXhaNTBFIhOV5PJ4rFHEGyIappw00BfZilSxxLrlTq\nM5sfA5nMmPxxU//jxj51PAyRxRWLQPUKfE7nHmG76+/KjSVF4xFiX6OVscJm\nhOrVSgoiawSmCPyzcVQSqe2LC1bfPrcOxoXTWFZpYwevcc06Sg4jKExDp0i7\nijl15v7oICLSGkOsYPCF82z00snGnSKicQGWVcfbHFltMbhz5hZaMy+M8zF5\nEvixldfpJSUi4pKFGuswxlJZiLxv/q1aGT2BF++DLkKXwkbLY11hDUHHpygR\nZKFl1voZ7O2P7TEoAu5ubmKtpvIjHEemn2TVvrWfjyUasxblDrzhJK8IOfjW\nZORqNcs9lv0gkUGkxkhObwbKtU91kpkBAu1Xk5PsRVIprY3w13xnViCQYBuf\nqZPlbexICGcK5ZPKdGqUSwCY+U2Bjs7zPc1zEFiGH8svoFSHk4ZYSUVDcz2C\nrby9C02BtMzXXXC24kXtRMMqXZqpkGd9GuPdBwUefFfyOoLD/OhPkLr9SGfe\njxfHrch1lwJM9H7zsWVz36JylqY7UOapy0Q63A3crwjyQ2cVTfiraTl2oMld\nYuex\r\n=KuC/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"38bd77e93e567329d390e9784d4f591d6dd41191","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.718c90178.0_1620156381606_0.9507372045964195","host":"s3://npm-registry-packages"}},"12.0.0-canary.0e3917299.0":{"name":"@material/animation","version":"12.0.0-canary.0e3917299.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.0e3917299.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b066da4211262069060d072267803665f003f293","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.0e3917299.0.tgz","fileCount":26,"integrity":"sha512-Xaccwi8JlM6okoEa/2eYDAoj2mNYLv76BtbUyd1kmsjpoy1LZxAMbXh+RI754gJADhKmmTAPp4vSqH20ARwM9A==","signatures":[{"sig":"MEUCIQChuzMaY8ZyRninN3q85AGH1+NOASQxhwfiSKP4K3LPLQIgN6ks3zpT/630HgQ+olgF+ToTrYb1Kk0EpG1FYtxJmek=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkaCFCRA9TVsSAnZWagAADRoP/3xCwxl7+ZXlgEZZGwos\npV7BQdADKH3jSo9ResrFBUHOJcsPAfH+O7wkuK+yaAuyN/629EGjLhukY9he\nDAKaZ4HZGas+0qiS78xKFa7wkeV8PXtmFMvQxl9yURpy0HUeQ//tuf/8SDHj\nqxamCwtV016dpmVURoNh+RGmZSaycauMEFfqVRaQ9cdR12eoGn9/KFf5EiPE\n0KdOlLF+SzCBXFQywy8Jv5sUe2eW6TMe12kxYd6etK99yPRUZHXkPYA6CBH8\nS4keQbkUJ8Dj0La3qsDBAYMqabiH5h3ST0FGvQHoAfYQjY7IBmHWxwzYHQoQ\nb50o+No1axHZxHgjS5CipMhcQk0m53hHXvSReoyFzajxzv3lmg+epwPen6aN\nWu6ANGOPK78gEustPICZ5kEvWwzYGmfklaVc/VRTGt7iW7OCIa1BMOZ7XqD7\nbH+2XAmFuMZyCrISwc3yzKrfAUJUtaJsmQOqQDXZKTVAYDWX1+A5q8I6JDRS\nmDNTvOVC9itQo27MrNdBoBtwhDhkEMUYRnvhG+FiBjHt2SCjg3I4LOGxaDR4\nwwQYUrG5hR0LukYosFI0K89esDzgT9Bbu9SKQoCFndT0gUmwKXy8ll9W42l6\ng3yGBdy4VfjWaEfJ5eRuRtm27fjQd09jIs6HmMZgzEZqCFVPOeQWgsnqApf+\njlfR\r\n=BVFR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b53d9d2ca98f518aa071c4933f2c0046916932d2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.0e3917299.0_1620156548929_0.8853971016864901","host":"s3://npm-registry-packages"}},"12.0.0-canary.836b3c7db.0":{"name":"@material/animation","version":"12.0.0-canary.836b3c7db.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.836b3c7db.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b0921f9d8dbe5fc021c99a2e7fb57ab10cbb4124","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.836b3c7db.0.tgz","fileCount":26,"integrity":"sha512-V8n8Tb4ickyRDIr4AH9qaAkcLREvFn9r0OAnOnddtxei5BFQPY/3dVFIoYCaxsMxrxmeJ8wjyVs1Mbt+v1Msnw==","signatures":[{"sig":"MEQCIC3tViyjQbBpZikNWLzP/2d+Pjgk8i6MYw98kp4Cr2eGAiAnlCWhm7G4CA4ym8q2sDJru2b/b4OE93U4IsCxw9d2Nw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgka9lCRA9TVsSAnZWagAAhMAP/1mBK1Sly9f2q8BNilER\nTd2c1ayYdaOY6f9blR07Qwv5EG3ltWc5gYTqEx/Z9H74qfq8VbKoWDP/QUUR\nRVR/UFakxGZY91FJ6pFo/vzZtjIGfjF9rmuxsRMgZOeLQr1tFdDsXgvE3eA3\n3qYSA12/gq5FTSQHwLQs4jxLpp/JQRAWUKyBbZJEyq1cqWPW1z3cPBu16XdF\n9gE7V/mcXl3vGXn8dR0vn55y1JoiUdrx9+lNum6zzYvH+7gqU7a6WuA5FfIX\nBRnC4pEy7kO+iBKsgIpX1kNuGskTYBckagK8bOeYLz2GCSiT5nimaQTEYg4X\n2MFPkwCN5bUANFaYFNUa+XMOgS0rboR6SaF25hUwbr1Fjx+b50ASizn5zxzb\nHNd4fly5loMGX3r8/FPBEoHUbLRpFYsGMvNfwBSdxjmrtqCFGbfJE/Pu5Vax\nYVjwSzF25mInzX5LR/fhAZWlL0zo+re6Qi8fHc+9fhuT7qAQmoDF+mxLf61T\nTxTNAleQbo3Ey6d5rA6pJ+LJesnXTdnzHgt8Dy8zm2h0hxdtiPlh6pexbdFg\nNgLhXTPieB+w5Ig1SBOrPo2wFChg9GLuvOZL7VozewY7Gn4UmUISBbv0aqB0\n6QEjI8zXZr275155tNWhKVqGKG4D6m6o8EUMIVIAPDbbOh+9VNnGSngNYr/e\nBzE0\r\n=zlrV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b39ef8f7b55792965f33ce0e4907f1811ba2b17e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.836b3c7db.0_1620160357365_0.36136185105115604","host":"s3://npm-registry-packages"}},"12.0.0-canary.53d4e6d59.0":{"name":"@material/animation","version":"12.0.0-canary.53d4e6d59.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.53d4e6d59.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7f2be9587a9580d19016d43399e1a810cbbff087","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.53d4e6d59.0.tgz","fileCount":26,"integrity":"sha512-HOp8/yVJeN5CgMiIqKhBa+XxOpvijvSew/DodtWuHtuJiiL/CDKgXkH7EgrLQWrCne6XbEf+DQylYTGlYSVCIg==","signatures":[{"sig":"MEUCIQDk+2b/sWtpHbWyPDVpnZzWx5cBkbsAO/0WmzKh0nqqfwIgKJqvaQqJZgGmG2a9eAbuJtmxFQVaex8z8JnOhNpgsZE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkbMTCRA9TVsSAnZWagAANcEP/i4Tf5bb3YJAhoQ673CM\nO5KIFYK0G/xX9PC7cLNXluMZNU3iFfGvzYJeAG/ONUAgIcg4h3JQnal3zumk\ne+3eWpJeZDZvRb7pZ2eLAzeuqMRVXrfj55P9L0iGsQ/AoaVkPrzT7ZhPrgeS\nsoep3kZcMWPf8plQrXwnfNg4RJmlnQEEMabJc2fdvGfdd7arRrxctKlQUZ66\nnsYP3psaG++0V2v8BgjutpNlPHVNcSok8qPywYYg6fW5XLW8SqKg4jd0agpY\no/8Ntn/MYv6iXq6Mv92wwo4SDfqPCxqBCJpAlev518tFj/6CTGeJ37DWyrp9\ng5SuUCIwmfcH4Db/w9putvrpVt1ZHSJHe/D6bvOykvac047+btOdIsH071O5\npIgNMYQWDZEITa5zygfEpbaXNH11ACHvViM3IUsNiHPnKvu30abTVTggwUuZ\nExoOzUaVOSrxoHYw99MoFOGgA12X2n1xcliaXXLb8k7fcupDsTi9OJND6is8\nmN2yMrd82169EaWt0qnLMmvS9Ahc4WMIlU2rwAQA5oMCL2ZDGlntb/IpDZt5\nBRIx+qfeC+ah8k5PTmmj403iHZOUtDGx8wWWyXZCDqJY49kIkBJ1XBONR+QV\nksWf18+eUGhInqngMj7uU2Tm+g7XBUfzUhoG/MdJKqrQnpC2ugrRMyLimtB+\nNwg5\r\n=Qt7O\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a89a7c81034e7bfbeb469ddc1e1e463b018f7179","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.53d4e6d59.0_1620161298667_0.27478890407892353","host":"s3://npm-registry-packages"}},"12.0.0-canary.18d147e27.0":{"name":"@material/animation","version":"12.0.0-canary.18d147e27.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.18d147e27.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"32c9841b50c9055d975fd17a33a5c4c1ff1a2f74","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.18d147e27.0.tgz","fileCount":26,"integrity":"sha512-I980FBKs6fVJP2KJ8m3DQ6eSKElBlljqlSjScCeaE0Ql+VZ3IEU2GKktCjHLalKuKUP2PnQdI6juGx72AzV23g==","signatures":[{"sig":"MEQCIEvBOf/1f60J8ZcFrPB+LnF83mU+Lor5iUZ0oViZb6PmAiBZgdSg6rpTzhLkE0eOGV8RkUWbirWV6WqXIuSzSjXM0Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkbUVCRA9TVsSAnZWagAAp2kP/AyHZZXm+XydiZb6WV2U\nIg1/NuV1iOxveB1a4MDXraHOU2YtNYzD8b0f8hgIWvlwqgjw8Aakoy3c3bjs\n0MyUoen6E+O1HcXNkg1453/UJokw+pLxn/3p3iXA5hznAJ1rjUe0MV56vI5i\nhqpxFWlPVEb85NBfXE1oX20FN2UkfVlzwyc9B13XLdk3rFzCslBgic3KEnoP\n+xoKMspzrHhGwePJoypauUh1zkJI20FBSiX752IuGYbM9Ul1XpgFBUirGjjj\nTGVlt7ZvjE+KwryPloLSYjfD0vWx8LjDNNpQSa2B72ng4flnGrEBroraphHH\niZIyLMm0/L1ktCTt/AgkE0pLUH58oJ2/de6yeVveUJ/ioNOCsNcvHLrE4gFo\nH+uG+I0Z75Vj+kWEC92qO54GvJsr15UVRTljY3lJQkil5s8WOVN6FYBZY0hY\nJekl9ahL+Xx6i/sYVmG5q8cduttn+LfcniL1XAGPjM615ePE8vTLBak24FuL\nBVuklaO9GvzQYr5bxe0xU+yCERAr1FgMqpFihggCdgBcINqrHsDFt1lYBn2J\nhs7Q5xNH7oPufungwqRi1UrRDsqVUeTkUB6N4FjdqXcnRY8AlObOmphr6CYf\nDYNHv8yes66ZHGYpnop5trs7YqxfFx8Y7Y0gPOpUrXfkYhjclzXOAwyBv9ES\nTw4n\r\n=9Tew\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"02e686390dabbb1590eba968246da65476db162a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.18d147e27.0_1620161813143_0.995347538516582","host":"s3://npm-registry-packages"}},"12.0.0-canary.b9984794e.0":{"name":"@material/animation","version":"12.0.0-canary.b9984794e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.b9984794e.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"48773adb853dc1983e292581c1dc513431c13250","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.b9984794e.0.tgz","fileCount":26,"integrity":"sha512-vZpGf0GMTspAG2e1ridFCzSfIUDiSfViLkKZlALMR0a4POfhTSNZwcaTXuYVcPTQxBTqPs3toxv6ak9uwUshkw==","signatures":[{"sig":"MEYCIQD1pMnc/WZub0PrW2DWcrnMLsnZUsECJSjM/wsiNWXAzgIhAMysSRInwQOAE8EuixhDrcz543J+tDesbxY+wcBPflqX","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkdJdCRA9TVsSAnZWagAACdcP/jMDrSyjgf7sOWHv4SK+\nsazn+EK+oKKDJVxWSMRCwmcbvc3oHVvoBF3grpjukkujZLTKT9QSGzV3Su8b\nojJj8kVKfp0OUecqH4CZ8XUUeQL60hCYs+cs9rXlBlNy7oglXg3BvVyS/GbR\niHaGM9L5tALwGqhmODuWC7NYrSakVSeYl+dTaW8pJH+/1C5yymzNNeD1w8dW\nTqivzd9zCqfiJlCsHdcEDgFcJAicxJx7VfDKnfqEn4ilNKbZUdPvdORDko7M\nmgth/sdFYP5lSwrL1JExq6d955Li9XgsbkKuPDzBIuMSPTihzb0KQPmrtnZ5\nnct9eR728fs0azhQHIp+57iaJnaHFpiVMU4gBIX+d26MO2RivmJhc/cmP9Yv\nb1PFcHXj1Dxgj6tAwaFcXQ7prnzwY2PeDfJGU26pQZ3Eq9f4FK1APysrFcO5\nnJ6649HCG+TvjaEI3WJI2yBICBTBUI9jHrwk5wsQWJ3W588f86XCcYGHvgId\nYKjY8wgTew9lTxyG7knV3oq4QTDQw4b8t4gfJMeIOTMJf8LzY1b+H9vV8RlE\nV36BdLsgdhBa7LUJC33o1rBcr6OxPfZ/f8dspTUlfg6BAjlAQPnbwF5qLfPd\np2eJdQCgBTRgAdT5rOSm/qRNYMBKMV9p7C9lKxHfD8VZteu/mYI4jVRpsTUW\ncpJP\r\n=qozU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b9cb2c88737add4e6d3e04893ef4ca57b7848549","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.b9984794e.0_1620169309015_0.5597023536829839","host":"s3://npm-registry-packages"}},"12.0.0-canary.b76f5fc9d.0":{"name":"@material/animation","version":"12.0.0-canary.b76f5fc9d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.b76f5fc9d.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3e8d7f2630fe3d7e90440923e487d3d4f249f72c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.b76f5fc9d.0.tgz","fileCount":26,"integrity":"sha512-3amc0kypRsrnJKEYU3moMek3APkRlL4zJi/G+wdNxXJUIt+WQy7CuEtylRPSeiFFuHbrXH3HrkFpSRf8bGMuyA==","signatures":[{"sig":"MEUCIAsnC3v1OMpQPkOFSWOQdi4yyN7DCOprqJJMyI3QGa9XAiEAxErSG2wfMgmdhRIhsvIRhL9HA+eHRcXf+5oLkn8uh/k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkdMyCRA9TVsSAnZWagAAiQYQAJZ5PlGQ7lEMiZWMBrcK\nL5TyDflaEjsBfHqG6c6btgvD+yZeiqGdO34r8+tPynFOnynQBNohrItwsocm\n25NRm75IUBPSVvtql0wIfMJWB2qBCP0vgv/3nX8KUSoze1lQQapdR9wFMro4\nmamVU1FQQo3HtKZhmjZjE/ek8Z6PHJuTUP4bmUOR0nZT+R33j450HysuoYwQ\nUbdNRGhU+Ijgo9sog/8MOyuRy5xw1v0j4soJNf834Vi1f8i5WcXjNg43drib\nhbx5PP8oo0yc1y+PxiECU4fTgsNFwjbzdWCwJ9ytbbPmVVT7h4g8auUWLa/0\n5gXU8Hf7k6txL9o+yr0JhkU4EUxXd5HOhNil+y0lZ8NQiMaUrtJr1SpNSFPr\nonKdB9kbDJxEngS3N4+cquLibeNQcQo/RmqvNSGLdSDzulCl4eROJ0PddfCj\n1SNPuHr108fHW5RwdCwB6L+QMeMt12r6YkBMm2molsHr/Lur7X3RicG7iiTC\nX5RoicA7uPeXAOZlOFuDPfeQHXWGLHezGhi9tqLJYOTckG3qK687FUcSENrP\nRq94Xx72Armscvp93tRgxwouCoDfHg/pDttjnK/5x7ergh+BkdqSu0CX20mb\n4CseIW0D8AQM3QoGiO8UFzz4E4wyOt2P5IgxK68BMR2buYjlU80dtjiZdEOa\nXVXD\r\n=BlbV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"219c30995da49f5c5f458aa1b983f09054c2d4d4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.b76f5fc9d.0_1620169521599_0.765112768565291","host":"s3://npm-registry-packages"}},"12.0.0-canary.055d4f10a.0":{"name":"@material/animation","version":"12.0.0-canary.055d4f10a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.055d4f10a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"893cff240ba3f296ab98c8d9585d169a39c1eb5b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.055d4f10a.0.tgz","fileCount":26,"integrity":"sha512-NbTAy5gDWWE6ZLRpytH5X1ZGpDp510fd+4WPhcefvssoPjLuLh/8+0IAHUX2q8/sOMUY4HsBKHHDXd4hnafdog==","signatures":[{"sig":"MEQCIESNQu2lz1/vHDfF8K5FFP60Ph4FTWdhoK0y46RqB++kAiASVkjTrB53du7tjVODSSjzesU49fdbg6WayCIF3B3YIg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkda8CRA9TVsSAnZWagAAM+YP/RQ3d/xzO1seF+nHitbO\n7NIBC6gFdIOwBrLoxNJ8PO/b53qVveJ6xyUOxGu/yn+CFg5Ctr7Nu0vHAwGM\nbqVLYPWRHZ/WVg/EboXY6swg9YjbAexv6OvD3qTy58cfx6ZDhq0BLtLuf+3j\nI12sMHpUX1QPF7R0IlOkr/rmCSUOr9ZfmAamY/eB0rIOgjsgUXpvh7KDfa+J\nQGISGw5tdoo1eJBkTcNWpjOuLNRJXpTUjUvm5C71bgoWGcJM5p5tAegMyJ9z\nIdRNOAbEZNL6R3+qf/Vo2FpWCtTynSLBT+EqXgmuXnl+Rs5vRVsQeiczGOQi\ntaWgDRdrxXnks3P9y6PhlHljV9mTwfrYkKBdvLTe6nrfOwOjwuI3LiM/CgS1\n+lMFZDodX4XjKK9rAETApK3UPL4+bIe68gVLJU7wl00vYO1HabwHvtlK/Kq0\n5J8Ya/vUbeJSmBOZvdedDbz8TPnB1JEvq1iuZ2twBZzLErxXQF4fSL/ATZ2m\nLHUs4eeTr/+J8XUl144PSQ7x8gVe12VZywAbGLXKuZa3t+Y5XL20MGLEHzrT\nWTysfxZk7SZ8H5hvLZSjCSAnzuGjz2Nj0f3q78CfXndDMNnp9gL/DcDnVj2t\nJL6Iu0i2Gfm+/EHMw/Ogoa1Sk5Dy5vk0r4L5hlTxI++ukx8CtM+e1A2c9TEX\nVhxE\r\n=Tn2u\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"df8d3cdf52cca2c339c1fa1cd18129db35422c55","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.055d4f10a.0_1620170428509_0.6828744910056441","host":"s3://npm-registry-packages"}},"12.0.0-canary.5b6a46016.0":{"name":"@material/animation","version":"12.0.0-canary.5b6a46016.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.5b6a46016.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ae7bb918d90acd76f07ce7298e1a55f14e99e0cb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.5b6a46016.0.tgz","fileCount":26,"integrity":"sha512-Uiq7kb3RpTuIhAtWUSpp6mrTW3gg829Kmt1zh0bPLp692g4TBnEhIOtDQoRL1o+anp+/q3qBZTFfYsGOKXN59g==","signatures":[{"sig":"MEQCIClu4gxaK3EzEvvI+CNINF65IAUuY2nzO9f9uYG5M77hAiAKQR6VkHvYSrO6eu6YM/hqgkwgFN5LeeWlXWXbJSRZQA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgksSFCRA9TVsSAnZWagAAAYQP/32lLWvIP6xfDgd1hi7M\nlZcBUdO6dDnNOvCnk/3hsmOJdCwTu5KOPUi6xGa4hEeZ7bbaBKXiYeVfOLAk\nYJvKbGfxbUeuQiA2fovWTU3/wEB8F0gJcFWQzYRExrUI79hJvE8swCHBrEey\n4azFk7Uc8px4J2Z+FBJfJk3PFo/heg8bLKyatcfUODZJVZuvM216d1LnedF6\naOKh1BD4RGFL0YcIWVHbwEzx+4xt7w9ur1nHZK3nBGmM7BAtOKuYMy3OFSKE\nh6HFGLufthhhqKiAAh7aM5TvAWOA89elowGDr1d9b5JQMQK7t1xXtg2VTy8R\nyQXggglBjcXibvAUO9uFfJgIir5ByN7FvdtZeZYyqE4fW3kSHGSCsRI+nHOv\nY4V2lVunJDGliYXVNDCQz+Ypl8ywswRq4h5B0j1fmBjW8cuVIPORhUQt4mjB\nf4siPd7Dej3YGPY7ObOO75LvGoLmE6UayXvvbLBiMa+gAwblPmsDj/V93GTj\n7Se1VjKdx3xdG35JlVb7I/qVUNcflsbMR3SxiQZl1TMzkIV2/LOj2fi2b1y3\n5/W5jXOxjtyKiIP87l8Ww9QmJwS/nWDQMDlWGwdnAFljMEnhQK583SJepS8n\n+kr/a7MAvzrQMFfr/pjgf5nlcZkJ9xIumJTDhrXwz6AM0Ftnc99PVK+s+dFp\n6Iss\r\n=hk4C\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"3d9c7e3c179062db8b5bc243e8bbfbd9d9132e50","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.5b6a46016.0_1620231300566_0.35784380269666793","host":"s3://npm-registry-packages"}},"12.0.0-canary.33c9a737a.0":{"name":"@material/animation","version":"12.0.0-canary.33c9a737a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.33c9a737a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0505f7821e7553279dadb605e651ba52fa453d10","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.33c9a737a.0.tgz","fileCount":26,"integrity":"sha512-nAd4W8uYKs9WHTNqTc1vIBOF9rB2vhUjF4G6k2Lk2+lBqT4riXc7MVUIcgClmFUxCnnIhy/c9VxRv3PLythsEg==","signatures":[{"sig":"MEQCIDumknr5qSD7ubod37c/WI5DqpYOiD9I41mb1u2bXqD6AiBg1n5X76qfa/4CpsX1/ed4vdU3haxD+1X7+CfA5azh7A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgktUnCRA9TVsSAnZWagAAWnMQAIRJdQYVu/1DgU1lJnng\n9+IAwyvMtg5C9yLtO5Gs2SauZ9KO2rC4/CUMExN6Zyva+Q5cghWt9Tb6W74O\nfv/IP9s5yTSbAjVI4qy9S9xripNWSNjVQcpbEmOIqmOtrQwLIGfbQ5elqZWG\n3jc7COSLS3oJxjr/fox57GmxFiJB+rDeJIo74YGLhiw8MdCUjyGHq5FGw4px\nUlaM3vMfGYN2GVIWlmo8AHWUbxrOy9fBQfOqIIiVGzy4qO9kLLNp+uhaW9Nj\ncMi/OjuubGGK1B4BBlzPr6gAgqKOoQGFDq8yay1MxlR6+7I1ZNwUiZy5rxjD\n7nmBPUNMmdMVn7Y8ALyZCFOvJsHet2hmTspspv1sckYfXS6l/qW0mIiBw32Q\nHMHRlCLWKsIwv9lHl7H0wn/NFOiY43IyDreuECquT/eb36yzDitGxrV75N1N\nJlDlZyFh6SBpo+EWCfLHGTx5j+cvf9MzMhh7F/QOaAAho1tBs1ySZagVSi+r\nyYiv4r7Uzdp89i1C/xIJd8A3jOi9a15ZUNbgpdXt7HWHmoA3Czb1Hp1xkS4G\nNXvdqmKBUvNj43ZWdlD4bgzHbWJzuzEPWz5ALUQSwaYBqDItF+HdWHXEJJj6\nGEUh/HtE/Tr5BDgYw70lAW1qFwUUN/R4YPfGodIAi55AJ8fwAP0FC5HRuj71\nNojv\r\n=Opk7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"fa5c97d28049bf03f5b138c0d97bdc267f43c363","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.33c9a737a.0_1620235558540_0.5779799794237026","host":"s3://npm-registry-packages"}},"12.0.0-canary.9bc0effaf.0":{"name":"@material/animation","version":"12.0.0-canary.9bc0effaf.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.9bc0effaf.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d534ca7c3919d658613a8b36239ac2703abc5944","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.9bc0effaf.0.tgz","fileCount":26,"integrity":"sha512-zJpy/xummqBNJQjdTMtoi2QGLHCDUs86sxpG7Z9u4aLR6qTTjzmh22FHBO3H1pBPgknjYJ8JNeQwfvefkfxiHA==","signatures":[{"sig":"MEUCIQDKyRwX4rB0tAENiuYGTjSleeftiosdSr2aBTBNQdV8uQIgDBfIfloUITxQ9nBEAtFTybqhfPawqFBbGMARuY54IoU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkwcGCRA9TVsSAnZWagAAxzYQAIiiJ99FqcCEKbsQYIGL\nsOjy722rRY3wRphTHPH+EvYq+OuOc8B2uDrMY59L113X3s6qq21OI27jyRT8\ni6ih2DdQ7L7i9LCoeemYK4uR8r6ZBXuXOfBIu3FXHthLmuCCVggELgJ4wKWm\nAMquq4EMoY29+rld97UKOAAqT5v6LkzuNZ5I0SOfB81Qbsd/4s9anDf46Ixs\n3rl2+AqGU2zhndSD75XA4mQaXeMaySbjsxhV2q+9hpSSiMR5lCttyJn4j6q9\nN+8+55PxYZImUiUqM0exgTLRfWrPDV8c2kG5TI6+cuZPzkLZblpe/1tsW404\nav/W8MZZyTh0/YJ0ddVN/ikIBS3/pQb1rWwyeCqewUskUy0cFMOjWGxHmLrb\nL39qwo53S1VQTBflh8sCDmupXR4Zm5xpIQvq2AaHIwcQOa0mHAXey9Q+xVTl\nqgLXZseix2druaK7OnTTfzPZ9+H2VNCewij37PgrGga4AF6aoQpEtHapHIiY\n1Q5mEC0/2/IHHeLzm5G98PfJdGQS8E0b33yh+htIhaE/HiPdkRROoFyH5M9O\n6vThR719KmkPC93oI6xQEG3l1nWS8JWgXpB7j+gr2Ws59zA9kf27SJK7x/ca\nLu1bGkKvBOjWRywr5KqjpRxBSH80TNbcgI7kwEa+rgJA3Pf1xe77OgGqAuX4\n+4/N\r\n=mYAY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e671ae06efdf42f7ea0cb40bb6700fc57f6a35f4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.9bc0effaf.0_1620248326034_0.3716755712659039","host":"s3://npm-registry-packages"}},"12.0.0-canary.a1e0f2af5.0":{"name":"@material/animation","version":"12.0.0-canary.a1e0f2af5.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.a1e0f2af5.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0f885ecad35614afe39f2cce4c8f3e37b854fa7c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.a1e0f2af5.0.tgz","fileCount":26,"integrity":"sha512-K5a0yklUF7zDKW763hbosMP1LwhKtdf+ZHyB8DuxL1n8R8lsRBBoR1Fi/KB+BHidOloaC+VziNSlIWlWoNZGkw==","signatures":[{"sig":"MEYCIQCcRY3kHfIHQhIcTBnv4WSywvXEiYj5vBAB9VAs5hCXyQIhALcVLpQfSNuU9toOS6K+UAzzVrIrQcqcUkM0XZ1+X+vq","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkxCeCRA9TVsSAnZWagAAsosP/0s+kBTWAP3fw9QR5wEE\n5YBnasohiyema4nLRy/CdYg0o8t/ggd82uYhTVaS37XoVUtlT9yS0rvsZcBG\nGkLk3rgup4J+CeKLug3pKGa4fRHx+plZ5Rm5TA0CGca1WcudiuRr5jmkt57h\nVIiHda6FosIR3yTQR/pN4oaPfq01z+Ijp8hkoHZY2tPHfFqs/pHamXWaHPMM\n9i97eh5FgVQXpFCsGqVqWjgaVTMfBAWDiRPZ3O5zdbEPNBxL4hRUye+vs60r\ncyuqaHdGr5e6svmZxmScfEhzRa8hUI2zEIEBeatyeSYSo1PRilK/SJ2Xvdiq\nO4obXH+JNGcJNiQRWTk/ZhbrRmN06Ea3REd7S4nQLLXPpXtZAjc/xW0mQGK0\nuR74VnWEEGoACjPqfJk+LexWpW5Dj0NXaCDLalbd/TbkUqp3GlmxQHwvFYvc\nQVMB9cUl3xJIO+bhwaGPyEn2uLbObkonDAhrifvBlCBEGMVDWOhNfbyAWJCj\nOmxrb5wOj6bb4FdNFBE+od1UaVwkS8FgHnU3kVhRo0KRrTdl/bXeeJbH9SI2\n4socfv3iJLUVBiuP3PLe1bLFAsjmo2oVKunJ3cRU4tr1kAE3QuVCA0Gj5rbA\nn1og2B2Hb23TDd/hG5m11jCUyBnUJ7n1CLwxGgc24JljRa8GpXtevYrQ+oQf\nRTqM\r\n=WpxS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7e20a4b86d7cb59be9ebe12cead11b1e8c7bb63c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.a1e0f2af5.0_1620250781573_0.9037534695327545","host":"s3://npm-registry-packages"}},"12.0.0-canary.06930c96b.0":{"name":"@material/animation","version":"12.0.0-canary.06930c96b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.06930c96b.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6fc6184621576581f0fa1c493d96cfe94a6e5fb0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.06930c96b.0.tgz","fileCount":26,"integrity":"sha512-kJYhGKo4BIyf7EN6cVQ9cWMbJwRtdMeVYZ1nbHX4ODKz+0xI6G/Z70/ylwHMbGSPsI7TKVNCFIF/3F81A5cGLA==","signatures":[{"sig":"MEUCIH81Oys2lInMbdiBNEHNXcKE5zzb1tZ1c/zwlYLDkVIxAiEAkoNwGpLXgrJuQLA52vIp8zHdcJ5ySUX/N0O9q8Jjo9M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkyxZCRA9TVsSAnZWagAAHoMP/jhQcrGFVQrEvNIIhttg\nTicLEwc6PWO1bRZFEiQnLhLhFPMyR2X0FLKyOp4bbETTiKO4bGYC6VGmRRr+\nBnMjx08ALEFYUMg/05VFZNKZLo9mC0lWkzLsreYeAE3Dzp5bRDYUQw2mzNIA\nOdotVmAEdjN501etJNbVt2k9FYznyLz1GyFn0H3H+UAh0glNF3eFFvEJ1Wsj\nCA5Tj6s3ZNFtyzHi2mpCFkl3UzhUc/OyQRimasnvPBDgqiX1gaC/cWC5n452\n7EjyaaPXnwPv2MBgqHHKk1fHR2hqJUO8q+wvhUcugajv0P4DdIsyHzS4pmLN\nY94gE2ydLHx7AlMDpocQmbJjEYru/9QvmE6dpj4j9grMhjvw5znhmHkV3gTU\np5UsgT8NrH/hY6kt42XXzWigTCo6noY7QST/DJdiuvhoDdTY5nQi/vYJGh0r\nw6jngRD6OjqJLEYiGYjHNsh6ZlKtUrbFatgQO0fFb5aouNL2necEhUyYPY11\nSnA5FSSeWLm498f3i0yiFs+fCvE67GedpwlSK1cBBXa6AI3haE5wyNS6EPoz\n2U+nIvZ2IUDQbXB4tWZYKRvYx+LC1g7/40/aKlUs/PhdqTnn08z6DeFRCaDa\nwLguHjOoB2YDM2BYQ1gTAdfgq0kMIfSvu5228TwPLHTSu5s6/XKP7vn8MBfq\nA+SV\r\n=XUYn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"aef50df6c5f49244a2b0e5a941794f4e3e4fd21c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.06930c96b.0_1620257881210_0.016665639966113144","host":"s3://npm-registry-packages"}},"12.0.0-canary.03f525f9f.0":{"name":"@material/animation","version":"12.0.0-canary.03f525f9f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.03f525f9f.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b6d1faca2d0305476fad6a0ec0b35f47022e9d1c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.03f525f9f.0.tgz","fileCount":26,"integrity":"sha512-jH00PV6w0ZtIm3aJm2fvaTKrOTGsIxq4+qoKrOUkuKfKYf57pZlWz3DjKYNhfTdOL94BK5TY3JOrX80l/Uw2kg==","signatures":[{"sig":"MEQCIERTsNlz2S/iewdFBftOADQs4lpEs7d+4jF6FistFGEeAiBbdLqZ9PCBwPJqZmiSa+g54bK+tVJKeDjAbPPeJx3u0A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkzg9CRA9TVsSAnZWagAAfeUP/i4VPvZbKPShsnjAhCEn\n+3f1Gm2UdEe5dx5w7NkC6J30qWbai5SN+cTXel1riBL7bK+a9tlosqAcb5MD\ndz6/39qg1HvW+FkYjKf/syXF56brjhbeQIfsm5cbMSmqkLTIuqcn5ss/MNrc\n5+HXIcqJ9jVOER5AspXaIZ2fEHOEQycRbTGXrH087aiVcAm/HK1CeZCx0pEu\nFILxpn3/qKbk+25X05Y5tATarFBPJ9ik1TtEgrRdxWP7HRZOrioAW3+5O95J\npT4FThEj131XnkccM0/PWEKhjMEqHZG3h5XVTuQbaUf6Vf1rCiPsPIT/xufW\n/a7j+NV+aj0cYaCsROt7bwcMZIS6tWeha/emVNOn/tayP1vY3dENBIy9UlNm\nLJP/afvs85bnsQQKahdJA8pHmc1X7K5C6uJ0C1+cHLjKgQXukRORi+ddzWu6\nFnvCcLG0bTXm2zVD2HAzepDNxUMZqlxnj8nRGfw7rRg9CNmIC/F86J9oWHwe\nsEcS9+3Pvu1pP+NwO/joSamGUNwerdmkMqnNrYCTVdiizaLddaE/13aLIsFy\n1+fwZG1L8hD8ZnO84W47ONFyLk6kIhLGIjU4EcJQN1EEeU4gnYykANeNKgNi\n7SRYMFCj1dgDFrsZcbi5aHDu7/IL9dLTOnrybl/ty0eexa3baW6hGxOqKsCE\n5Cwl\r\n=RNBX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f9df1400e21c75e46fe6641abb76d5840dede67e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.03f525f9f.0_1620260924801_0.12333200417177625","host":"s3://npm-registry-packages"}},"12.0.0-canary.e82ba2a26.0":{"name":"@material/animation","version":"12.0.0-canary.e82ba2a26.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.e82ba2a26.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4a6ca89e759e5135a0d177fef11b0f3dbae6f0e9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.e82ba2a26.0.tgz","fileCount":26,"integrity":"sha512-G/igcXuoKNQBU3zvac0r/0JRsdVPlyIWJdj6HE097fJIEoqjpxG5stv5kmL3MLI0FbIyEEWh4q883hX1V5Vqrg==","signatures":[{"sig":"MEQCIC8c7P15mlosuRdzyIhe2ZeRelZe03ZDdtLFCAiZyEBEAiAEai+izPdatVEkFWM+w9VMaDBvp2KWFfNpRC3YEuaC3w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJglBFMCRA9TVsSAnZWagAAsMkP/RdSN0HBlH3N2gbzBuwV\nu+VHbDF17vmt6wg4E/Q3rLyZ/xH0rR35tpiA2k9dMRL0CUR8Igv053kD7aCJ\nMcaAqR9cMYXcRTBlEsBbowSskXs2ZXJPaOqTPBGDPpQfjIkZMNOhyRAAAd39\nIyWrHmWk+ynZBbS6eV/6DJIiRmf/ZGsdabrprLmoHyjlh1lhVeNtt9pwL2RQ\ncdqTh7bIch79aQmCdjBAmwjmPiWAMKcFFBXjZq5N0cs7hZx/jE75PlplBXi8\no/Jem4VCM5NbHmK03eXUiBQEykX3Kuvvj4st440M+VxPXbAchiAInvFomsbi\nA8MXae8mZGZsP9+gXcrPi7hEqAguWTB8ifF6xK0VPwfHJahKBIF9E3CoeJEG\nsruXGyo1/p7EU2yrvzeyrL0qHbjsd7xbqECT5UL4XVxoPzQCSxptRCfuCZoL\nM4JAi7wAPHfFHjMZlF8D/cGv0ong4a/KApYy49/cN6ssKC1EUCMAdgvVsQW+\nXzOFMiv2AiVmMaVIQgsmk4wFgMDHZHLDNDCqeALIKrfmEWcP8H8/j+aj/yyX\nzOrkkSd/0vDoPzIBM83mpqA7J4UW+vb/RJq6CU4xAXwd4gNv7xSO1j7rQg41\nbgJkULrNQT9TH0DlJ/bPxFLk7Yfdq8TsJTlfrsKeLLszVNcJceIgB9h/ZTqZ\nTrGR\r\n=gZUx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c3349c46dc5415cbb89b8260a8db012f44f09eec","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.e82ba2a26.0_1620316492374_0.658312690685998","host":"s3://npm-registry-packages"}},"12.0.0-canary.fc7c4e5ce.0":{"name":"@material/animation","version":"12.0.0-canary.fc7c4e5ce.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.fc7c4e5ce.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6d01240c1378eeb966d5bac0da2049428b400ddb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.fc7c4e5ce.0.tgz","fileCount":26,"integrity":"sha512-MfWxm37aRnMXncdVNFrmVLzk2nfY/0QufOxlz9ZkrBjlq5gYYX0O6JMRKlcIwJPjJAsgSGlgto3ytMu8vZDisw==","signatures":[{"sig":"MEQCIH76OU5EsGUDZ2yBu0h8HyktrngoKVzkxqB6nbJ1T1MuAiAPk2j0DbPk9YsMyBCQuEh2x1PeZrvODsidH1fDm2IqNg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJglCckCRA9TVsSAnZWagAASr4P/1/GZrtOpodhhYxT0RKo\nNx37woef/FOmctQWs/4QWqfouPLQy74yLyp9OpvqpwvNNyorxOkqXKPomkp4\nNrbnIvC+nE/GZTAUb0oTAQPWozu92eni6E651vTDJCGK2dlQ4OacFoIMe/Wu\nUw2/6i0qBvUDt4EAR5yCQvJRhvWiNWEGDI3RKwqbkBSLFLX7y44XEt3x3QiU\nSKNv68e5MwrhSkS6vXkXOxEiuB/vcCi1ehi/ySmkSJBAuc4JrilrxvXIj+Su\ns+ZNLkamGexsI/DhYJjjwCeFURb8gPOBovml8/BCF48ME5Ob1G2unlWf7jDW\nJeczkxGZWa7n6Yrr9w3tOlpcDHrVNFM7dNWj8oNNHLKf3SNElcAF9dJdBQUw\ngexNCJu8A/9JqhQ38/cB+aSsapa7uLIQv62gRU2X/bjhhflXreZMUzXqfYzQ\n39RA4UOjned9YecwOnh/nPTt//+f52CUeTT44F5a4MxPwiGFi+fxheKH83Ug\nzJBtgHXLQFyM+9p1rFSzM+thIchBtjMnzNGGtU2gCocQSx1gu5T57s8CUwqG\nxN7ZYFZ+0oPLtRslizvb2ImvZKzMXcHhj3NKSB0EPAIGwhpw7bsDIeDCtCXe\npVw/wYTgwIM1L2QcNo/VELxDfuXneHhGMwE4ri6aFz2xDQzrrE1nau8eDuhC\nLp8Q\r\n=emi7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b549929c65e0a33cd9d427a600513c663c2dae28","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.fc7c4e5ce.0_1620322084209_0.7770138417715133","host":"s3://npm-registry-packages"}},"12.0.0-canary.65c04514d.0":{"name":"@material/animation","version":"12.0.0-canary.65c04514d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.65c04514d.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"beabd7ee65e97cec948a27ad21f240339c7af0cd","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.65c04514d.0.tgz","fileCount":26,"integrity":"sha512-nIhUH4FAO0GeJa7T/33FKEL/9Pl5+n8DZOE8XtoxlXU6j/wLHH7WBRJki/JG4wTqOxwg6xwP7e2U6rPU+iVHAA==","signatures":[{"sig":"MEQCIBHJFrPDZfPnVltxWuUZy5efjJLYZp+pWQ5YOoWzaAQcAiByVA5XPYELPw/nKH/758RPrLUvCibqA8IkhZHbY4CoXg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJglDhtCRA9TVsSAnZWagAAPbcP/0epGO6pSSISeI7W8bnM\nIPgW00EbzcdaOzcanmVOR44srJSAVm+XhxPo9X7BExKZ0CHLbgTdgaa2h77X\ntLK7Cg6Pp+RGqmFYcQhtCUw7aJNgRBSGthlL91/lLPMTQZHP0zxbfUceVio0\naH+OL6pNqcpIn1B9YlY7G/bKgh36Y8NKWcmarPNqQm6MBwOxISGIB4Q2g2Xd\nhJHhUMt+wRFauavdGgDmfhMljk/US1qdyO23MZfye6qv8KxmfvaWP5XzCLMf\n47gAzo0KrxIsi0Uu1c/DOIx7Gj7XFqlF2/bbHUlyLxPd1pOTDZOsAVjGgDeD\n94abbZVs0z9a2CqNVGOuajRgCvKi6WTtE/8UgeDtH93dP0wajzUawI7mdfbx\n7xyue28HOHLYEiSbnI2xN2CuKanSxrMmFVkcWYNv2wtmM1wHOsStAfXD5BfE\ntLVN7Wymp7RFz9TZvOBjif8OOBdgGu9iGSHJgULOkU7lhssmUaDqSbFo9DVV\nnb3TYLRuM6ty10ouTtvv+k1DcWMpDWEXsmFy5QXrF/IBgIUjRlf9KwLPIncg\ny+++9OYz95wZsqmr+1mvquMKporPGKK1ZWete0cUUez1q0WfijFL7olwpVfO\nYmw99a+Tt/9q0EpkwkkrLszA7/t8LID3IKvtpV2yIi9CtqIpfwDA4Nj7ddgd\n3KIH\r\n=xGhH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"01ca5daeb81d99750f9020fc62e04bc76085858c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.65c04514d.0_1620326508747_0.4584875205921437","host":"s3://npm-registry-packages"}},"12.0.0-canary.c97779ca6.0":{"name":"@material/animation","version":"12.0.0-canary.c97779ca6.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.c97779ca6.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"88b9c0714739449d1f272a3ee86fd44bb20a36c9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.c97779ca6.0.tgz","fileCount":26,"integrity":"sha512-5Dy4sU9pEIAQr9QjXjG6cElE/yx48Vr0Eh9vQD9juRNz7kDSxULtGu/VuZE7LdlGKNlTDpHrauVMSy0YsnuVxw==","signatures":[{"sig":"MEYCIQCztYbMRu5GCaogdCQlkv+Yjw27uc1YMLdTRRUA1rBKVgIhAJDdmOxZVveY86IU+Pj8AoUk1P+E2scU3rlpedldBllu","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJglGKSCRA9TVsSAnZWagAALDEQAImElDaOOCo3jQN5kye9\n1W5Tk6ohEjtmnn9FF4XiTl8tJZGjEmnFfMPKE5tiQrC7TzWcS2RUiCa64Okj\nOKFakzKfgtJysvjnQD/DLz/j/aCcMWjIy5vkxI8ZtrR8CTN7vM/xs83+vIf7\nhkiJBnyCrY4jBSfmtqJKsYTdWM8baTQ1X4ujU/AfeEB/Mq5uYt2HygNxAF5R\niVHtlDxd0qlBUHoWOODUMHooymiOaWVILEL2Ay66myRbG1aZGFsZCPFiP4DA\n3Xzah5yv3ehCES/oaBydyOyPuAnSHvNdGVRaWZFK3pOO/ucydffKdDgZLo0I\nX2BddhOGuF+L14JIxLUPNM8FFnRQC/kevZn1chrlWQYTCasdXAgMamsspCj2\nXa7BULlZuxrW16+3hJ37j3ENArGrBZ0oTQDpau2y9ghi3A42ss9ALPXBM0iQ\nLwuWlPMaOETAYqAMLESV59sOuMHYTBK4UEGqWcz0+3zVq+/lx0oO5kuBSG8r\nCtRBpt6g0l2iIT66i1fJSzZUEXt07Vmp5rYpWIjTdhMuM8MTrbTAkqrK7Q9O\ncFM36p+WNYtU5CmkM7C914kkQ8unEFdedGBys+s4hLPl6kdszbzD+F/+BT2q\nfYVoZTx8SyPUTUP/fsM86Z7V+oeG+8XlS8Ke8FpVb2AWfMxONJIYAy1AtmSZ\nZnaJ\r\n=QEvE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"046f80118629481ec1af7c937a84ce6e0fd1f635","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.c97779ca6.0_1620337297547_0.31263991871218266","host":"s3://npm-registry-packages"}},"12.0.0-canary.869d890d4.0":{"name":"@material/animation","version":"12.0.0-canary.869d890d4.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.869d890d4.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c6aa58abd96dd9fc5b9369b879e12a9b592fcc67","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.869d890d4.0.tgz","fileCount":26,"integrity":"sha512-Vrakz0wQBhy3/tMtI9elGeR1GS9nazpS2uW3lGZErPcSxLNI/IouHnIhMM1Dyk3EuSVzlECMemYUPvCS9sKETQ==","signatures":[{"sig":"MEUCIQCNnt0a5VJh2nOSxovKo5spjeRCdy5bJhgmlfXKzZKr2wIgEjLwKPRft4twLUEFCmI1NA7f+TFjMiHSQgP7JfMIi80=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJglVoDCRA9TVsSAnZWagAAdjIP/Au6EAT/TCD0JggZWN8f\n5I2TQnlHhmgAKw4J2uJlLDKctJMhrDuAdMyNSa9Q0LmQrOutqL8jdd9Q0zK7\nXzNOUuDDGj9osIt3fywn/MmXAqfJX5siefBl6oe3GQvdhK31tMTQyGLVSwo1\nWkEAtXySm+xmRQCjypRm8zO9bS095ZfMwSO7ae1MEYivZzgRnoVXeJhp5nMC\nQTwkbN+4c7r9/wdet5Hy5d3WjM+wCJ2P1H5Z61FpkeTw6T3xz+K3Jx6UP+Vt\nUAOYtBl+bH4rgWCUG21z1w/ebgDuf7E55uw/uqhhztjmVQTD+p1tzqXnaXNk\nxzC1K81E7pXIa4ap9dQjpKXM8txtWJFYIzXvEwoipKwESKH6ZdcRxef+rI5O\n6CX/W4pPjaaIf0uVYwZG8Ocisxb4N9AKhuWe+OtZnDUQ5vPLOI0HwFQ0pcTZ\nxP307o+89ml2a+vwOXdSpzaJqMM4Y2it2wK4n6LDtuYWR/1tEK2fu3N63GID\nhKsCJSzEEnbL9VmAWmzD299sOraExJoFWperPZIVDMKR40tavyx5+WpXB17H\nHbkiAFuQGL92m7w02X1g63m+xn/wqxW/0hT9pjaBVp0eMXvnw9AVCmHPVJ2C\nj5BBK7ajoNAU/rxY8+N+jfLDES8QtVoyX65ms1OXvhYhFbNuAoDy0d79xD+N\nlLCH\r\n=mZ15\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"cd73688a61b81573744ba9a03cd2952798eb68f4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.869d890d4.0_1620400643045_0.7113295878158599","host":"s3://npm-registry-packages"}},"12.0.0-canary.ec22e1da9.0":{"name":"@material/animation","version":"12.0.0-canary.ec22e1da9.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.ec22e1da9.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5989654b2783c4401f802208cb02da3254ffe40f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.ec22e1da9.0.tgz","fileCount":26,"integrity":"sha512-5q8G4kCz8ia7sfSzxsVr8fnuzNlDmXvxgUDl5vWpXVF9IA0mM+ipNC7WwKTGy5cG+py6yCr6HNVbIEDNDUWbxw==","signatures":[{"sig":"MEYCIQC38y1WpKazs6un2qJNHgyfQcXrAR9bpr8fCV/zS4H2CgIhAPqFfqo0er5KP6TCAXZ8bSeIb6AknTiU0H53DAxyWR/H","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmXneCRA9TVsSAnZWagAAOzsP/1LYIJ4AtSYqsoxLr2EX\nPxqz7gIKLO8QFquRL5KeWv+OUj8tTXzJw5RpSjYwdFhQyoL5PTzwWRPeOW7x\nY6s3hndYaP2/vZADcXBta7M2GkZCOTsgDeQOUzkobQ1Z+WfPZdShIgz444gb\n8KjPVZRKsXw6T4SkFlJ5dsH+XQ4mK7VFZKU6P3g34OfJQNpzBNnVyCfMPy9a\n3H8W6xYnBB8y+zLrC7Ay8KE9No21lJeTdNDAYthYT2KZyxXay0HQuLfYmTFC\nACZRGP05dys/M0YCDeD6wiLKc+JMSIuNMOS1CIK3zoUv9rWzPB6EA8sI4kUi\n1H6vzl6gJgpwY33qe6rBf81PYAtYCxPRAgOY9UbZ1yj2fTzJbqyiPd0c6Ps5\n9OVLugry5IkP8dBzm/ZqEaGeKL3yGZ3zUgWHzZ2DRnc00duSkbm0OdMEuy/i\neLKPjxVPBzBwelFORm2kujKWwZZjfdnu8RaXTNCZW0Pjk3RtG3wDrf3WsSkx\nN2rkVtBhVQIyJuVdUw0UnR+Ia5b5wcnS4c7Ets/WyuJYTgd6bC2m3q3sPkH6\nA4Nfgs+F+rcDKu98ftmWLMDc8wVsSex4VnZyKB/arSPRE46nWK1VR2TSmNtU\nNAvP/hEwu/3facsOpgo4zmQGJj+NFa0BXrZDtzcbGZ7Vg9FxHX33ndQ8/ZBf\nzN5+\r\n=9bak\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"273a15f546b8d5df597771686f431c3726397778","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.ec22e1da9.0_1620670942325_0.537577675284322","host":"s3://npm-registry-packages"}},"12.0.0-nightly.7427449f0.0":{"name":"@material/animation","version":"12.0.0-nightly.7427449f0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-nightly.7427449f0.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fcfea2ef9b9e7543fe051f6e579f3b93a331b762","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-nightly.7427449f0.0.tgz","fileCount":26,"integrity":"sha512-3XCtByu9xw+5yNoYkRGu+JGAlSXRS20uC1XpzHlgLiURA4Twd4ewJwGhaYQLeNjc3byWqmtk7pPj2jyQecgNFg==","signatures":[{"sig":"MEUCIQCRTElz7pXnbKn81asjI9w1/Y6DiWXfZ9Faf4w37fxMGgIgQb1TjmOfEwLrEd74WCiCVDxFoqBpwc+DKBlc5V4y5cg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71562,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmX8ZCRA9TVsSAnZWagAAbB4P/16Efw6J+/tAeK4iLDu6\nsnWgYYpCHVm1NIkoDpN73PPgLKPon5U+vMUag1T4xQmpgoli9n/1whfPJQ0w\nTr+PJHV4n6h6V1oKuVfuqeMADg8zu8CLW+SJmU7RjOJR2th6IINj9U+z2XLE\nsF77C4OzXVtImoN9/Z93xh5jGpXjBdvtB+oRKACFnU+t3DzOQArUAh9+ywWk\nVi2av7/vnxgF/dk7H53wsPwZhhg4FfCyBtQcXUKlbaREnwtpoFAyi1keCQjw\n1mivfCV8Hf8T4JFobGOw8bGoTwyJ9sHjbe6giaKGXQOTaiK/vjmcG/9j203H\nhgy41ax7vNg2EiTf6QSzmPu5dGCyFPoLBu4UtvYpV+coO1lBgctpfAQjKkbB\nRhIzD28Ec+bPdkB64mxb0pJzFHV0JYeDVJ4rvncYgzH8tFUPcuBcg/Nzy9So\nqF1wl0Z8BirhQXv3za9u+5XtR6TVsvpFSI2Nqfc6UtSlCBj7CSR/dljQVHr6\nbpK4Lp9GmriiXlkM/BJSjkGKIY4dHdUU9Vw+dI4NrTOdgnRvr43Q7H9icqPl\nPq8AfkMlgsEfdzHROUlz6KpcOVExQ0eMb6MYSQaEgPX4a2Mia/MxKvlxTCSg\n8d4SHnITie3DtmOF6dB3oenJhaiT+IGWfdox4SDAcY501zwL9RfEtFlaDzTN\nGGtJ\r\n=EZuP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7427449f09e9521a6deba6ba7da71038c2fc1f05","_npmUser":{"name":"anonymous","email":"asyncliz@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.17.0+x64 (darwin)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.17.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-nightly.7427449f0.0_1620672280459_0.1914002256291849","host":"s3://npm-registry-packages"}},"12.0.0-canary.957cc3bf5.0":{"name":"@material/animation","version":"12.0.0-canary.957cc3bf5.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.957cc3bf5.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d5922637a58183b1e806129e6df87b3c6305c7db","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.957cc3bf5.0.tgz","fileCount":26,"integrity":"sha512-/Hxvf837kzkQtf1tJ9G9hwztVTHq6pXLgyfvrKlVpZB9SNbK8g4cRTq5MXOZY2dqzYik9Enf5IcwfAYHdqIADQ==","signatures":[{"sig":"MEYCIQCmea5clfLXFYcpTwndIg22BxMelnMD9taTaStEJgkUwQIhAMiDhbLBGxHJfUUr89j8eC3qo5xyZcHG7cZTgoAnPgk2","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmavVCRA9TVsSAnZWagAA1O8P/Rs5Zdb+RmL7tDiNZtbQ\n/+dMDgsVX8xs3a1sQa6CgvdnCpzPe/DuU7DHhIbCQoZj0Qxo/qwjK+I8eXTZ\ng+CKqtEwwjrW0tY0+w8/09yLk1fjx/wfqBpk/RlLkwBvfQUYT1ALMMNZkRCp\n339UZ5tZN74Z4U34A61/HdipYpBmrHEJZJgpCw6V7cdZw1FCK5hZBvpw7A6F\n3gR3u0+onhEjVQAXsRrtkM29gQtGq1qvMclANRk9o5xeLvrETB+7K2f+HjCl\nPCif+9h9WDUjLdZGNjxdXhQLgkBS9A8F4GalsVAnLKZFQJvq6KqP+VjXtMag\niLScjN2lzmnelGWvN+JNOxDxk4i1O2J7KGoUl5vvlVzXLwOH0zx3XYKJtqnV\nZEJqsOn7UfVfJVti8wa4f9kwN1pDZyZapBUYn/RFdjbVI5emnP9KmMoI0g7P\nIKHCuBX0xuC4J5rduZVDjC3PcVw1vM/bGdGIRAWTHdNoeXvuaefLYvjsiRP2\nRS8Guc0ITPfVT7MFolP9krXlDWdE7a2eth6EtMe/9Fc2Qeexm6xmKqsfY7Vp\nGIrFhoFluF8ltYow+1bXUqPmh0ufXwLcknARzAZsw3OA6COywXVjb/PjXuF+\nhZgGYDDUSgQZXHvnvhIWT7jpIE5LbRX4RV2vpvDwzncpEBHDsUwwswQHt1Lr\npbSC\r\n=+6Jb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"3c29cfc65a597598e2a8e1841ef1af72450500dc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.957cc3bf5.0_1620683733120_0.8107830046366671","host":"s3://npm-registry-packages"}},"12.0.0-canary.88a33cd70.0":{"name":"@material/animation","version":"12.0.0-canary.88a33cd70.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.88a33cd70.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"268f928507bf5cf2aae1be9278acfa63911f5008","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.88a33cd70.0.tgz","fileCount":26,"integrity":"sha512-q/kUXT09Njjrg6N6eovEKgCP9HwNEfaH9hA3okepYByGwdqatUPRgsHNR+h+dvvojvKV5x2HLKabHIzayxVmKg==","signatures":[{"sig":"MEUCIQCuG5R8t/zq1zKYBn5dyz66HEg31XttnzfA7cTLEaPPaQIgNUIURLlpD4TciTHHM9j3S2gCVxEqK5jmPq3GqE4joTc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmcrTCRA9TVsSAnZWagAAlQ0QAIkmmqsVpTDh6JzjKWoZ\no7Xkuuk3JoX7t7Ppq6yD1xW+SpcfgfeSzJKvyaZLKsfI5MFC2IFAaXU9VXEZ\nsvx5RUSbWR5UgIbYzgSaTi9Nt8o9pj3KnijQPxSqSKXUuDyDH7QZaEkUtcIZ\nxkfDVzxeesICHDI01ygfndjNJOSjcwdBQFT++LrdXyf5UCDjFh6/bsUQTmGh\nRCbYAn4D4rUfJMF8MyiZSXvwnSjXvSgvRX9i2hLI0rPMK3Tox1JG62/MXbIr\nlKiCcCB2OVhMWbuKctB/ybaah1vk6Hfvt7tHsZql4mdsLtLqVmQLLDgEEGGi\nksZV6Y5Hn5IqKodSIEH11bFLwdttEcccCwS9LQNGzN6GKntxc2n3cQmOY56e\n2MUop7W/TyEa955j9/O0Jywnryro7zbzTdpMU6SlIoMXsooxqTPVhI5QHTus\nnxDm1fvfUFQKRcLgrCRRwb6kw9xBKi7+FRg9l5DxOGk+OU/3VHkXLRiJq1Vz\nI+7aS3EIFC4M1U+SCYvwzRAuqul8rsyKPDw8D6nSKcDbdbtM0v85sKIpKcf9\n09GLBTkhU3B+C8OTMxKd7UsMR0pmtRlVTEyAhJULDyQbnNs/JYj/w0JML4KZ\nhvhD5gyMUqBqLte97uIXRdkyrMnTqbWt3yINolF5pYDBZyWLbvFPTEVhPhki\nXY+W\r\n=bV8l\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f1d341efc173e89bd2770326eaeb1fbc581c9648","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.88a33cd70.0_1620691666991_0.3163539751671369","host":"s3://npm-registry-packages"}},"12.0.0-canary.d20dc6dba.0":{"name":"@material/animation","version":"12.0.0-canary.d20dc6dba.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.d20dc6dba.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"37341bb54af98080bb3a2a73d03d8b0023fc778d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.d20dc6dba.0.tgz","fileCount":26,"integrity":"sha512-7dQfNyyHSRek/uEn/lMZW/FDMjbH482+R0R3N5ug53YJiDwiO52l3t13fJwloVymbJ3Xc92duMcOluxD7iBJFQ==","signatures":[{"sig":"MEUCIQDJI7Fo3BNYv1j851zK5omqiFJExIZb/74wysDuTG+bnQIgGhXtt7CVVJfuuHHSaZH9hzblZdL12u10iU+PlaCPhkM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmc5/CRA9TVsSAnZWagAARmIP/1qUV/RK0RquTYHiohba\nPlNTHL6P+9sC8DgHqc3QbY0qHOao1Ar1qdq3P2ZudC7xqDRtb7mMkf4WPdAK\nVsFn5CmM41ODI4H/uXAcnoP0ERrSvL29u9+WiO7sO2651xj53z/cGcrhmMpU\nWiJSQIfE+ecBbM+Xza99OfJt7jVGZmfk56/c6TryPHU7gcC6H5Y1o8adFtbm\nzGLmUApI0JdpTMkW381r1mBzXGTLb4FUJTWFpXOdpF4EDnmeJ4Izklc9sagl\n3j3KniBtAwL9O2CP+LcJ2FEONMeceILwgzSOA2K6hVp7gJUzp+IeuebBzPD+\ny+Uyy1BvEm9xFEoVVFlvA4tNVjNXRxbUDkBbEVwnVOab3K3poxgj7yIVDlPc\nJp747K/Mv5CVIKYUGoQ6qznpwgFoU+Z11KXqzqWYYWXLETFXP1teiuHD1mKQ\nx84XHHIaNR5u1vHGC8jb75ZKpmmpF0YuvRC5wlD9lqxMr/ZPGuv0Scpbz5w/\nTswVPG827bP6HwaqakEmmsk5epRWUu5S1zaaCSA0l1elfPCqQctYHDwOolro\niqJ932fE4hziWKda2wko/8SMweyNUvly3T8sHeZPFwa6OgfT8vs5x/EQcelc\ni7TORuutmxgDyKweE5wE3ggX5i62Y/gpxL70cVBErRH534y55Eye8Sc9J3om\n6wLO\r\n=zGR1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f2980d3f7fbbd8d2e3b824a765f7fb03096bf11a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.d20dc6dba.0_1620692606884_0.19719192853236067","host":"s3://npm-registry-packages"}},"12.0.0-canary.0ce2fdb02.0":{"name":"@material/animation","version":"12.0.0-canary.0ce2fdb02.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.0ce2fdb02.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1668896816451288b7770342722b1183e6f5ddf9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.0ce2fdb02.0.tgz","fileCount":26,"integrity":"sha512-KehNqIy20uuvvJm85I00kkAqi+R3VyQ3VcrQnd5XtdwqVhX4SZYPZIv92p0AD1ne/eFyuE+Jp5SzrzJzrbQJ1A==","signatures":[{"sig":"MEQCIE+6dEdbRrGwsU0/pI8xTAAVeZHliUh4RWBCY553+pp2AiBA8ltEUtZonHWjmCnjfhzHpw4g+OLTC3hsiKwIDz0qKw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmdZ0CRA9TVsSAnZWagAA5h0P/R0GIQb7wYFVwwqfDhk/\nmiLdV8e5no4DYZCoyigGD01nmNnyFFxas4jsANgEAuSOfRD7r+UobUiqaKmx\nnKbx+GHE+KHfh4AEAzTdSHjyKyI43zNYVMcE2DyElA4CBaaOiouzGDzz3D/2\nquXkgaonIj9AGfm5Zw/nZ4FmblH8Wx0o71q9g4i+q3GZrqDMi2H+hml/J+QR\nkBANbmHe5lO81LmGd/65XfiFljiyxCNJNDjOULLB27fdcPGWXDsfft/SZruc\nIgHf6HuKyORJlXjfl9EKlYU15uPX00QdR19fzsHl0kkRw6H+XO2LaV2FBvpQ\nb99eLZ3itik3YdN1JowTe4one++vQjEVfBmj1ICAf+CuepKNW1mn0oMOa68I\nXbGQP6/NJ224InyKxcyIMYqthxTmJQxzCsLKSFH/Tyvhsc6gkopkTBKpxOrJ\n//JVWTKVz93ip2YCdmvUBjfKUCqb8jN4Cklt5dz62W24VCjA4Kgyq7CUcsrF\nqy0BIXpJYMihez+TwCTwmFwctcbJjt6prpBjioM13lE4CJwCeSp1ld3vJkDE\nMz3T6/2qPCGNJAvn/l3PH8teip9+9EMLBwsI1g29exPN1uNT7zcxXx4yUkw7\nEiBUY7I3DMRpdjayyrbZFw6+IDNeu86v5nXON41WIkC9MqUnePoGySvWdt17\nb3gU\r\n=DI5q\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ee2139d87a1d755a50dc6bf0a6dd53a2f39548f4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.0ce2fdb02.0_1620694644093_0.6898747650707848","host":"s3://npm-registry-packages"}},"12.0.0-canary.cb162da37.0":{"name":"@material/animation","version":"12.0.0-canary.cb162da37.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.cb162da37.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9b2b5d8d1856429d91190d5368c5c73c95f56b29","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.cb162da37.0.tgz","fileCount":26,"integrity":"sha512-Cxl0sh1a4nMySfXJnmDkUFcrYZpiYcv9YJuphbS3l9qLOpV+m/OF3Uk+2iTC5G6vuXWrXGoYrCBbYKXPTtETBA==","signatures":[{"sig":"MEYCIQDSLNr/8c9Bdl4BIsicO+A0kf5xGVfZiK+AmxdymTOW5gIhAPebpFePuCbmBpAKy0IASOI83g5/GiVfuJVKRBuUi1mi","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmeRvCRA9TVsSAnZWagAAA+MP/jmXFV4EQF6CDd8cywhR\nTA6tpp3VNXPvq9ntLHQlnCkIsIXtn9uG9dmDmdUxJYMflVJzR18TilCojAtL\n4jZBCJb+YspAgpZaMa4rIYiiZk27VQ64ptXTTgeb8kUKeKymYRmF6CGOGjV3\nmc+gxzUCTvC0sCFkfQyGzm+Nsh0mVNOL1SYPipuKEhpJeytb/GT8lGpGeuxf\nKvbSXhQD5q5Fc8FiyWVIZykYKJokEUOnl7xUW9oB1eliYIC5iHgdUwVS3lJ3\ncqhqOLslRQKruW0Qi46vNZqPLi/ekE82jXlUc1NN5qauGcQnT2avUhBcBMcF\nvKF0bl0tgXoJjYnrQPy+1ofKBLbiS3fBdksZhBEMjtKC+JFrIi5SU6w3om0z\noS1Nh7hLA2QTsWO/1kVHQX0jnfYPkVE9upbRlNszY3VO8JzHa/C+tOVFcvHv\nYYSls3yhwI4zI65u1cLevwprtIbNih6o0rhoD5wMBg27IC+8Ipn5SIEac5js\n6aj2eU6WplZHGXV+wzHWHInpK6uFfCxEylZekonLGWRzjFta9LIndiT7raOm\nrvJIevB+VXPzi13CKu4v2C20dYSTtjoJ9RGO5+n9ig8QYLKfb3wdtqVvFo0X\ngMsbe/gi3RzrBAw/KBx8uIMJeoD4hzNUEYNxt8NB+R9+k7wtPmFdnmBJctZZ\nCvWG\r\n=q9y0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"9858adcc9ed7b1111dde19951ba96847bad0beac","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.cb162da37.0_1620698223385_0.24787817382696797","host":"s3://npm-registry-packages"}},"12.0.0-canary.573dc7ffd.0":{"name":"@material/animation","version":"12.0.0-canary.573dc7ffd.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.573dc7ffd.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bd9a02ce5e588ecd140b878903d2f7438a27fc90","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.573dc7ffd.0.tgz","fileCount":26,"integrity":"sha512-SDKKCQCT/jnYAtgQCvS9mcvFNhAYYcRf63M7u5gryLBqJtVFXxXjBSLAYhbCeo8mQBRKmPHyqvkpBQjgTBvBEA==","signatures":[{"sig":"MEQCIGYb3Z1Hj7Vepk1gSQ7dGMesmc+seP6VeG22jU79RmuPAiBYfBh7URDe7Sqz2XRMZhEVcLoW4Ezzv2J7E+fB9HhGWA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmejnCRA9TVsSAnZWagAA0VEP/1E9Qu26uAl1YNzLZkzc\n/goZR7PS6iJBxMKDfvW+TlxOBUuGr/Q7rp6+R4d6WPM5I0NJwE7qPYg/40bg\nszqZ5FXoch1G8CdsL4iqPWVJIowe98bYJ4XjraAITh0A4bxqsTQTKIIb2tlh\n6oSXIQRYOOBjaQolrIb2rlTnLvtuti7Tcg4AFCdZ2zF+3xdIXSOGdjeIUNxx\nzIoOkDhjEHNYXR7dEI7uQOQLCeKOTPFf34YjY9w5pGl+3n3u6BY1NKJZi4cC\n2KAWUv4veM/JgKYGLOKOz0jtTkVCNogoovOqMiA1wKnj0GhzWDHHuaJMdAir\nC6CbSkuqYNeBgxJ2ODe0zpzAFJ6AXOSqdyU04LhnryEcn3W9TTPXmWVy7TJh\nNYNIbgMTg8/Rcv7HAhVBShxesioOh/VMRGc/n33naPBVz5uy5rBcOgd+6lFl\nMDdoTCwBJbcnC8xrvcRhOo7HH7pIYp7zrPiQPsH6yOhjiMDRWy7NZbsZEiRj\ndPkOBcyx0N4lMKy7JVBmd8VGnTyL5VmSuTaGmhHuRJxQjuvTPonoZIkwQe9c\ntIV8deGQuogAOksPOIvAQA5xDtSJ6paT0tqX89BA2QifAyvsDi5in8RkHX+k\nUwsZLCo6gqoZP2Jvq1tOSNbLLcRc/8V/AZMPPO1P7CEgJs0EP2wUNManrSIa\nHibT\r\n=awXd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"67aa299a5066425730ea2e8558f89c111a5ab156","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.573dc7ffd.0_1620699366885_0.2398474369025807","host":"s3://npm-registry-packages"}},"12.0.0-canary.d5f6ad3fe.0":{"name":"@material/animation","version":"12.0.0-canary.d5f6ad3fe.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.d5f6ad3fe.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c4e4580dacf1b81a4f7fd26b58f01945cb125414","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.d5f6ad3fe.0.tgz","fileCount":26,"integrity":"sha512-OjysNLD1PL0sL9N4PwseTcXEollYXUlRrC2cMvhwRAIkJrW3SlXVQlMI6i7VHotUitsDj6XrHh6ksUUyYvO5Ww==","signatures":[{"sig":"MEUCIQDoezbr4/XUPuz2kfHEfxRT+oDBhAQxhyIJvQXeGfUjeAIgerlReYNHI3UBZXQnMYuS8S+ApHRU7xkGEWJ0vpG+ujY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmxF1CRA9TVsSAnZWagAA9uoP/j+w8rRh6ppxLfxwDgpQ\nOMvjySbOd/MDu/XVjrpyc5Z/Y7wLdp3bBdXFVADFz20cMGbLdIX+bJM9tVIX\nswZbcAKuBWgZyTdHzHKT2bPvlxQhIOgRysUl/dLSABKW04kdAvI0H219mvVq\nDV+hQPnTEOLX3a2inQogK/LfgjZ+Sp9tz8oOxWgq4XAr8EpUiyhef874rUt5\nHfWcNTT3arziK8aBnsD53Tl2lmHixB7qOdAyasX8j4+TnZ1c0MgFJQriqInF\nlmbZ8CSUE6PDljBJuraAaZG8IjWu0uXbD99u9/2S5hNqioI8O13VenZTwx9Q\nmZTiBZD+sVjPSTgXVnSFuWvhCCknDOv1o1JvTv7VBWlRQqDSCdEy3pn8jBNU\noXPFXIup3Na+HAJ38Uimi4GpJDTdaCrdPl/+MWwPOzVA1RSQRIG6a04jwJkW\n5f5JchaTcMShQmAgmbGNyr25ZFMh3DnBoAk3/t+4u2psqVtnpjK++p0pj6Ai\nMEky7+xMZ78OBwbOcvEd6BLLNc9xBDDd02fucDRjEIi6HjRN8mXB5jCdNjqP\nFp5ubLgV+KAtjuAAtSv5P0+e0+7RB8KDGxhLwDGuah5XQf5vbjTpqvjwqwoA\nHr6hRqp3uHWgr1ZRNqN+lJclJJBPHiG6KBBu7lgpEdtePjrSFr3NopyccvrN\nSvKv\r\n=YZoH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c0bf85201107dc8a95576c2392f5b1771bb2c969","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.d5f6ad3fe.0_1620775285386_0.23479932905763556","host":"s3://npm-registry-packages"}},"12.0.0-canary.25751d2ed.0":{"name":"@material/animation","version":"12.0.0-canary.25751d2ed.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.25751d2ed.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"91a38d0ee82901ee751fada24f48c9423533134e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.25751d2ed.0.tgz","fileCount":26,"integrity":"sha512-i3KUDGVSODmAPju5kXIc6RrkUa6YUMIbxp34fG25GDjuyoSHgcI51I+5YwmGZaJ2y0Rb0ZLu/r/lNjGiMp/IdA==","signatures":[{"sig":"MEUCIQDCOX3T3b/kYk8fxzwGov1T+eGBP6oDKWmBh79/Oe4JXwIgQy6k8Kk25j66DkXHCtigmNCBx+m3LJcj7ZeV4Zxu2MM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgm//UCRA9TVsSAnZWagAAqocP/j2wUq2BwybmDOl0marZ\nQO/Qim+H7Rvo/qdT/rOibO8taKfbq23JmMsDjtIs4IJXoFDQe673TUDPdT3a\nlPK6hXwFwMavfFKbb7azaGObvH50zra3nl+B0uAM5zVB1vbGCv6ZvlY5+nwN\nJFgMUBLgrgcJ9IBoP+YCD48uQ/ex457AExolm+ojwSGc4F6Kditcaqmf5xup\nEiwTGm0OjBA4Ew8MbP7a1KFOW71xzswOVHPOAyH2BGTIBHDMjpfOiV0r6ceE\ntc8HrP48tbUwlDjxu+7uIwTgCsOTNAFDH4iue5o3j52d9ePPk/aiNSYnEVlT\nIK5HG03YYkQQHuIQWTpEbBsSWyGg/yqoefho4Q3yokVczgCGLtY19FZ+TGNG\nrpJ65pxlPEZcyl44CDvjxI36U5shPGIFIZvDBZ5MfBzATSFUEiGIx1JlQw7x\n7D0465sRBomRh+EDjre0VvUehhopSSGgcjRWxDUC0MT2k3Wm1yRRXoZkqLel\n92mC3p4jVVbKA+ViENeueLHDciezZgYHxHCY+zpk0iwndv61rHttcTr6Nkl6\nVpkUJYYcYMDBgJfo/zon4cP1wxwsuY8uMcJ8ZhtgbpLC4sFYGD8NbfsprHJL\n935b2LT4OQHpeQ6n82vLFJUpj8COWP5v6DJ+JPV/U9lC7Nrxyi+c+ETtzzDT\ngZSj\r\n=Nf8D\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c38dadd226475a1dd91a992667019eefec273bbb","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.25751d2ed.0_1620836307977_0.9896400903107043","host":"s3://npm-registry-packages"}},"12.0.0-canary.a23ecb682.0":{"name":"@material/animation","version":"12.0.0-canary.a23ecb682.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.a23ecb682.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7e63b43139ab530b01eb4805015ecbc9aa646633","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.a23ecb682.0.tgz","fileCount":26,"integrity":"sha512-PF+voqvyI2LTdRAkTnHumi/QGSCd2hCcoEeCvFBycnOQ8pPrzK57t9h/Ki90GD4x7uX81p0NA/+TeUMugQn0Cg==","signatures":[{"sig":"MEYCIQC7rZ+kdCIAEa4z6/4LOO8hOWuI0qeGzIYwHa96PVtD6AIhAPt+2z3RCVBuanl6tgYsoR2wZcq6OWNk+hoS0XzRqkLJ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnBzHCRA9TVsSAnZWagAAcMQQAJ4yTl6ROZfo3IaB+bEw\nBwGj6Q6OeNWtT6qvYUlBO6Nzvc7W3+xRS0fUG6t22vy/Js8Gi4iLxiOZXYeH\n3r4UzNyTHxlI6RxqInJ7tj0j97UYr7seXXBnFehxgYLEVM5qbbIuEwtMajMV\nZjNfrYAaH+wNzH5Gy5FC+D29vgz9C6rtVOkHL4FaCeZTqBc3DTS8Ddb+Jk9f\nQvwtxjmcpbFyP1WxxgQausirWAeH5NZUlqLSZRiRyRfZVvvY2NZVdQqpfa7B\nVwFIO7Wmen6tsngVZfQiIkbUcvlb7KgjNKvMLptBdIwyniWvniBympb7Ct1x\nedioiZoh2jt2jJNCU6baL8fvd72b6iviHSpyp8avPsAhDbW7O65GqjoLWwak\n4Ntp81wbkstMGtz9jEz/isxVHZ8oVQSyyZRnDGG6FdC2g6DS25SOyI9VrJsf\nxYC+BdT9egxd+/5JJRWLicCT0gcFNMyX6CTLtel/YLQPK47V+FkTcUj2RK6b\njr4GoGP6TTnx8pGhauBn+FAR3wsttfPGEjM/uKlA6S2qcucTMMYgGpaWLBEw\nxUXpIppIVpU73+tkIvzkPzihOR2plkzbiegr8tmlSj2KRvhBJU4nLyKIOGPD\nPLTGjKivEyjfMqbSLlLEyV9b6zFl/inFT12l7b1xp93iO09JsM96apFeCU1p\nQdxt\r\n=rX9c\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"da78c3f024a21d0e0df18a30c887082b202d7269","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.a23ecb682.0_1620843718566_0.8244367848085361","host":"s3://npm-registry-packages"}},"12.0.0-canary.33a954852.0":{"name":"@material/animation","version":"12.0.0-canary.33a954852.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.33a954852.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"536c530fc8e159180366e6d965cffbbc6b34cf21","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.33a954852.0.tgz","fileCount":26,"integrity":"sha512-KmOy3Ft84gRYmTtp1pWFkakcKfsF1OD00BOOuLkVRRVdsuxHw0Xu43U2uJxVleW0mviByqG4wUjUfceGgMI7oA==","signatures":[{"sig":"MEUCIGde+PiU3OLddmhALF6pu6egfa7Rr7vmRKRq4xYg6UKJAiEA4IkvWmiZeEqOtAve1OVSh/h97nkcCxjmTWLPjQtvOH8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnUBtCRA9TVsSAnZWagAAzywP/R6+u2vpKxpYAbDdjQhN\niTHQi7MvEy+WPluKbOLg0U4GH3nU3p9C2SFY8PU9gAFRtj2F5KMRbsprHFFN\nNTN6RxNa2B1znRViemW5WOfztLyf9dLH9WMLYuftDAvKqvBSuevlELWhGycl\njn4Zw4b5nANu4/NfbqEhZzciTe6b8hz/xqs1vFCEkd/1uYnBfHSsUcpzf8pV\ngIQWlN8fhiYvrzXEjoxWcpPbLO10PvNv3t1eBGsQ88UVItb2a9miKKXn0j5G\nt5rYoXJ6MKXXhVt9DpMtALft+FHrFGo3MdF81ramWCv9yMGVF+7F+mK9LGGj\n3EOb2rqMgJZ3sSi0k9a0jp0zXL+QCpZeDDgLcXhScASENrTuEMQ0LXfe5AOu\nuC/b7KwDB0QKWC38DcJ32Wvnvl0dWo6sMa0gr99b3QHGSH86aRpoha1H7CX+\nCk5ZAJ5LlYrQbyiMO3syJOJFNlrCUq/AlQBKRww8RC3Mq8NKSHKnfvK5VfWg\nC/Q9s7ikEc/xKaL6M7a9+yZ8iDZ7Q3OvWbDvCIxD7y86ewbbkspSn8BF/Wg0\nGVBP1RF+cDNjXyDyxgMXQW1x2EjUs9mGVhMAqGgC5KigECrR9mcUDDVAUQMK\nUhtSG7eZnWkkFD0te1xHEmkuLxLrJVm3Z2PfpZKgeWndD7/BPOaQXPZ+8Zgb\nHgti\r\n=XjeN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"703dd5ba6a1225efec74655d3393690dca1922eb","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.33a954852.0_1620918381298_0.31318225066462313","host":"s3://npm-registry-packages"}},"12.0.0-canary.a4484849b.0":{"name":"@material/animation","version":"12.0.0-canary.a4484849b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.a4484849b.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"915d2a7696100c9559a7218d46d27fe220171127","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.a4484849b.0.tgz","fileCount":26,"integrity":"sha512-2dKsg+Qt/fJxKZ8EtSGeAlfN2x+9qlQKVo/JpcGcoZRTUY51VDLVfAsSiL3GjfM7ZcpUaC8qidy6N00RT4HAbQ==","signatures":[{"sig":"MEUCIQCeyWWJpSg0SHD55r8v+9JUQRUxjsKI4HC79By2PkMcigIgXV3g3IArbSC7ytiRtjGUHoT41DYHBDyJv6kGpc5YNkk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnUXoCRA9TVsSAnZWagAAc6sP/2hIzql122GDGjjlfqDK\nSlN+2NmJiJDhUGOZ5X+4B/NG+ZEJRAzRFyrTz15sa+d2lDKjfZiOQPtzD6pu\nN1XCpvUkyFwTToc5erpprNJoc+dVmo1IbJ3XRDRzLk9m3uGBU0Feah7+mO/w\n96TIunVwS0rIsSmoTsnQ8xOXMT0XN1w/4wPv+4vhW7zXhxocD5lpVElICSx2\nLRbpq+HqDKEiHdwx3KUzCOdtjvONVacEfAxZCgIafaX5n0m5fHz2g1pM4fuy\n17GXqZjtBAK8iLNVXOkqrHHq6anrnoxcWulX4YVookkV50SiJF9CfbQt0MMs\n+w9bKxM0UpuAG7Z6IZNAkK4B/usx79gIwPUc+di0zJZh0OLwmLvaIapGJiR4\nM5MUZIJXT2e50EkMINYnp7uFh9kgvwvzqmPJDSIilKB9yddSz13uihdzoWVx\nE9fXWT9dQSATZqGZohSI5+rUHEQ9Egt0S5L8BP+I1BXWLkzBiPEnMU7iYvz5\n1/vkNuYm3YEDssy2hTB+2WadhRPpFzZDrxLBXwmIOGrRsEiUmDvREin++2Rh\nARZyMOTeAPuzXlhAvw4vBqk1jer0HISLcnW5BGeouVu99GL+Igr7FIhUG402\nvvi5XmHJ/8WGfprz9RpAmqbzmJy1p+I5abT7f85N43mgiab7n0E3tUsCbz/T\nEzrn\r\n=/Ald\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7908229b1205198ad87858e49ed29ee3836cebfc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.a4484849b.0_1620919783848_0.7293881624445739","host":"s3://npm-registry-packages"}},"12.0.0-canary.b4c3f513e.0":{"name":"@material/animation","version":"12.0.0-canary.b4c3f513e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.b4c3f513e.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ba46b734cf1e0b8c228c578ac782971058f57eaf","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.b4c3f513e.0.tgz","fileCount":26,"integrity":"sha512-eNovAUkpp8djs3TEVPMSq7wiwAjmXuuzVc6EpBmOpRktUg/15LkEomHi7+S2h+w4NAYEHyrPXcDPm6Hm2d7a9A==","signatures":[{"sig":"MEUCICJusVPgR8Qw4htFNkpu/lA5yISUFgu7b7jQ4ADcq6JXAiEA8/e8V+PK7nBoielngEt+yfdYb/Ig/hubPTQ36w31H/g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnU6OCRA9TVsSAnZWagAAX7YP/jiBBRteBRwLZj1aNkKG\nfqPofbLlWdAMQ+lodg0r0ei39sCPKhmbmUp4wcLrAgyuCxSXJ1CBENfP90Kb\nH5OIomBaMIdq7/Qxh/1Gl5gmweyx8+5QG90/XgkFKqt9Dp5OF+MZDHlzHlVY\nOPt0cAWqDy40HmMIVXYoNhb7Lk5IlAC+nVCvMtxaJgc83lfp0nHiuoHkG1Qt\nCllVa+F46V2zdyDehIhHgY+Ii9v5Y30N3Z88bSOOmRMTr5knOw3JdeTJwGd0\nBt/byzveFr5dajpbUH8AGHOY1fi92RzrHpcZbq/ONJo206y/FSadhXGVzEKu\nygZ11dgzW2GWaXbtRD2YM96sPBZ6FfBMQ76VsWWFg4x/rj7C9CvxkScXYsdm\n1q1ghM7/4xP2M+xT4HX0t1nzpeqpZJ8i6K6LqnjMUS4oQh/lBbtIdhUT8Wm+\nmsm6CzRnHggIxWmvFKY1noikwroWr8UVqvOEG7MSARoJPniavCFbOUl202Eo\n5xw2hupWGCnQq02x/SCW6gAEb5wdh9gN7H1oU0hv80gC+Oa2JbvzlcC9MN23\n+m04h8o2QudIZfaNknjrgxKgL59nG9aBEipck4+RFvoajavaW01GL8YCQyUC\nSpaLE8Qlythr8eGLo3E1wAFslL1NqGkHetrDUaN8oygpiAhjXS6zhk7gj9kv\nowPB\r\n=Av51\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c2183e7caf6f0437e64e41b632f75d33156547ab","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.b4c3f513e.0_1620921997576_0.5619643557985523","host":"s3://npm-registry-packages"}},"12.0.0-canary.1a8d06483.0":{"name":"@material/animation","version":"12.0.0-canary.1a8d06483.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.1a8d06483.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a3d5a6ebf8965c0e3a52da1c3bf86ff2677f9c31","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.1a8d06483.0.tgz","fileCount":26,"integrity":"sha512-aUiyCKXnXjq6WWOnc5Jh7jWe5hwnG8uKDScq0BKvNOANmGA5ZJnD4F52fmY1bdZmzbGpmPPu9p6WulaLtYfjIQ==","signatures":[{"sig":"MEQCIAJjGFlZ0aHaaFh0Jwf7AEa1i+6I1YxaxFAT5FX/GwkdAiBTC27eRY8/GSBhmnHLUkcFEPpN8yna5CMIbpY22Pg4Kw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnU/sCRA9TVsSAnZWagAAj74P/39h7Qw8CCaqerquOypI\nHNsdCxSDb8gvynPri0lVZ9pAVpPRhqYEW9Obvxp12y8jeJeFWZgjVfXTb4xM\nDJidgvB7xK1xhRKmh+GwHbK/e2bidRzq8wRwx0q6ROo7WoVgZjF69qdfUQkm\nDgGIRnYu22eVtxqeej09GjE67loUCNHK1rOPXI3yGMgP0raMluu5wRPAkz8D\nlwZzZn8bZVoKZSnknCBKp289+ETgR7jBffVjS2w/OyrKIUgwDRLZSFeVoZqb\n9P6xcAt015SSZyO+7yX6yMrn05Gh8LbJyPJk15lmzX6eq/vS7i2ICq2YZabf\nb7NF+xtJtc6jTCniBvtObhwybRypfj7LZ9ukPaYSQ1/krXbUn+OrX/ldx+rb\nSvLr7p7ihj/SlYuXamkBJ8dLkpFZbVuEUo2IrtH6bnD3Po7ULmr9ukCS+7d9\niwphoSF4FT/qFjp5/Jg4H1cgvctxppwywnFVwmi+d2TbVL2rgIYjqdcgru8p\neNwijreO3491tbKszi7Bnz0wSvpacUbzzbyZhsTkBO0yWzfYZqf334VR0/Uk\nHdNa7RBVJ2Gu5DJaKbsXmKi9KsOjolDsSQxwz4d1wEzidhdNciP/NPminzCA\nl8UBx5nJIxPB9yOJqEHlkTtE7cnEd8OZhc5SuCFzKu7ik/NySQ4tCn/co+84\nqnrU\r\n=rrjM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"4fd7ff5259e7910dd76488a7faab45af839a13b2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.1a8d06483.0_1620922348450_0.8681575224492859","host":"s3://npm-registry-packages"}},"12.0.0-canary.8e6081836.0":{"name":"@material/animation","version":"12.0.0-canary.8e6081836.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.8e6081836.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5c22d8284438103a0098af04cc4f8ce1924c63bf","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.8e6081836.0.tgz","fileCount":26,"integrity":"sha512-YgIHdFH+wyGPnsNwJ/aCegnSSazzpxr7er3Hva80S1D7b+wJ6PydCEu6sXYZlRm0EJnyKTaww2+oPeJAhFw4qg==","signatures":[{"sig":"MEUCIQDqksoeI9GbTy2510wjlQJL1t1o3iPvYxFt2dgdT233DQIgUONLFvbkjHScRGohOq3CFXcGRvw7klpXJLhyELx0q3I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnu4TCRA9TVsSAnZWagAA+SsQAKIgzM5yyd9UxMHTJ/1Q\n+Y0swJ9PsKdGAGLyLEzOIb5SwfdovYZkL5HtreyIY2XtAr3T/OI6bcq13grK\naVwemXgG9W13daFSheYwNHrhkZXZSnjvGqIsGN6tB+nBeYBVC3Kl7vYVxBLr\nYK0ZFQQugohO+T2GK/02NK7k/9kLhX4OQ0hvcyw2O9dXaBEwHonXXlEsDSwH\nA9K1CGILZVbp4EaRhzfT9zBjsd42nDE6OLx1tz0T2FWWnL8V3xw59oEf5MjV\nUEg3N9/fLWRJ9GniDVEm3gt8ilmKXYIBo8qjj4XN7bBqeSJCQ6N3Altcspxd\nyFcLEX0xF0QdHa5nvXKe+84FB//iIOqqR7TP5T8gwdDJtddakCCLshvOB1/0\nm5kmiSdUOohnHH+PUx3TYisYCXTXfC6q3pa9i1rcJhMEddD9fgErcqZVAGJA\nhkCE5Eefl+WgYJqlG3Cr7NfPSyzy9HQhMc6qjMNZv6QEUFqE/oZOHFlJ133i\nWqpKsPCxCs6WpV2sHo8265ZQCPEWx+EAfkDf897+rcbSM2VGkFPf/Xw1YpMY\nokgXG0zSzNxOZ2unbMRizs3aNJ469yO2oJLRihWZSVJYug2YzDSvOs2zrIsQ\nILffrMk/YNG/9lDr6Z43MENyT+JOtAQuNIFhMx00vLq78m7DBwfkwTvy3z/m\nH1wP\r\n=CKGo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e648805eb34c990054d503fd3f70ed25e40d6d9d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.8e6081836.0_1621028370404_0.6697630695699359","host":"s3://npm-registry-packages"}},"12.0.0-canary.a2b0f4cee.0":{"name":"@material/animation","version":"12.0.0-canary.a2b0f4cee.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.a2b0f4cee.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a7c40e77ea9171be1679541c1677fb72e28cf6ab","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.a2b0f4cee.0.tgz","fileCount":26,"integrity":"sha512-q0mpWrCM53syZMEGtv+CQOVADqaIy9fRF9/4RxM+3IWYRwQcURQ+jEg9XdS3lzV6TWzUuAhriBVU65M+ILfcUg==","signatures":[{"sig":"MEQCIFO609Hxs919LkAq2hqzVXfl9zSEM1+zfqWtHthnfn0pAiA1BVIvdL7FJ7zCch22zg9kZqyHvqscmbg6UHENRd7nHA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnvEqCRA9TVsSAnZWagAADAoP/3+HBnZX6dEj1qw7+r3+\nlUqGYmn/3H8LL/U94l5gi4iBn6OII8PRn68Cm6gWdunwAvxsJfvOptuy3wv+\n8JR6MgFgSxChuu/qnyfTY1iHIGQ/r4i1j1ZquNTRRN/RODQutYJZK67EwB3B\n48JHyU6A2If88vIJ8jZk7X81OytTa/bfdEhq1a0rhGkp+TfCGxafvGHM2tOW\n5D/202Uc/Gq0B0urtj9Ka79J11ZO/VU3ykTm35zY4u1m1nC8UBVTTkgZc1YU\n/xT4mBTZphDlwiI6IpAHtxgGVrpjM1KrxgauuzgQYP2TXkhJFN8hHct5fzhp\nj+C+Yu81NLXygGK54E/lwuC6ZyR6FS/MzmXGOqXDe+GwMItlqARPoa1fniBu\nodVrKQWyFsQGOR/TB+ul15m6sHIJIQTZYxDtr6dl2mqDR7xn2hRCOEw7kPJu\nuUR9jYUOjZPwyIBE/Xw/HUEV+gXlu5BnRWP3CSFc9HnIsgEtifoxjEEHgyVd\n9s7WqrZJ4OlzAfG7FEM+wMXqXHvjvKc902ga1riIkCH2XCLkTkQ4zyctZIRc\nNy5oQaEUxpbLXrChWskefdAQGV1EUJE9MlSZzllhisPAuMX/nf4EX7wwCb6V\nmoDMnlAWOeqFV0/JXpaFKn1aiSv3NyRRi6Fsy5Urg7uIpd8h3Il5OHWQ/fUn\nXl9o\r\n=A2R/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"67c2d3cef073a380a13ddb6bbbfc90886c7af364","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.a2b0f4cee.0_1621029162070_0.3275217514370752","host":"s3://npm-registry-packages"}},"12.0.0-canary.e8e39ad19.0":{"name":"@material/animation","version":"12.0.0-canary.e8e39ad19.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.e8e39ad19.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4c3402d8ccd8d5e46950d2195503816868e745a9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.e8e39ad19.0.tgz","fileCount":26,"integrity":"sha512-JM8DSSeoQMuN3Dh+uPHByDJqdQrU0QFdZWW6L9KdFyV4ZbA7u5DB21niI057KZeBW0vHfI7h1nHeRYH8ndwiGg==","signatures":[{"sig":"MEUCIF6wvs3RDIWvQ9RARX4GGODEqgtHFAa2PmiYvkD15MlSAiEAvhozY2RwKi7BK1ziG4/xt8LHvQIZyQxSnGaPk6QpYSY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgpB+QCRA9TVsSAnZWagAAyjAQAIlkxPX3uTgKBqIfaert\nQzbq/a2CyAs4To56CYprM6UL/FvwPMQwQLEZ6thYM9AqxZ45raefcbz9f9Rk\nJ9tVR9sm/gMW9ipkh7JlBK3Xl3RJc8TNIYXrUlENa0FQ3N+76uzkuvcebKYd\ngL9Z7bG/hvX7LNRmOd9bB1HLZH+wI3Bv0vUgmOFdP3tDdEfibFjMEmGnow9n\nHMySbHx1vkeeDqv1JvOEpDG27L3YlHCrsAhLQKte4pG/BIlZkEqDM+0v1QSY\nbV0CJbPXROe5p0arRdB7kc3s5fLsPe1+FoMxwS+uB6ZQNUF/bEcYZmR4GSrI\n3cO+4nc7LrdDGCAdynvOng6MXqXZ7y5Zl6sJ1SSSrlbZ67GuGxwur4QbKZwt\npNK8AxbeFN1zWa38vUx6f3YjkGXGbJ3kjWaDxRKlDr796GN0agsPzoPS4Mb3\nkvm2za6NA3cbwhAEKU9abbna6+DZ02xzq1LO02Yac9zEhzlfUSWErK0vvfn1\nifKC6dEPXBtPTUvKaFwU+aGe0Umx9WiSAf9+I+Kwbpik3XgyAso4SaKoiarL\n0+waEXqGmLEaiXzaq1U4Hy5wb6jabU74Ak4l4Q8GQY5FTDPvSw2RrhIk70Hb\nz32PLKeiHs3M+oaSP3XlLqZluAA9HvteI/E92xv9/sA3RxP0E0PZN7psB9nr\nkCRa\r\n=aNNl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2bde63cf3be6363eb1508c4d7e1747acfc51a761","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.e8e39ad19.0_1621368720442_0.4643754181402173","host":"s3://npm-registry-packages"}},"12.0.0-canary.4bb5eea2b.0":{"name":"@material/animation","version":"12.0.0-canary.4bb5eea2b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.4bb5eea2b.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fac1ff30b13b8146dc1b55fcc86b9fc112f1058d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.4bb5eea2b.0.tgz","fileCount":26,"integrity":"sha512-5Ji5nHdb5BcH+jEfMqB0z0nVMzpHtp6Zi0Z7LVoRiJS2gF4ile1oYeJya4Tj2nseHce8Ytgz/5RGKRRdTwKfsA==","signatures":[{"sig":"MEUCIQDnDb1iluFe1iCseMTbhi1Ptr4055MSsM5UkCX2N5eN7gIgRbKiDCa15OsEZaN0hV7J4+5/UrcWf4x74jKA/cxG/mI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgpS5MCRA9TVsSAnZWagAAa8EP/RuvnW5G0GO7HpRJLqhf\ns/ZzV1+PKXGAtqw9FQiupqRGbwHzwJYZZh6V4OR0HaDkj3lNzquLLAgj3suy\nAvNQnMpAQTxhH8DLutXBPkDnkOPjpePX/9fogfLxuIOhn+uMYkYGsc6MdBOK\n9p9vhvFe6mVw0qK5FKLK3dtlL3pFkkdbYCGclNs4vsL/gDwkMyUv3WoXsNMC\nVR5qaNYI5KSw7ADWx9n6D4PTHhY1D5jBU4XFhLE+GDMuW1f5/otlTYWtxkoH\n1qLjD5DpgIx+C7VfVDGBA/fewNVxniHDCcfs2culz9YmlJIVxLsejNH01TXZ\nj/aX3MEBkBd8WpTcVyCtDJs089mq9pKA6B0s7T2WrNDA+hmwYpqLmvoRrFb/\nheaYZYQ0GszMjCTTer/MwkmOwNLZuir2oP1tWUaQ6L/G4ZR7slJkqIPdF2GM\nAYm1+YtKzKp3hslwfT8765VIdPcQK9WgyHs48lJovrdIaLa42PLMLxVYjASV\n7ylyMbRs+C6z/xUS/xKIsaSw9fyZH+Yaerswgg1kkLd+J2Nu+uZ/LlvnsNI5\njWDKIjZhNv/g+W09B0UyzI1yG0eAuyM2hI1QMkC86ALUq/qV+T/+kTKIxZq0\n0tps3sExV0xp7k22iGRfbCxPt6Pl8EVQl5LF073iJQ7Xe8zcn8H9scfM5+P+\nH1jm\r\n=AFCF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"9abe3ad555ba3e9ca70f37ff3419acc2edb56676","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.4bb5eea2b.0_1621438028327_0.4122161534824247","host":"s3://npm-registry-packages"}},"12.0.0-canary.ccce99cd6.0":{"name":"@material/animation","version":"12.0.0-canary.ccce99cd6.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.ccce99cd6.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bca0c40fceb48f0eb043ccbf38f6a38fb727a65f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.ccce99cd6.0.tgz","fileCount":26,"integrity":"sha512-H9uWRq+eK5ExX8HMTqGU9/8dO08+7Mu+qf5qss3RogUjJGJh9pwyGVbGWZimujsxLFuIN+94PB1ay1MbhKikJg==","signatures":[{"sig":"MEUCIE6I3v4TwiQcF2u3BUPcGcxtUy3oz00odEhL8QtJr+T8AiEA1Qy0A0hqoh2rF+yZhzFCTLjMsFLTh63vbm+vC4HDQeQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgpbOKCRA9TVsSAnZWagAA2b0P/2p7TvzdndYIGRsKaIbA\nl1DZLg9SmIV+W2HUmNcVsidKJ1CTuVifG8BpdysnkhIPfVIRXnIvrTdUFVON\nloFTAxdEpEktTRGZpLK/xYyqAsmdLMx8wGVeVT3DouBIhf0C/Tm3zpS4v7CG\nz/l+E7kgGm4OSfEornR7VgldEWE8agvt4wp6POwjRn1Vej2LFYxyPt+gAo7n\nXiuVNAr/j6CgCGRZRqsKQ7iacQrcsr8+jem4YniRab518pWCTxTDACoPgm9w\nJ5FeX01BccSgU7rxbU3aVNho6QNw0mck7vC+K2K9yoEC6TGhGA9HIb5ayFOr\nxnCnpWDtFQVIeOeBb34rRP5N8mgSnv64xj4p9QhlqwZqTLAWk8+1ceOLA9mR\n0Rs/0Gv3DcMK8xZEUMDcxBHa3kd3tRu5DCVMIlVusB/YNkNT0a2aSNZQWnuy\nWZJk2VBIY7CE8k4W08A+6BAGL7lSHdS/V1JczXbI6LvhTmwrXSd55gAST0Hr\nYTP7b735k+YtMcl9aoske0+doaAOmyMfutnJB+uVcfAoj4jXJ6RwVnn4SBkR\n7D0HXqflXvZPqkmCd+/6vZMMTb40PwxSDBrL/eMDOwuAFvdij41zHlM1aGsH\ncf4rGVkeicxzKG3mcDI56yK8F1KaROczRyRsCM6U9Mjfb2asct/ew9BU6sgk\nZj40\r\n=HpMq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"5d475a1522350d9dadb5fe3597683fa7f4851b83","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.ccce99cd6.0_1621472137571_0.6432133203192472","host":"s3://npm-registry-packages"}},"12.0.0-canary.14767a8db.0":{"name":"@material/animation","version":"12.0.0-canary.14767a8db.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.14767a8db.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4e29253604beb9adacf84f9b71e25525746f0c64","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.14767a8db.0.tgz","fileCount":26,"integrity":"sha512-87y5nFisKENCOfBuFoyTktbqCA0scIGVLwjnNFygqx7Sg/ZjgjH8NjhPXJSDLcWuCuIy4yPPXJg+4OYo7aeT6g==","signatures":[{"sig":"MEUCIEDBDIPR1G4FsXpVw+fwV8+it6LF4JZAiiZ1ytRrAZeyAiEApWXcLBGci7UL2lgr44VG1Y/mC9s2eHkKZgVxxCJswnI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgpstqCRA9TVsSAnZWagAAr4MP/3isk/yhXEfIMu0LhaD5\nY9t7s4IScI+fOO41mjzSvIzbwNXzVP3+s7hRddZAQRQ4DEy/9g6pSRmG7Wst\nufQWa5lcgUIzb4nwL8m1Dz5h+45OztjqWVEXKX/ioF1iqFdLZ+JCMwyVnBoR\noK/WcOPI3F5NKjvOJhmenzmspBHU3GoTnCDQOlUtaxQrpR+vHA9J21X0NMD7\ngPZppxUKMkPeN7FOvuw0K4xMk37FFPWZiSXBGxYlqHqEvM62j9WHpnzXA210\nyIFikc6yTZOaufkhuxa9uAPH9L1Vv0bdjIgMA7mydY3crsk0QJNzVvh4/ZNt\n6G/j5WvZJIKVqfJwOATJ853ZT7FRszbxWNiQrxaYl3Dn3oj0LhNVS/8ruPCh\nHFbfyoWwEXLCc6MyfjWbkQ5Iz4UzyY71Zfa8fEShCDF5VX129OJqBFIkll5y\nKX466xvyiqjxY0A/VNuFr2sbq97hGBoXwC4eqdFhAvtb461NgnD/b2USOAvz\nPwDdXTueqcTQ0lkYit9KYwc9STj/rhaTG6KNGcwgmASwiwoiQwX0lR2xp+Iy\nUCkky3/r5QAnfM7U0a7tRoYKssowA7tDffNtCHE0ltC4ZK543QjsAMbwa8Kr\n9KajNITEVMQ7U6daOYadjorKrsOz5G5Mv2ZG+VsARByBPVBR1Dg9gz81+BG7\ni1hq\r\n=HS3l\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a324b91ce28769039998a00879c6f441cb1159b6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.14767a8db.0_1621543785550_0.8508534135564656","host":"s3://npm-registry-packages"}},"12.0.0-canary.22c6dcff9.0":{"name":"@material/animation","version":"12.0.0-canary.22c6dcff9.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.22c6dcff9.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ec5edebe2927c2155a321ea404ee7a6b2b1c1d13","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.22c6dcff9.0.tgz","fileCount":26,"integrity":"sha512-K8L7npGdJ1VM4KakJx83S8BncBmy3MC/2G6Hul1MAIe4ekFN065+NKkJweDud3AZvK+zWpEFuRsv8WxVPEHGNA==","signatures":[{"sig":"MEQCIHZ+mGc/uymkpibiiHMvudlstIPLbCul40UALb9Y6z/AAiBv36+y7K88VtePF84pa71puIHpkHHHM8C3BABd0icM4w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgq8ODCRA9TVsSAnZWagAAqdgP/io4WVllkpffpY/71GAD\nsrR1iL6Or+FfQ1z/BI0mLB3ewpT4ZWbe2kTbNyXQtsKPlWAydSeRgwvISc6j\ngkOjo5oR/if6pfbzPo36HYmkQFGHI1T3nqTchHHnD3NuC0WBHunPahCiQM6e\nTojOqFa/o3oODo54KPRvfwYZh60nkJnawMgtjgzrfMkj5wg1pSa8VZpWkO/4\nL5NhZ7sCjtacNLndq5O5b/I97MXiYOoJUV1xdvRNf36cGA3vlWvlnPf8/J4T\nedGKdC15JjVDRDJUGY1+c/V4F+q8l/KJV/EKl+1t+FWllWD5wWAMnC4Yt+us\nM6rQdzlp3rY2+hQYkORZ5MkxRjqKTg60xOgGGNre1ktU1OTUnmWnQ1u8KKci\naxdXuM8++uZsjeVJIoIqB4MmiwK4cmSHwnluzOT10Ief3HbeblpXYFDp43En\nI6QTByZlvMukb/23tQv7JV1l3COq6RLpcPgCbjqZUHqQDQ385O0jeuM6sUhw\n7AEyS3QSjEFe3YzR5WomQe8OQIf9cZnCKvMkgdibf76L9I/zUFjDhY4+fb5M\njKiT83qESZyAmOv8kU2baDtVsoST2yeBt0+YcJLVF+DAIQaaff28GVvtIGoK\nM9qJXvUBn7E3CRrAqdkbE9jRvOG0NkqrlLftMGKWqZvSWokV7sMWllvYYlq/\nOG6C\r\n=syMp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"74541e300384d800b9cdf492ff70ba20ffc583dc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.22c6dcff9.0_1621869443091_0.7422637971630046","host":"s3://npm-registry-packages"}},"12.0.0-canary.fadab3372.0":{"name":"@material/animation","version":"12.0.0-canary.fadab3372.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.fadab3372.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"94a2ed7fe2803e2568735aa8bb33797c64c2477e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.fadab3372.0.tgz","fileCount":26,"integrity":"sha512-NPtT+2rthHZMIDFCWdULQi6fYpK63B6BplR3YtEh8L8yNoiqZIhVcuIe1s4FHXB2aSONspr2be+M0BUfcTGV1A==","signatures":[{"sig":"MEQCIEVE8j4KCwDwWaJPv33DcLJ0EGLcy8t1nYxaA6kGtHToAiAgSEOJAQuIoAv7OoejbkHNlofu6J7KxopaQNBxiB+2sQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgq86PCRA9TVsSAnZWagAAXDEQAKKdogC8WxmtrOmzZaUA\nxbn5AO0pyKEheB+BEPSxFZFRqj6PIGeRrenwgP+1lLdIS/wWUJ9ux8eSIjGZ\nCjuDE7BCZbfMhXduZDZr/034F5ggEhM0aJA+h6TxnoNROMWracp1R+Q0izWr\nxxJNG+dxUAPeyNKrwNSJ2ibZ+Blr0CBstS/RUE/eemSpRgmjilOuzVIDOD8H\nO/bH3yY9e9GgdmWKFDfTpu5F8kbxWqMXxeaipaQQMZS6ZBCmCQWvd5LjkdtI\nvFARaMxWpbQHnxy76BGPmnj5uio2pJaEOXeHSUuNGJoXp8q8nzjks2U8PZHt\ny+2adVl38eWIHsR6ywVvOvI/x0ZKN4pvLNY/hkkJ51a1dbEeYRvQ6RfIvg5Y\n7brq/zLN6C17IZ70oNyq3VuxL2lGdoZQxkcsA5nqcvAyLezUDYLi+JsY9CCR\nlAPzzCSA4cCJ2W61HrmdHViHwix4gTTUOD0V67RjstkLuWhDxolQKM1XYIGE\nSTg3NHhqF8NGcWsG0J0RaWIGSC5pMqMHhWCG6Cjusi5rXp6dHW+0xkFcmenx\noN9/7Ywe/z1Nzd6wsxJSXGLrfHSRMuIA7/z2XCm/yLgoXlju3wnMJTMhJxos\np96+GBYvmFToZ1oz1i9FK96srQGvgeWA2Vd+CRAgXnMxhorcUNi/onHGVm4s\nTjTK\r\n=hLqj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d76e611194693a7270b5e10fd87906ada48c7af7","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.fadab3372.0_1621872270601_0.570568531410913","host":"s3://npm-registry-packages"}},"12.0.0-canary.caa73aeee.0":{"name":"@material/animation","version":"12.0.0-canary.caa73aeee.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.caa73aeee.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"14a320c856a26843c4ad42e397edffd07ba9bc18","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.caa73aeee.0.tgz","fileCount":26,"integrity":"sha512-L7Vv+li8rxbN46ALQsAdHF1Ek0N3dflpjyFpolc/1I0oFtc2vSFgTLDfQK1ZlsgCDGvLMbQJk9/3hNVqUWwXQQ==","signatures":[{"sig":"MEYCIQDydrqolBVN4ZyYbMK0vCT3cJkvIs6cDuxaWfLg8ECfIwIhALH07MNU2SCNqR0bqEucSv/nIpscWJIFNaZKNC7vUQiK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrQX2CRA9TVsSAnZWagAABJIP/2QqgmevfMBUf5N95Yw1\ntm3p7LOqybQJdw6R22ScqXtKOfpOdKQM0r/lpf1XGURu2wd//tOxX2wWDE89\nV6LyByWDl4EmWINaF1n75//Zc1HvOn95l6AV7oXBIbWFI22xapBvrixZmP7j\nNu07HXcbO2MVsbVLs5NiwhZtguywkooinj+gtnTsBmzaYHys81yRWkMTXxKU\nggKJWLkw/UMK+HlxW2PHQbyXT03AiwSqCfqx6s+ftXNKoiUDrUzVW4LVSH2S\nMvQ39YAVFvkd1LfdOi/bVW/52sd3w320TGwUljXwxdH7c5YkWhfqZzq/shgZ\n9c1P1n8zHLfvkIlWUiokyxktwafdo6oFk7607I7jQ7AxfGRreR+7g/28MXx2\n/18r9QhbC/XAcbxtrvaM+7iu3VvDXBYRAFeFEnDSWMRvtVu+Zay0NthWVBNm\njaO8zmEibktiju6bfIHmuUq+7YIQSvLFZ9PSmohf5pwELpklu2DeGmD4rytC\nfbqg5pBxLmqKcu6C6BPRc6x1k+bKe3WfcCBpy0+mf2bhDIVbief6PtyRz9Dm\nK7XR1J8s/GFmY6lIuZog3xUsDvUwav8NEzrwiPVL7IZRgsxTuhcVPa9R84hw\n3/x16VzDAWsK1WxM9lvTbIpSnDCs5PBFRXSXopENto20bVoiyaolfkeEzfdi\nEgxE\r\n=0oHZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"dca5692fda23e55426458f6b0c56c2b6dc9e2dd8","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.caa73aeee.0_1621951989722_0.8462831591797988","host":"s3://npm-registry-packages"}},"12.0.0-canary.ec31ae1ed.0":{"name":"@material/animation","version":"12.0.0-canary.ec31ae1ed.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.ec31ae1ed.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"061a9085cb145fd254f96799e4dece6b1d835ec8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.ec31ae1ed.0.tgz","fileCount":26,"integrity":"sha512-eua719GIohm6w6FAsdFDJ4+FJCcagqC6PI0K9HLHeeyVN/avG3Y2thIRooiG0DUn2+4ekJJoTe0fIIwNJ2kfJA==","signatures":[{"sig":"MEUCIH8dtBx5h05tzPcJippL2DIyYdWZ/ixK/RRtjzjTbu+hAiEA7Xp0uGUuyQ9dLMhg8EMpcXOzkyqh+H/u+CES49/WBwY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrV9GCRA9TVsSAnZWagAA5zMP/2xmYSKVqNMHN0i50neo\n9X1XYyDve2EUFScNl2t/NDh+W2GgpGCKUWuFW1NnairhMzCDZudA4aZD9Iut\nYD3JvTwbTO8lpK7NE3JL/Qts/+IJaVCJFJEUVOO1jRDiBcgSJsWi7MfhgfIv\nic+AZZOpihWKwx0h16OnaNLkQMropiuGnuhuNySm0VkgVpmhBNwS5dI0hh70\nTYwPzhdiYqskAicvWHkkj1hp2gFj1diDfE3pONYK3BqY+Im5u7qgEbvrABC+\nLg/JYEwAkXmsW7WoV8P8jGpTpITamXGacNof7jl9XxK6OXW0RFAnHoAyCVro\nQyjvUqy08rViRgFKPgli8ryVK5PCHi/IfcUU+t97bjZUabbAX/yYh+tc9TBN\nJud/1QQXe9vvfIpsv1K0SaEbPBawh0oIsXweaKugYhcX0nXApq1zMbJe+wtQ\naBC4R1gVF+JRZ9TzLUOYEMymx8pSVA4ElG15mJutTEEilEyyNnwMJSeFuVXA\nE15ZiDFbRG/soyV297kwPmiolwLtu4ImXY7QGn3uMa+4Tf1TdHMWFzkpY1Y/\n6Zid1/Z4OG1X64WKsKCACjMomzO2Su61OxaSTcOw09Tjn0nLZFd4iI3UV7Lm\nbldS8dJGonedM6spwLM5RJX3mOUXvfOjlTVBh3M20WvkNEUPep55jAYHTbDt\nhDkm\r\n=xC0C\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f9db084a3aed73c844554c3b223d5185727b6d07","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.ec31ae1ed.0_1621974853951_0.251566383377845","host":"s3://npm-registry-packages"}},"12.0.0-canary.8530d3514.0":{"name":"@material/animation","version":"12.0.0-canary.8530d3514.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.8530d3514.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"964fcbf810faf1ba92845b61927e6290c24224a5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.8530d3514.0.tgz","fileCount":26,"integrity":"sha512-pCXe1FDw47+xgBN5nW37s0z914z0dIH1cs5cCKNmALYqp5cHU8Yzr+fYPMcw+rzX+LAneuGRWPJEhitjhl1gkQ==","signatures":[{"sig":"MEYCIQCDX5NHo2rQ3QxB5BHkHIjIG8n3l02X5TsF9GmZqIqW9AIhAP2VWLqkqQ2l9hNFNaHIYEJHbYmiubjSeCeuT9MMovmx","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgr8LXCRA9TVsSAnZWagAAEh4P/jqrx3RPhHHVqeMVwleR\nobCsXateDwvNZhqoippSrD7lZwVrXGCUfi39/E2brpzdTjMY6ASzr7V4RkeL\nUSLOXnc7eMn9AhUfzldj3iuutKeist4Lg+h0gZsDKX+fO8+i1G8Yc2FtRAvw\nG3ORD+umtdQ05Dm2Ba+00VJORRPBfJ9g9PkPsaHQKv5SimdNZq9El6FLtDNg\nwouEc3QHrPI25KXjdjSvzBsYpUExKGlmx0YM1lDj9mPy3Ox9UHSHGbE9giuB\n109VAsmG7272T5RRTBYRzawS9qYK0Hy5g8n+K8iXafwa+bwWBIoKl63AfwSd\nZj+hJG45sWfTLp1iVCMoP8eOgf/zbAGv/ViHh8azCAT0wZpZ/5th5cT7Cnxx\nvablvbLuBjG2zaONYQiCICublVUrJadQSXjvJN1YFRHCTQGUVemMg/DV5wYO\nxfFqCpZtSYM0ogvvHQ/m9/49xSyKliqmJUekcIhwT5i+M6UyijwJ/gTlBGVD\nI9C4AH38bFczW7pQ+MtacHX+fw+slwRdlGHqb1RcrNTtTw2bdVQc0LbhZOFL\nki89F/Zp5hy3vAoNTbHSWwDmo2Dm9U+RsYVM8UqQh2sJJUiiwWlGLqKKlFIR\nWBp1LTLw6f2Q/foDAQEk11pkexprmzFTvVoFC+VjBJktXnnPthFCy1P1u++y\nQFiS\r\n=yA48\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e32508a69db8bd9ce4383a14f2c576d35950566c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.8530d3514.0_1622131414855_0.823104074255937","host":"s3://npm-registry-packages"}},"12.0.0-canary.00b5899dc.0":{"name":"@material/animation","version":"12.0.0-canary.00b5899dc.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.00b5899dc.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e09ecf13ec49acee74c0655534c06b6f163f4b17","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.00b5899dc.0.tgz","fileCount":26,"integrity":"sha512-hCMNJAFn2+Emhp8ARAB47oBUc8P8t9Y8wG/lqPyOflzub+/iotjrGcJTYt9tc7rkc9DMIIcZakb3lywalm+gBg==","signatures":[{"sig":"MEUCIQDUZM+7vB9O18UOq7s5sf35tvFQpWAuzt3mTuiOV0DUEAIgVDiAbi7XenMtzW7n9Ujcf7c0HYBdxtlWa21aEEUMfzo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgtrhLCRA9TVsSAnZWagAApV8P/jsM4Qsc5LowASSWhwBM\nBhbEpLlrE2L72Njj4QzNYswp8oxbsiTPxNlso+SQCNWFeHC0Ssf7YfH5LZFu\n0OIwAIiN+Jr2eEg3WqJoMW3FtI5L4CbzUBzU2nacjoaFWlhtyrwhcCFJdt5q\nYUckxWHDterUJsFtvY1MlOeSGEiKd25xwlNapmNERde3+PVACWde3gBeybn8\njMsnNEUStuhNa7wCJKSkt94Eb6rodLdLhiXtDOsMYPT+GScUYx71qicN1AkI\npALKe0bcGJJ/9JjxVFTBU6I5do6cZypF+z1RH8j9FtDtYcnVizgYf6Gxq3LH\naUAvZrsNXUEEBdmxP3VfTesYrzLXSXHZrw8oTANGqGAxGnYpZsDtC8Eoc9QF\ngHlY9J6b7yv8NLEsKQV8gJYW0mWcPIBoZ48pGHial/tQA82p/FsveDcVoMJn\nVZdeMljzqAGkjOYGH7wc1GYWGqYe2XLfFVdeP/tdgc7xfDIWA7aEIYYaxvFU\nLBY1bSVjJYP8HvJddRLiPSdotgNQ8RjIwndfXRHFWU6ak5XmOlyH0LUjFoel\nGS5ysp8PYRvXgfaB5CRKsOAKgvNHcnsQGdEM4e0f9ueKELnczRo9ZwDrp/xt\nZYjWUTchR9c2Ue9cJFkPsGYAzMya39zM5zV4Uj8TsxDSxQqJ02l5B/33syXe\nvHOn\r\n=Y7LN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"19ffd4cf15764c62ec7b1dfd76483a2919f6501d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.00b5899dc.0_1622587467275_0.5588470741193317","host":"s3://npm-registry-packages"}},"12.0.0-canary.f1525ea3e.0":{"name":"@material/animation","version":"12.0.0-canary.f1525ea3e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.f1525ea3e.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"74c0b8c73a571739526e10b69decf08d1c34b3e9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.f1525ea3e.0.tgz","fileCount":26,"integrity":"sha512-mumSp1yap+U/H5q5AwZCynNI7XnEic3MJRJDVCYWWNasi1DsjTyjrlZeF8CYVVslOwAny6dQQ+SBy/7UVtChaQ==","signatures":[{"sig":"MEUCIA+kV8zdBSCer02eAIvmRatwkidcl2qOBJ+4B26S8MPTAiEAsS0NMzj0r5e+jkncywAjXAmbZo+Vhp4dGTdR6zTAZjI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJguN7ECRA9TVsSAnZWagAAamwP/A+SpKvxfj8qMu7olf+R\npM4g+TI29+O+oJeh2UOQx7pS9u86g/WJSsIFt5dcUVS4qgArISh4ONTbuJZJ\nRXil2/K4cGBpVeNOxC0eoifyXZ7QXjcQY+qYAs98rTKnYLHTKWqTZaCLtyMs\n+lqvPjr1ZsRssB+eDLL11Dy0Be2RmC0IL2p20TLL9B9R3Ji8Yw8GuNI7l3Xn\nmEUthONkF8OkY/T+JWrKTxv4+Fkl0iNOa8VO4AxSZF5HSPRAHAGzXxALD2hA\nfH+wHlbZIu77vYcB2xwADxd3YtxLuSReDl9jePs5EZ2y3Gf1XiATFVJl4n8D\nQ2HUTxUHi62UcPhZ3Pt/7F0/ou06q/r4SYZY+VGI1SojXKSEydg4Mbcgkm46\nk6iSBrPTXTOEk27cbePwWrveEQe1elpH/2vGxeVA80tiAwOFQVJbqCX1OCXq\nGV2ZW7hFkh4lMAR9CT4i3GMQUuegVVnIoH9kP7lmAeHPX6zzScoEB9MxAl0I\nE3iC6gk5wtjpLVhjAPYzqimgG5F9zMH+NG4XEBQaaJB/g483KD81NOAVy6ie\n27JYtNkDOpK2z6X1UQaRzwN3kc818gFPTdlt7r2l1oLfHpMqlXHuW3PWqvRc\nI5xEzL4D5Yer6387aRpcHa4rdUE81Fc2NwsOyjIc/OWronVS5exLcJg66239\nCkm8\r\n=hla/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"97ff3c2e33330849b0ca447ac6983126a385d845","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.f1525ea3e.0_1622728388771_0.06128147522992955","host":"s3://npm-registry-packages"}},"12.0.0-canary.464a00286.0":{"name":"@material/animation","version":"12.0.0-canary.464a00286.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.464a00286.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0e49ca2490abcfae73c8ecbae07f2ca441e5b530","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.464a00286.0.tgz","fileCount":26,"integrity":"sha512-KxxtgwXsFpxCLWw2DSd87Ny13T9/FatHQjq0cuZS8OiK1M2AV6uUV2Qe0oYp42Vj7zMoMbuSBBp0C7jFBWCCLg==","signatures":[{"sig":"MEQCIDoNcFE90lcAE260uYus9i5OF8+ZWO4iAUToPQThhz+dAiA0ei2of6xykiUtLS5so5V1+cgRi0e+SmOXJgTac1O/nw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJguOrRCRA9TVsSAnZWagAAcb4P/2OXSJg4KWMznPJA7ge7\nm2ypTtNoX1SNSI45lSw7aomC75BjzExVO2SQUjG+NnPxrHbbGSsoIEJ9q+qz\no4BTc/wp/TZlfvpZe8I6lUtsSKGFM0l/5TOcK+u1IiPHTQQafkf2fQNjSDPH\n5vxJm57Iep7HDE24qZ3GgDxyWzqh9yhk7gKum0obu9jKzq4FoU+fZ4q9kIZ3\nsc1z6P4a3VSBZ6BloDZZIthw2t4EPgVUIR6SrEPR9UZywTX7COwz+6u/XvHN\ndP9KiYkcFcoSj/cSC00BTRdgXIwFOlKSpmytO3KhAL6aKsbagmq1TFC1uh39\nqhcs0lyekXn9rKDEO39jfnyfXofls0plkVn+d5DjT9xO0KBwTsieysvrctyS\ndb4AYEODasyqOVmOwrTnqwAoaPCL2FmhnwPZK0RiFGF+4uCHkYltD1B2+JTt\nF5g4jIhlhdFa2g0hLE5fAtoqnECrgDC1WO5RAvl0Q6cnnNUe8os8PfvQkvVB\nZhK7q/E9kmvtwareZArYAkIjQ/Xqp9xxJ30uC1Acja2N20147b5kHyHtIw6K\nSfu9RdFLKUDIyX3CDnUy8FzePgY2BY2KY3WcQKAeKHscDd6eiA3QTA039oRM\nCEj2auO+roDdOqkX51BFbnSNm6oe7sIuV1m9wFux/V3V3s+XRw9HtNWKnh3Z\nAQLj\r\n=c3WX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ceb43f7f74f7db77edbe7a13d3b92e853d599d6b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.464a00286.0_1622731473130_0.9896241689295098","host":"s3://npm-registry-packages"}},"12.0.0-canary.474de7878.0":{"name":"@material/animation","version":"12.0.0-canary.474de7878.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.474de7878.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"89f3b6572dfd5345d0372b1bf60fd845a930773d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.474de7878.0.tgz","fileCount":26,"integrity":"sha512-VGX/LKCZgTwDe+aFEnsa3WiL1Ya/nbba+ppbNqpTt6Di67ohgANlAxlGivN7W7niyd/kGgoaIrKCzR6L0/BMcg==","signatures":[{"sig":"MEUCIQCIZB21shM66JBHGOTjX9frY4wdb24zu6FP4rxEqTHatgIge6FtXZvgnOOPYs3rg5RsU98YYzegQhxtxinZGtAtc/M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJguPGACRA9TVsSAnZWagAArf4P/RfNKGCxupuXisfLb73X\nwSKJqcPrG3PqQVDiq5qwqcrpKakRAOVAELAShG8zkpCtffZIltdkBq5XgieV\nV5tR3bk7AkcaY+Q/YV7km5I8DT+irwn6lZSIFkmSsk0AdmAeGmY6qfZ7PoTT\n4PMXKwk52AGuAYUGcFduQtAPDt/yAkbx7Cy9J2DCY4xnI5NxTGmwuo1KhNvm\nHpCzEI9gPWwmZUHGPEL43PsaXxe8iC4SKQA75Zv33D18jvuOvVQelELmjt3b\nELdAb/TUKXA183D8jkbxbA7OyCsh7vd5VCOanz2U0P/ckbj4gA6oiWRK5nyL\ny8pgK/WMBB0TK3xiYgsiWGj7QWvjs+Vg+a4rqnHIyIlbp+8lukgPmg/uKjfN\njGnOJg3crfX9UOMCG1oeuALl68u1UwFf62ilBSrC2trcCPHpvFG2ijL6oM1I\nDhH2RaEVj1uJYi+k03mszvpbRNTlYXhhlmtb4N2VoxpFgG4v53sDn0Fs4Mis\nOqVWw5wfE4Z5D4F8PDTCRrGopiAOtrGq6S1qjH8u7q7SeSLQqDbRJquB4d4M\n4+/EjA3Cp1fp3N4KqI3ZTAfeP/p0zBAh/b9MRfS+8deXa+IdUMJW4OVTtI/0\ngT2D97siWZ0oKAyp/ENy1QMj93DGXrrb2VDvCStKFxtDirfB1QGSba2LEbpS\n8kkK\r\n=fJ1+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"67d604ec9cbaa0dc385eb36be35e0adfe641b244","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.474de7878.0_1622733184757_0.8390801409007924","host":"s3://npm-registry-packages"}},"12.0.0-canary.b87ebf74d.0":{"name":"@material/animation","version":"12.0.0-canary.b87ebf74d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.b87ebf74d.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"90d944e2830c40f26203546d311608336a352551","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.b87ebf74d.0.tgz","fileCount":26,"integrity":"sha512-TboOuBzYxz4XEHs2I9RD2G5/xz3ztLMslmGQKJmnbHLZcwgcZ+imxzaUlax8F3PeOC4gH9UcZDtj4h0slCVYOw==","signatures":[{"sig":"MEUCIQDJq5yu9f8B1FdGJcXYjRFTr8B2D+nthjDj89x42zllngIgCqTpLjZFj/FpgYgY5OyRV5PFnLq784IzqHXalJefssY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJguRUrCRA9TVsSAnZWagAALxcP/2ciaBgR2ZQZXLSpPit6\npPltpllL8Lc9A1W8aZ78WSqS7Gj3RL5AUEh4BxViG4mTBIsx5PYUZ08eJMSa\nRo7zp8Y7rlbbvynBVGqgoySQy2Q8ZDJ7H8wMrlaaYkqTXPKb85uKZ79AE1GQ\nhmtPzBomA/IQJpfIF69ZSeyCH1Oq7yPh6VhNjfjBFoyQGEjxl6k5kVkuWc4s\nBuJF0MKpCFqhMILYRj5kv3LNC9tGL3Q85WUtqM1hrdHbChqkvzscDfBtHjPd\nJDWBt+VZfDawBOFM4oO9Xf6QS8TRD4+Sfkg6PFIKUQRLJ95xuuUMOQXGZQBJ\n1cOkxD4atv6SCTl9FiAY2vrZJDhqi4mSuBE5eO8IxYqIAzh8dZNhtA8BsMeh\n08zRF4p1inxj2ZtAp4CxdjIHYbcYStXF5a57bpKmkHyf8bmklTEdQ4KInUvJ\nogxPZPUfm77SjyxBPG56cIqjoBjLeT8/pxnUDtzXEqVOqcZEC3J4x0peMHKC\nZ1rGCd73qWqnPdTK/YXwoWa0RbNKjCTxg05iXeL5s9xMMbmaOdD4O7ZEHHhc\nWFMsnt0DbnKkusFTOHsykTsgRI52k+sgIX0fEQV5IhUgQNvwuaBuf6wEkkbd\n2nRX0AmH8gVef+Nhfjq4mIcKXESBKVBP9VoiZYGkWEsMSo3B2CDTvCOazd4F\nGCWE\r\n=5K8l\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d3567c6dfa0fd347d2141fb92460c63fac28b46a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.b87ebf74d.0_1622742315587_0.4580497695987473","host":"s3://npm-registry-packages"}},"12.0.0-canary.2daa49b35.0":{"name":"@material/animation","version":"12.0.0-canary.2daa49b35.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.2daa49b35.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6607643e1e31643b45dbe2e044ff9544889bf335","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.2daa49b35.0.tgz","fileCount":26,"integrity":"sha512-MNfEmhKGEZrJkigvYFrXU0yBOHepWFGENfTpTkbDiicYu5kLd+iuygbuLn3/ebfq51g1qqV0S5crp0wEeGxdVg==","signatures":[{"sig":"MEQCIAFIYeWG2jmOA+8UxqBaMq/b2lIqpur0Blwn8B1X5MxaAiBpRrrchSPOvPChglYSAYV8gxbjKj7cS8KFHmKOxsLI3w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgulEMCRA9TVsSAnZWagAAN40P/jPBbrjg8aKmaOVN+Bof\ntHKGNTVu2h5LagBDwyQxK8ayYxsFSy7U2bYeDOWoRvWYpu72HWAoxJxyiOJl\ngl1zWV1i7WF282evMLarhIBT03pXLRBA0RMD0ovwoMOnr/37ENSftTy6m6Th\nneckj3krqpL9cWLNKtDQVgnktelgQjsurTFoGZCDGY+ZTJW0hmTJPOykFsfX\nFgLzxIS1r8PynKdSYTPF5MixoGs+Q/LZe+LullyZkQQzWEScb+Wh9FAZ2DZN\nxJ98dYuEB+1ribf8BS+J97acOKjJAfBA8y8Zg8kCRSVPp5Ov+Agh8OFIL+Sy\nzoIHYcMmeSymuj97RardmfWH+rusguZvj4bpeNOReDfVwQhbMRD/NnoatOd4\nUfuquu/qhq/rdPJjtuNDo4IuTmjS0iedPg/Cqjf0MHTbDLZdJsJR4pE3SXOd\nSeCnEsCbOgnm8WB19lnBqxP2iQ5mBY2V3go4h5w9ckygPSHj74Xr6wWMBSxI\nUk58QbWvI5p8kofIr7Iu1aB+yxawOxLeV/GU9MrUw6WgXU8bRcfcQzgjt2R1\nBqOQbtgdIjASK1gV/+ZQTglzI0Abrr0wsq13LKTrpVKKaGQLcOYjTGuOm63b\nzJIUNBiLsyrrP9G2NtRPG2f4t4P5uLBGGS900Qd9kGbc57BqTq516n4gkKRF\nsPh9\r\n=DbJ4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"3e759afe4116e5fb3941df918249b1b1348fe684","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.2daa49b35.0_1622823180612_0.013679774275874745","host":"s3://npm-registry-packages"}},"12.0.0-canary.08db3d737.0":{"name":"@material/animation","version":"12.0.0-canary.08db3d737.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.08db3d737.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ca0ad41fcffb86988ecd7abdcd0b988b456cfc58","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.08db3d737.0.tgz","fileCount":26,"integrity":"sha512-IJwZmUZu/MGmhdszcKe7zoh6henZx0uyPgKbo141VP2iDyFPco7ChnyQMNYjoBpd/VXQpU+OogT82Jj/ig+MOw==","signatures":[{"sig":"MEUCICL4H4W4VyE/77XK241fe00QzffGzPrR38rsFqytQknHAiEAmtffhqvtP2stis2MVpyutK3wP5brKD+tY2Jxjl/18UQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJguoGxCRA9TVsSAnZWagAAq4MP/iQFvJQSm4BqI97woqZV\nMwzHWL8I2j6WSINaF6lWsQm15hoFAkQTBmH2QR5No4SHmBdiH/sJOTadyTZ5\nZSOa65enWWXoiES1vt4p1/3q0nuzsZKOo/QIaACc/uLoxkCCmptpxLXEbIl0\nUbEsWN9KiWfzmr0GXY+IirA5OEYwTzlKlPJVcBOkPTSyDCOMg5IEbMGNIvfu\nXE74I7N59i1VYDTvvHneYeBQjRtXt2EYwk0sagUyZoB5QJgEqTpG302bg8Eq\nhH2upJBLK8WvDphzL92jkzM9SwEDts8JpVhlj9Uz8mppFyfGwVsERYCscsyT\nICTCsj8kbBLjXdDPKE8nQgwo83MqSPFn1QcsPIOdk70gGlKEpX1LbnwxakFw\nu9T389Rwf/qE6kB8KQj3ig37ZfNkFvYdJNDq4/ljtwyEViNAEsjI6lhFhn8q\nzJzLHr+gM7EUfpWruzP2d2mm1aOFAaZGnsd46VJq/2OibFK3i+ZLwL1iIeWd\nzKHH/c88zJsblSKhuOEZfSqOmk62BU+/UTWjiVOE9aEe0Qh8mAloDlWY/2af\nZ+kD2EJXwZlU/G1oBmzn3+bzSrNqVFEYqFeD2VXgoubDleNxateupa4iPjvB\nWV1oSjcxLEHS/3hehVE5OSlgY5rUcHqcR5VRq6oaaojwYZEFs1+wdRRuljBs\nMlxl\r\n=rIe8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"0175b9a3635a8e6c8c6690948618b55f39ca1ffb","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.08db3d737.0_1622835633688_0.1994347619904322","host":"s3://npm-registry-packages"}},"12.0.0-canary.5823407a7.0":{"name":"@material/animation","version":"12.0.0-canary.5823407a7.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.5823407a7.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b69f703802305ab433342713906290b5e4da7620","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.5823407a7.0.tgz","fileCount":26,"integrity":"sha512-+TdmmzUUnA7zuTifVdcK2o+VuY54hCHU0DPyYmoQb4P3vdeJaRsntO810Br3EV1p3iD1I5bAZOTUwrjov4vwFg==","signatures":[{"sig":"MEQCIHBApZrNCcJhyLNAhHKHRqU72HsJlTlJOW+TpY8V8k5CAiB0s5BFiRcammd6bZ5FwUcFNn1mPUvMBuaVXPEhXgliSw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgvr4DCRA9TVsSAnZWagAATHUP/1L/VFZT/FV7HunFdMZQ\nil2AdYfUw73FB42rdVZxRtAscAO1L0SFkbXe44eGnk8ajBbZ8PJltlLT7z17\niYCoXSSUdAT6UvuUSMxOp934SEJwzq0lLXPeUqLxQHOPYm/bPekIhxYp4OAh\nrLy0TeF8BUBKCTYCGC0kGILEXzw3v32+laJXwozgg5af4Nz+2ulLAFrXAoyE\n2+qaD5T2PpuO49U+ERhAM8TF4dlcs4PH/KaL7sNLCZoWwDwJ+molQW3Z2HTO\n+25GoD/V1Eg+gofVumj60sBaaG0ioFSLbbD5SVEEnfrbNTrHlxWTpXtMuzMm\nzGMA0mE300LXKeGFTH1UoI/p4TAMHB5CxwmQNxewnYz1INQUNLzZJ2G15XfA\n+jVeawhPUXQ6aDp46pJ2/1ym7wYEIUP3CdtYMcwa/2bRCk8u9EMMWGrzUSpq\nS6Jmt0g60Hp2eHHE4paaqiovYnuAKlfHHQUwG2Af4Uja3f3mqFaCxmvmlkXA\niJhYvT97YC3+UnGJ9U5M5BEuFJYZ2e42b2IaPLBjjqYtsaXToM1zzLX25IOB\nUgbTkrdcSililaizXpTyC1ylV2+dWO17lLq+XGe582ClDYyZ0aqOh3JI9d4w\nbN6+tmhlzSDc7iEN9eQZSKBPPyPH49I7Gv68PxN2c5naGJKxGD5dMXnwhub1\nC5wp\r\n=biM2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"dd3ce4590e0d881d04e885d116e10e680b6c01f9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.5823407a7.0_1623113219714_0.24993064747598392","host":"s3://npm-registry-packages"}},"12.0.0-canary.23b0c5e22.0":{"name":"@material/animation","version":"12.0.0-canary.23b0c5e22.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.23b0c5e22.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"89b71f12c9f537e6d29c4121756f875970198e00","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.23b0c5e22.0.tgz","fileCount":26,"integrity":"sha512-Yxx/+Uow9H37cscBOi6GA6hAdBkZp1p3l7YbrpOXMufRIdWUAahJ525V0gbNFugEfW7hNdxCyzcha23gG0CkMw==","signatures":[{"sig":"MEUCIHvcDdj2UEE8kPQhuKT4BeGTlOZhOkMqravheRmXrCmNAiEAxNK5HXOnPebQG9X22V75SkkVoVOo60sw4GX8Ax7TOnY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgv5juCRA9TVsSAnZWagAAyJYQAJR+GKYIdn4ugRxW+I5R\n1n6gD2uvTwDX7c+ncYoUrACsGYo4FFJMCMR8zVWtlYkoTBA3HdnyUj/cV8qL\nkE1tz+t07ewBbMnkrJr2dcwUDIohXz6qBpZuHFgVIoEQSa+0ycNBn8zqZme2\nXEx/Q7QmzHPWH5ooG7KRNhCru5a8LzGvtUSDnLBze4erWobz+Yxt94skmYaM\nobU3hDvFJbcQ1d96ea/HI19+rBVB+APsULK7wpHQjyCBuoEELdNpqCx8p8zH\nB20kjGBCBpv0Zc9ZyZVCDze/bNy7oEoPF4SfySbuyF+U306qVu9wQCLhiYyZ\n/JWfmNkFWkRMtY56ZFb/IZ4aSpMSHnge3yboD/U4ImycmIU7agbosOL/Dp1w\nKUgizJwclfMh68JMz0Fr7kCSJF2ItQN4HAvxnQu4qxQBpx7Vm+XDLh/mcnZu\nimHRCErKkYoFVc9Od2W1fGN/dOcJrnq6t7RvsHEDHn+CFfctEGPPYDCsldk4\nI84RvadrIZrYtrN0dHF5oXSnMzPmdsvdWn5V6InoMjCCz1Md8wNlZisIyVEq\nCNrS/WhCdvr+sPAabfO/ae9FWK3HW72KPlcBEq24J/wf8t4GFJ3aI9mDTu6y\n+Vy7zeVF1ubvp/Giz1GVQAIloGnRMdCebjCzvukaEnHueQT1uegSWWgfGhh7\nczQ7\r\n=J/bD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"fc55a497a3b0d48a691942de987d781555ef9d82","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.23b0c5e22.0_1623169262247_0.7913353236076552","host":"s3://npm-registry-packages"}},"12.0.0-canary.2952c6a76.0":{"name":"@material/animation","version":"12.0.0-canary.2952c6a76.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.2952c6a76.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d71b1de6ec2c782543370b75430287f2d2936687","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.2952c6a76.0.tgz","fileCount":26,"integrity":"sha512-iZ0g1hxy26GbT+3j37pTIsMYha7WLj99zyCgRDOepsX0DBVfmSbU+taP05ASNVtE7cckUJg9T79xc3fXuZv2yw==","signatures":[{"sig":"MEYCIQD4gP7bUGcHFMu/YKfJFFal66UlgCeiAx6Auji0Jk5NlAIhAKglRgUIKUHjQUcJF6aZcJvPA55MkeCnEQRT+BhPAm5Z","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgv6tXCRA9TVsSAnZWagAA5dIQAIFCr9+LJbBnfpfctQEw\n50IIYyAroKXZeQ8DTYw7388p1TalLGw5aoChsjCH2LCZ8M8aWXaXzVB0/NzM\nCKyxYYa1iHeZxSIdbJGTlp+YCDWiBzfcuPorsmG4xg1t5saZGgOy4bhMQT8G\n4oM/QbdUf9DVVLbxZrF15OsBY5RpHwEnH7SFslOqB13xz0CRhoBIPkRo9fjt\nCr1VLW2x3AB97VBOu/2NdDTeIQEAoyyrkXFHDZbl5u106lRe08N8A9WVX2mZ\nNU9Ab/R8SM8piQwjBy/ifDX+mz+LFgvuDF6g+y1y37XK9iLusFwiBJnY7HJw\nkn/kuKuujye/3202oFYqraQIA+WMpsOktXKuA2cDeQTP7iU4seM3WJvUV0kI\n+3vyPEE/D6SxMnnAtbgOI3bvdDfsBIZ4q8PwsjxaaUrBC8IFb9oW108o7A8i\nnKTZecZEuJO4tu5P0R48kCFDKoXO+mFvLqDIPpOwmhxKLNkys4TYGDo7MG56\nvrw/TWfEn2UiQnhsjQYuGaE/3NCAmHwJzwMlV54WbNi/qQKOWCMdulBhytXs\n7PrDUQXL8Cc9PdSRkSElU62e92e4o3t8+Ttyl4ynMqz72PqFKaW8yN7sGlyd\nD/f+xWQlda7Hlp5fmtw3uhTmYsm3oQclmx5MfRzqET+Wocfq/Iklq7Rc4/XY\nNE5R\r\n=owRw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c1b0afec5d55ef54d74fa1cea1899368fe5c7180","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.2952c6a76.0_1623173974974_0.8719526027989186","host":"s3://npm-registry-packages"}},"12.0.0-canary.f12425f88.0":{"name":"@material/animation","version":"12.0.0-canary.f12425f88.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.f12425f88.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"eb62c8ff19c617d5dcaea45b91f8b9fd50f3203a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.f12425f88.0.tgz","fileCount":26,"integrity":"sha512-HFJfe7SE8UkdOl/ZMKpiFO5VwuX2Wfw7wsXVhHq5AbqoIkjoJ+yiHzOHsMK49hwQV0M3JWCggdaGMw1IyB25Ig==","signatures":[{"sig":"MEUCIQC1kNRKQrRdN0/RXjIzcjZzAnX9IKCakBLJpbFPzNITVwIga3oGvj6T3jUD2nUU37aXxHA+MrsQuqF/hnJ34iVlHCY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgwWUnCRA9TVsSAnZWagAAZ4sQAJ2M+T3c48OglWIT1CZx\no2IT3rxd52+sJbZl4QgXJ75353UpZ0GLflYEFLwxIhK3IrP9zNDWqEPvnBUQ\nJEQOLvk1aIqc5XgxF3tPosglbhf62/BSdD9UAxvT93LD4ud2X3gckZZcBUUT\naGMoBbuJk3og90E48MXHPHZlJVfhJGV5Q8IMFo3qLdkBXbR1J0bHYZyymDrh\nQKDCxhlTn0Ve2i1Rbp2lc2SSqkZMa5G6aHs+RaYpqwVFQu5CjFTd6pCDBpfS\nVcLYmgPbjG/0SpnX6aJpXZ7/QpNvsemr1Yx83whuc988iL60K9CAWg68JYg5\n7nt/EDjBXfpS9gjB8XJ31VrNMEptWV/TlKMuI/YQlBqeaibVKAE435pEUdYk\n/xvDfK057PJEfl5JMN7UQTT81xvZPF4lczSQsHGQ5bhd5RdDmDFch9h7Og1i\n85C5cRRUV3LkxcCwsIeGGaWLLKIuqi/89vIYJFPHm6eY/wzYO79BvtF8IPy3\nwuonVOLAcvRm7LH++HaBgOJrxxav8jk7HJjbZMwTW00pAi8hQJcptHnwegQB\nKjUjpdkVP2bfGgxjLDgsq289b8pJ4mky5TMvllT8cKnOGy2r94yiQDD0maDI\nk+K47QKeW3nF5LGSbMTGhpOX1zak2WP5IOkcxPmS0PyQLhmXfpFo9dmphpkD\nPKo9\r\n=6nyd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c8fa3a7d372e06e42b474eed4ef3e4105dc43301","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.f12425f88.0_1623287079807_0.6131588621215751","host":"s3://npm-registry-packages"}},"12.0.0-canary.e543628c3.0":{"name":"@material/animation","version":"12.0.0-canary.e543628c3.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.e543628c3.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"42dfcd8eab77541e1787e8053ec253b6968bc278","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.e543628c3.0.tgz","fileCount":26,"integrity":"sha512-A6r+yn3JcT5Yl3SeX1HQHg2cPeY8LzGIW6mPfrbwyvBkkbBp0vKD7zsL2gYi6FycCT9uioTj2JQBNz96lOCXKg==","signatures":[{"sig":"MEUCIH/Na2StAcTEyj31FCSO06ZLkrwDR90lKrwDEu6rN+TGAiEAptoXjPxWR/BBNvAG5hE+NJxYzSnEr2gIz84GrjUaJaY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgwWVjCRA9TVsSAnZWagAAA+sP/0WosmCjMviEcy0kk2mY\nQJdcT2HqotxQH8DuKAG8/afpJGyIo9EYr5+91RxKguXoFyFsJkzVA+NmoCD0\nWaq9sAbBJboriQj1Bvx/wf9ZjZ0Fxid+2d4l4YSVXlBFf7we6MmSxAG2p45X\nwKaU7kZJhgEnYaXmFNecR80Tkn8Qw8sX4NwltZZa0wn7R2MI0QYpl3TaOAHf\nOWH3ilcogBSIP3vUJrlfvU+RD8mxtCRoMY5Z7noRC7ruZKgHL3gJ9kGvay8f\nMOomwkOWGW9zG4ZwIJMp6I3Zssu7zgFCuNEATjO2ILcqPWsWAimTu30mRT/F\nsrG8fY/p0WG88z/HUdD5HsXQC0CMb1mo8Bwp6qE+qbpWz+8RHGQSlD3ejjXE\ntbDuj5WVAeNHEp4INPA8vfcaULMMFGSOsVr0eqdXLa4QIB0vcbFwnS2+ISTG\nYsR5hJeqBs3TyLuKppRz7++g14nanTfLPqxtFl2xf4hkWbbZWRITvjbwk8Zl\nNgM1BWFrXhnpUHphgMPOuiHZSs23Hvh23UBzOhK5prD+xELgS4IKPaYrs6Dr\nMwgX5Dg6+vBuvW/dQnxheDFVZeifThH0jDHYeIquj94u57LP+J4U6FfFFXaS\nBtY0skqhvIVkzAwQLssP3kmbu7tHJRz5XnOuhjoSbgasMSd+PcMSiRYtpAoB\njDKn\r\n=T6fl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"6e28195a46e3b2108c76ee1a6a9ea9416276ce52","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.e543628c3.0_1623287139292_0.867078182507212","host":"s3://npm-registry-packages"}},"12.0.0-canary.e0c346286.0":{"name":"@material/animation","version":"12.0.0-canary.e0c346286.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.e0c346286.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ed157b34804087885b7fe1606eb8667569adbf18","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.e0c346286.0.tgz","fileCount":26,"integrity":"sha512-10mc8KJGy0PE5UGvHoc+AK8M3BwYGmGjoHfAqCW1ST6TlDYjXfaXR2m4p/Y6GCIGZjyR+orzELV+F9SKU+i7cg==","signatures":[{"sig":"MEQCIDthE0zqPe72t9nIhdWFdDOtIAwpWWNbZwhaMRS5jeJBAiBVlrb4B0lewrkB0s20KAFl6XpMyne/nnRMjhcNzfHoUw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgwj8hCRA9TVsSAnZWagAAG/IQAJqhS9cL/YznS+q5VZyZ\nQBBEt7R/dWPeQScLpn9/aw5vh9WChEoV+KkJbeHbkG3Lmm32vREhkAaynRli\nZuXuXZNrud2kgPeMnTi6b66dQxH5X78PRdf0TocvZXz9l0u3+g/QFGOGJ0YW\nUw3gDLIF+Ma8Nhvs0TbDNHnVxZHZuMGXj4HZj8UqrImMZRgx2cgHkBOy+lux\nG54YQ59GpDAE6SA3khcE2hXaaraZXIu4QzPtv6hNX0bygzX2cgBDAAOAADax\nAzvTSewdqMMU2JOX64heC7uI1ZykC2zPS3j2gv0oa8Qcu363YaIx5XdyJVQw\nXHlMpUkwYZoQVirwik7Gf/AFzydXTls9ycgJG/BPZQ+BPjSAGsbECV009BtF\nm6rP8OInoiuOyX2AqjkInGuCvBPKZVGL4+TFApWUZyh4B6Bxe//gFlPhFRni\ntY+UlA9qYzSmRQWwraRzxO5yEnwNXtFgiybILxoOlJnTMuQkKVT9zPRI23n8\nWgOMu9anBPSgv/HTH0lg4ey90KlfOyf659vTBVhhGYJzXw1U9L0YhO26B65m\niqDtsik8JLxgdSUGpfsajJlr++70c+s+lqC30qQ295kBz3PF1mZhXG7nMOHi\nxwP3Moq+ZxBul9wTxIxEgf2U2vmqvlaJ8h0xPhuh2eJb/bcfzJ8x6LGAbTgw\nb0pD\r\n=66+4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"405607237a611d804caa0b022897b683aed90ccc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.e0c346286.0_1623342880853_0.2852593494678002","host":"s3://npm-registry-packages"}},"12.0.0-canary.f43af5633.0":{"name":"@material/animation","version":"12.0.0-canary.f43af5633.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.f43af5633.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"75011411f145c3e5f9c6d7cdee41bae97349bd3a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.f43af5633.0.tgz","fileCount":26,"integrity":"sha512-VQidY05sMWU28rPJEKbCGC6gNzXcZjzvJZ2FuEieNYIyxL3u9xzOUp9G8eONFBfHPEB24/AgKWiKppM6R4bJ1A==","signatures":[{"sig":"MEUCIQDU47ePm6pMM9FIYyrYyvQhoub8QY37hDcHio+t2JjxNQIgGl8zLkhl0th3VyLKPnQGoH4WVA7LNiPK+FLTbmeVJj0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgwndcCRA9TVsSAnZWagAARQwP/2w3Vu4K19CltA2l0ux/\nosaGbxVUCmRmRdttjHYmuZemtTr0/vrvFpPH9cwMjov6mTJ66FBHvGzecNuC\nRLby+MhJss+OV5jVS/l31bPHYh+q3BHBfp1sYSuPI/rppMvyd5pWoKCVvVIm\nc+sH04FsTs7Ix2I/fW90q1CUO1i5y4B6qzAr3TXWtceoZhX3gjC2RQLB0jhG\n8X5XkglZKjA68cFtuZUydZd0MB8vOLHcmaBgJVWcKKVBVQbZ5FMY67y/r6Hu\nU/JVCaxZ6zd1Y4dMGa7egikkPu9rVGQirh3Fr92Euy6yub0dXseRlPxjiOa7\n4SMrQ6TJvPq2VXDJstI0a4uiETmWqT6Exjn4gi/FY3v4i8wWzk2Hb/byKxVz\nMWxmDssO5TFAmlHVXAkoTCYrjIPeY/NG8s4vFNl0URrKK6ZB/P1m9DEuR7F1\n+3plXrxriAzTZ6CcygJCKwUTGlY+Q4NuD1VW1Wrj3pF3csxKDDsUCgjtaiOx\nowDV9fUgdu8HoPfkoFtkcsLKwW/LehIn1hCb7z/kx5aG2MOPqrjpGr4APkgR\nrE1TYNoLIvXuNwajM2TNyIZfKMe/qQ5imwlRn3xO6uf2mlilMVTBKHDTrbBs\n7vAmQPjLcI5NIC0tHoG3om5SuU8hqu3nQeJ/l1PSlpM2KPM5rrQnOPeTtdNa\n6EAv\r\n=rgox\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"6889f0098642c4b4f3987ba353e17a9a22de856b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.f43af5633.0_1623357276523_0.3354201502535423","host":"s3://npm-registry-packages"}},"12.0.0-canary.8415ae585.0":{"name":"@material/animation","version":"12.0.0-canary.8415ae585.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.8415ae585.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f2280e4d9dceb30d3c0ca416d6be8728399e03f1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.8415ae585.0.tgz","fileCount":26,"integrity":"sha512-nZ63qlTH4P/7o9x/r99UZpPJiXJS7HuV1B4C6O8FUoe4nFyakL7G5CtPwkr9HGFakO7vOewncYHjyajx7QMSlQ==","signatures":[{"sig":"MEYCIQC7fQ0owUP7M4f4mKEJ7No7zo8qhax9QaqgE0HvElPENwIhAPYcUtgbiOqZLLi8ZtayvVeEOtl5bwCYkWDV5oefBaxR","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgw4mRCRA9TVsSAnZWagAAKCAP/3DCxj126+DswNTFWBqx\ng7ko/Od9FTEqKFmSTUzaMJ7AP2N7nJEAPtaqJwt/9m5Rsvuhr4Va+y6BiExc\nKlKen4E8AOInxjrcqEpMpsDKTAY5+oqJSsioePWhHx05lpBFIZWvDaRK1ByU\noEtyU+7tsq2E360KwGxi8aCR651UOEqiHeWUvgI8DGYx5tM3a1hlmNp6Tijw\nBPzG9ZITeEDMLgI5k8jf+Y3iR61iSAahBJNbKTFXl7h6u8nTcRXDE09gDzmG\n+gfdN+HH2xHkLxe8HKc645JkbvEtLW5sYKv6T/zUFEz+hkiupx8PHRfMC5/U\nyVmaor+ptb6/dCZM55CvzBMmMZ8GkmX7QB3fuVSI3QUQt6DiRXZl9C3OPrc9\nEZKXzS59SzKNztxtf3JIRKqBAQGH954efRgv+KAUqzDd6tjTTS+PmQ66qkYt\n9Uj8phkqSvDNIZrNbrgTdl+l73WYNwLK5WSY4GA5rU9b34WUNvWV/ob9WMsp\nsKi2PifPOa3VWEr+n9TKMAtI1oxwXAgTd5EFq2tqnI1Ayd4GMlsxBjUCsS3h\naNhr0+baXNgcRoWqAULW71zbUjgHn7wPE40kLrEK4D3FctkOiOQUysuAmkxJ\n0h4pK7+h/Vw42PzcXtSconJIDwFt7dD4CDnYXzvW0cCcWQoakLP1oI/RzaE7\nxbts\r\n=pGl2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d00f19e41330e3956e7355a23ea132e5ff37403e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.8415ae585.0_1623427473515_0.7723809432158966","host":"s3://npm-registry-packages"}},"12.0.0-canary.598fcccc8.0":{"name":"@material/animation","version":"12.0.0-canary.598fcccc8.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.598fcccc8.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"aafa001d2a954d69a4c6be73ea8252e08b48e964","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.598fcccc8.0.tgz","fileCount":26,"integrity":"sha512-fPHnfdKoscohvQ00K213DmZ0XDXYXv0vVsZ1cXrJItuTAd9BWpnzHZ9KmcsVEHoO6cpm8GAQQiQmEgCOmslp3A==","signatures":[{"sig":"MEQCICQl8AbLSNk6D2oHHJuB9oUpcG4cPOHEq+Okgr9rCvDLAiAtEXmEK5FDs0/5GWtOLFj8YTAggBqoxGdLavyWC7883Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgw9lvCRA9TVsSAnZWagAASaUQAJKN4iwvMe4t/WW2hWKy\nmb4hE9uu+gFTKdVG15J4ZEXt7WlbH+m6rlcL82WsibgP0NI6SSYPjYDr6xoy\nAgm08hNmD4K9CCVznaE75L7rYmXxhcxDAvIQ/WeUwy6bHop7DYrNNIos6DYy\nS9R3RAwvIAV+eMiSsc03+1M/zPjUuM7OejRzMtFUToKSNlPcAHM9aJwJZjp5\nTIylKy9yeJTvrkKyWmiCLb1URdRPGCXKuYN8IbFubPKBFYvRbduC20fN7LWu\nm4k1C6GBdAVFfRMCwIllatQnZ/YDDm+AOj9mI27CuiRid/5Xk/CpLb6CtvEF\nKeWwq3xZKVPqwEf3aHYENU2YJWPZul/nkoHGsjeoxushAdPSTRKWlxeQBAKI\nayg51+537FtmeZB40cu1KhtPnr496qU8OMjUCNQUVx8sLgPOpbE796R0z6On\nwpJoEK1gKDVMPigFnz+YuaN624x18unQh56+I6cZEdB7IXhvCoCmNeGoFoPG\nIHb3LlgvG7Ebd4huvmLaTNkUMg8ai+whE+3UdBtPOFUEgB8iimUySGLC1YpR\ni6ZxJmUPhQnNEdLufBclVXB5cLNQQIfAUkN0UuE9jqN338/iuEocAe4QPfrI\n7+rAxhD7afSJxCXaDeKjJ/okd9IU80PIt+8MIQC2NB9e6yIfUuMc7HH6Zb2R\ngqIl\r\n=quzP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ccbc9ce9b0bfd89a7b5d57d3e0d6bc2ae297f66c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.598fcccc8.0_1623447919607_0.6148752962163679","host":"s3://npm-registry-packages"}},"12.0.0-canary.5d0605188.0":{"name":"@material/animation","version":"12.0.0-canary.5d0605188.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.5d0605188.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"59c3c112cca1b38251262d0bfd7623605c4c93fb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.5d0605188.0.tgz","fileCount":26,"integrity":"sha512-ZxddFzNdPjh4WIWSjIGfFJzGQTuOhyXHlwPvJKkOA3i83Qbbvtt2Qfhd6Ku3qtEO3JpXdm7KlzaVv45gnidcYA==","signatures":[{"sig":"MEQCIAhMW3thTYwKuEyOUqllm2ywJdEDtqcCD9I5tLcj5GXNAiA9nkgiLH9XTn0ZDdXn19P3L4EKd1LJJsnDQlpXwc2Few==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgx5P2CRA9TVsSAnZWagAAJMwQAJOZbpjhLDnhwPA2tOPf\nSvG6niqwLQzk49jPxpo4CDl8oqGwQ/0dvzDRaxv+w+pwKRO9bQPL0snjWvAw\nK6+4qrGJVUOTS5heN25CU6TmbzqckgTalROKFAnSzyCUwzZ7SBqb0XOUlqpv\nxj8xNVKS0jLUwTLj8OmB6UQIKs+K5V2AZI/iekVvr1PLha15iHeL0YZ+JwWA\nCaoL2wOxHPzhaOXeyYa09LzmYHaxRlj/p99rZU9U2mwC2d5vyD8H+NYlrzfA\noLBK6YVy1jUGRXi2HiTgv/lIOPVl2BTN2i1XW6wA9Snxj/ysvzmG9DHbjKYp\nY5jWdhsZgJ7j41FHSGeVrUfUSPfN0bXlKfopUJ4N+Crs6B0pdRKpSyewN1hG\nIqX5oY5e3NZ5lBUjcV/QJnELrDsKYw8D35Qq/FMlSQMabpT5iiCHg2kbEglX\nsMb70oGAdax14sZmmNnQq4Uy7/1x6caxRxNrVyEWbcBd0Xs4kOwxvY7vJKps\nn+ggHBV04Uw34D8Rfp7iAVohc1V5mu2ryy+nlroPtAjF7e4XKeKAFBujHLxX\n5DSJy16m9sC1rX17Zi8GmutIH5vN+H0aUsBn7uMU2XB3bN5/IEpu1fCgpLdP\nN6LGICwsFXSraauRGYxjSbxo9Fh+FLZQ/xJxPvh4r3Sqx597Gn+M6oM1sINm\nL3ML\r\n=w/N3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"0ecd220c6043621c1d471242f32f317475b671f4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.5d0605188.0_1623692278505_0.8219395633590922","host":"s3://npm-registry-packages"}},"12.0.0-canary.f147a2271.0":{"name":"@material/animation","version":"12.0.0-canary.f147a2271.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.f147a2271.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"16959190074f0532ccb551bdabdc937d859e3f42","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.f147a2271.0.tgz","fileCount":26,"integrity":"sha512-UtKBtbLFv33c3haOVbvVZ3qhkGiooFjMLVXh2gNkkSs7HJKt0D0bd4dfcq/w5y4sRzWP3AreU7nuV/sS+qy/4A==","signatures":[{"sig":"MEQCIBkWNILNKJZxkJjRE8SeUxh/T2H0l4m1QaP4V66Cs2k7AiBmBlyQXs9aGBe9bh7QbhX0Q9gOsc5mmthkqF1dKSMRDA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgx6smCRA9TVsSAnZWagAAe0oP/0x+ekK1+NU1GfgVPLDl\ngb/OSU+DEKiJlaB+JkvBZehScFMYlXKgc/Lx1S0JMYMhEoxE6q1BplloJPpi\n8M/kG4DM/jSmL4OvvnH/nbkGdZch27ojmM9MIjRs6ST1JuWcYVXD3B+fB7Zb\nSf3dySb2y9JBE7HAHCKJvKgr65LYwHE/fxCP6XM6ciU5clShn3Ou94EAzwZg\n/uGoXtMdTAT9hUgRnSZI5gmYt2CFTyg3BjHGCcZNh4aA8d2GTjmwuIOb3Gg3\nrmIireQWBx1oCoFTLGBYkSjrX4A2Y+YPfA8UG1MbhusfxcopofdcOEHHGA0X\ncuv6lxz9hxQuz8tLBMGuGMSqkrTSsOmjdnC5+vHzPuEsHdtk0v/uQxTDAhI4\nrPZ7uFMRzM1EvanLuCKsB8J/PsUhffMHhAqvrhtOzHf+0bxk/BuhnOfEAdIk\n44D4Et9WM7+jhNO1YDWWIDRdQDOIiOHER88+hb5tWzHaLh+Fd+OLHoosRLcR\njU5Oh3R6Ekck3iEEFOFse3kBnkrs9Rbb38K8Ta4Kf4ylBe7NIrJUxgYumnqL\nt3K8PXQPHuttDjeSbWBblglxMxOLXXGiRt4U2qm2FuQ0N+kN/zq6i6Y15n9S\ngZNwpFn0kZVQJ7asrek33/B/I70wBe0JXMFGHseCop3fTEhZnhI+Y/eR322G\n/mDZ\r\n=BdOQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"70b871f06c34302277b9eb3064110dd70afb181b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.f147a2271.0_1623698214076_0.22407562285333404","host":"s3://npm-registry-packages"}},"12.0.0-canary.33579e00b.0":{"name":"@material/animation","version":"12.0.0-canary.33579e00b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.33579e00b.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"27a12a2113cbaff4d4eff62749f2500e740567a5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.33579e00b.0.tgz","fileCount":26,"integrity":"sha512-gGYGSZ0ktRZJwtmsz6t3eg9ERraYyNmAoFl0qNuDdJ+7UCdFPMbexazqJMA14obXp4EQXp/lXB23E/aHN6a1ug==","signatures":[{"sig":"MEUCICFnpGrc5bYTdDiNsCUt6GqYKe+5SJjOLodIGLwLntlAAiEAj2KWxIbD/sfS74K0MoMnQcAAS3FuNbAcWQjQRxzqYBU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgx/JcCRA9TVsSAnZWagAAg3QP+QHdM9YK8hladdSwjewM\nXTmu0TsDu+Rhr8a3bI/jeBeOaHQpJl9KVTCHA9vzm1Uif/1SHPG6PQ0cI/oJ\nXct+3AAFXC8KeegkubI3I7tDlibxJ8EYmK6UbWCvKbsfZEJk4qulZJIBdyXd\nU1/paqwm2pKd9wtkU9BEoiJyywcWjjqzfMupyKMGQpi/bBO3Lc+jyVPUE7uf\n1dD9tuVtgHOaipJBfFUfzGPSkvVJ1P88N11ru2gggctMQgGSPG4UvKJgJshx\ndp4ZnG9zQsd/SnviRcW3dLWgW9Cnusn13W18lTzkpRwmAr3PHV1zvcClxKVA\nrbGRJABCFPUFZZPPFq3IbmEvHTT2WC4T4DE1kk0zGx5VZnlwFD0S6iySqWCb\nK7w+SQZ9F+Y3ut2b3kLcdhyF1Fhf6788TMmQ0C6lhXlBGg/1ERh6njJgagRh\nH2TYIUiq0j8Vm4oN1HRylXbhDjwErIf6czZVENgFjp9vP1LClhkuN761oN8e\nUqiKG8i71w7xb1qsjwbEpStWd5n1HG+8xDCxJq39KFANVkZBbMEZD8VOmIY8\nmiA9j/JrHfhxvn7LOCXDLkQL9s/mxrSQQz7Tfof6WlVYiObR657qMl6DhmTO\nwZCTer87SIQdp+9PVkTNYBzvZsCrHKlILipNz9sR1GXQUpHVFHEl6g5eNDDv\nqfLg\r\n=SMru\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"13a815cd8b945d23ba7ba2ebd6730088fa195237","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.33579e00b.0_1623716444210_0.7122853311204709","host":"s3://npm-registry-packages"}},"12.0.0-canary.a6909c0e6.0":{"name":"@material/animation","version":"12.0.0-canary.a6909c0e6.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.a6909c0e6.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"988a1ab401b526025dc35bd8cc8498af15d386f7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.a6909c0e6.0.tgz","fileCount":26,"integrity":"sha512-UtavR8MJxkx4qjxXsW1x2wPbPyVSW/zj5v62f8Il1RRTgytSiGv507x5VqKnuuniLkWIbLLMYovMZU8F/LLkBw==","signatures":[{"sig":"MEUCICL/S7iR7Y4WTYhq/iRphVaYTqxjBt38OeaIZpmIqwX3AiEA+9Q3fz7zZsQo2sw7pYVkboAzVPC5hm8jXy0qJ5PYNrk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgyPFrCRA9TVsSAnZWagAA4iUP/RZkOSaZvlSf1dSqwCP6\n7kKzHmj8qgEdcw3HZVV2IqlYsWjWNpuBCG0mvN7kGg9qqLiDWF0tE8HAwxYP\njxef1uSTGuxUvkhBcWv6C0DYFCW3BrmnX/c7wIG17X/jShDQtJnDIqRSVSsG\n+I4geWLMORWIieCcCDppteKgQMdbdAh0AhzHyxrxGLQ3V56xF1gqCaqsdW3d\n4ORLgx8I7Yz1I1PRD+P3hyjPYEJvAiMJZwkh2ofVRflP+8wxMsyVLTeghojB\nCWgTw8e2wlZ5WsP51NTz09iC4t7wRLop07k/9PwzveBmBNSohLtkI4v/ZUIL\nAxW+ei5Y53ig97NWfK5V631V9l9mF4OuGEgqCwmou8w7x67da6prxp/YyxRh\nZnDjjkGeotQuEc36/WXAYhyspTRnftGV6AGJ26wQVyaHld7wTYoBgaI4Oadt\naqXC8duJgnb/pd9TsZPejlCYChoy2M+Q7/JlGQN4U5VKmBDBp1XmY/xHS6lN\nBi26o558LoWQJbt4kC7UWLpXvH9i0P9eu9PxM41qS7l3Sd4DXkoe9UNwD+sl\nuTay3YOWveDKWTZ2VmhIjAJr8dgx3s+GouqqlsG4opNlEi9f8q6GPb5pgSOF\nfZ+H/7l41s4/SiBsSPdFsVuBlFikthAbvMd8T56pP9dkAsfgU2fmN5umB3Bd\nu+eA\r\n=0aYU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f4852598d008bc1750e5e9d2a0e828aa8804f87f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.a6909c0e6.0_1623781739028_0.9022545209819612","host":"s3://npm-registry-packages"}},"12.0.0-canary.c18b5925b.0":{"name":"@material/animation","version":"12.0.0-canary.c18b5925b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.c18b5925b.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f2532e8bd5643db6c0e36366340bfee9b7200267","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.c18b5925b.0.tgz","fileCount":26,"integrity":"sha512-+1NVul1T9Nd6umd6oal8vMJ+B/CpMrCfMrTUm7Yok1NmAwhWMyClEL6NKnEqNbrzgPzVRkccITPtyRG9M5FjBQ==","signatures":[{"sig":"MEQCIBkMky4BVKBpqY5QO6z4fOd3vmZ95B1uyvIojNVlcOosAiAZO2DlxXXMsswcP77GrHFugn5IlEjd2l9HwhWo2IY7Tg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgyRVZCRA9TVsSAnZWagAAoH4P/AmjjdAdQcHeDJImdj0W\nlFAWyqLFwJvS0XuL8rBK00EfO69vSn1dBAoFyc79WHu32CrW35dTs5EDGGUc\nbebVSY2Mg6bhTly2QmDHAdHvvUpwwZ+iAJ9A0zhZg375Na1C2D3kCdEbRFl/\nhjrmqokDJFYs79nuLIDNagsjms5YmWmG9ULsUT29s74LmCw53FGKTvnlNDpB\nYg8PrQf1cIgPPfYKJ3AeL2kjNAQOcp8qyls7VIiBaBNMJLhGxqETuG6c7dCj\nIr7RM5QQVbZe6rFdhOJLTNfVpJH1xvmi8XDNLOWpYxYCkAczKe4q8LXxYePH\nyt+RYLEY+ZTJ2SBFDFCUIEgX1F1fl/vtXS+NLmDph03mL8rVQqBZZy2djUsp\nfAz+oYYOSrcvgiN3dgxxvW0V6p4DgiqFQ4ZNjuKbWvkNZ6vMbg1vkgx647y/\nDfsFPtVI/TYMn376Abj/qDSriluboVh1q57vs56xAVkzkMGiWzbzro6ZNdjB\nqsnOqTf7a+JkVcstYt5zQudq9IWnpnoZkWcZzqFoF8umuhfNMqzzlaEgixIN\nFuVDFVMrXW2RYYWKjV3PZhasYuNf9Idhiy+2j0E8LxDqP9ydUyatvuh4GA1M\nFTG7wKOBgjF3QrxF51nDgaq4RBC2WTR4vvBH4gDIuaBCluwQvbEYeDTxmfdt\nDakh\r\n=C4TD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"bc767c077b93ce415f2505e54f329042c80b0d3c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.c18b5925b.0_1623790937573_0.27686036078532417","host":"s3://npm-registry-packages"}},"12.0.0-canary.7ea2e830d.0":{"name":"@material/animation","version":"12.0.0-canary.7ea2e830d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.7ea2e830d.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5399900babd207b73b88efce1d4142776b75201d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.7ea2e830d.0.tgz","fileCount":26,"integrity":"sha512-pq/azvgidktvLYi97kWJyCyWCuIizGRLpguULsVCjCsUwkfkOsh/5Ztw3Ax8eerEWhly231IC9ASA60DBoyeAw==","signatures":[{"sig":"MEYCIQDxKYNeBn9v1kojfBcHkjfjCbuJLAYdUKdOKLFx7f0T2gIhAKSS8iKi0UdMQFZFP4RdhndlozfljvnkmBIrn90ai/NZ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgyS5/CRA9TVsSAnZWagAAOHsP/RkZFvLEV9W2dRCZOphF\new9hx5dMhT5eE0u5QUbRk7S/I11+cV7UY7hQ30rAyGVSmXL3Wrfvs+S6dsK2\nALFDwLN56qD4jEZ7oFQmckiGOyny8egqn6IWqoP44BQfXK4/9bKvoQm0hO+V\nu0bi5jm8DeuGgzTNuZeUYeTogtQyfIwzNV3xf9HC1TWGdy5Ry4SRPISKUKRs\n2c07YH1gN78FlDRI9DVbo/qaCWbDNoWo5s18q/CIZr/RQKwftTUo4vGn06xD\nFXzFuLS7/kF/8Wp1gsbfkUcb4dHYlANqRHrAeX9dUK5cNTEEf6cULZCYxCGm\npvJRKeyF5Yb2fPqowlqc8n8pl5f+MG0NvdcAw5Ohf0pE9OSAj0c7/lfPUBtT\nFtut5DmTvznxLgCYPYh6q+aAd1wmAomMx7pGMhYFIv2jN1lnH2D08v+4WcV4\nXeJNKdaEOf+tNvY2GF+JnN5lJugQqxAmqhJWX1B/VEPzynKIiLrYiCUm8Dcb\nODJuEaE/xzFzKRGIqdcDA1d8eMMNclKTM1LSlYCXJbuDsRhkydo7Ky5GjUYw\njwy94+fspbPyhgO6QQ1gurSo3xrwhv5OzW2Id8iiiWn0C9DrHr4PMhP+rBjW\nq1izOcLobjfuVMGA/o4mviaLbtWKpS1mXg7hPNC9uM+r4ghORPuOK6tt4cI8\n70Hi\r\n=GUms\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e1f3cd5692e7f4572664681a049ec1ea1548eb15","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.7ea2e830d.0_1623797375633_0.15045225046776367","host":"s3://npm-registry-packages"}},"12.0.0-canary.271fff902.0":{"name":"@material/animation","version":"12.0.0-canary.271fff902.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.271fff902.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"773256a56041fd72ec35c142a9950ccfe61397d2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.271fff902.0.tgz","fileCount":26,"integrity":"sha512-ml8G5eHI2b3PfEGoyKKMerQFpp0IeQHomv+XSodyE8u3cbaialR+dm1yqU0NLveRDdlhnOjxdzwxgauYSZ2KfQ==","signatures":[{"sig":"MEYCIQCdBiuNBtTO1eBmhBVJDrnA4FGFynuRc/2IumDbrXS8CwIhAOiUjcWEboslc4HvjydNIiZu4ORn6YUee/bP9+QokmvN","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgyS6WCRA9TVsSAnZWagAAzLUP/1JgQ0fn/61nDu2WPAIF\nnpm/5VLlQeGuw1WBc9DLuskYjMz7z9p8nQcv5i77IjDHI2AGyp1xmswsPI4L\ntXg8Y7MGClXPGdeCA9zy1iJsx5HU7SlGBjmYrnHEUQ7six57mAogpu/EMmRj\nlyCXoWXBmGhMnOMduxRYgKPvrCLm1Fih23UiYG8W3nqQFWKaj8oR7c8JbeLs\nTfOzdm7zmbfSx6FeOn/vNU6aB7+t0Henhm572k6tWzGzLRDvgy1jP6ozAz6G\n8dXQzqwcWYEPVDdbl6kFzmebMFNyPnJpfc3H3oUExKdUP7pJT9j4H2gijf2q\nH0shBxxa2TYXGkl0N9u1c3BBX0j/whl1jlNJrmP8/dtw/c6eKiMBidaTN3CZ\nllDJliX0vqSsu3LNFaQHGm/uNEAWGTaVcypRU5bnTChhmr4haKJP/41WmJRg\nHczywG17PgyocuXDeM7NObv3n9x+MBkHW/Wbra9qwnsdltf18IsMUrBC/gKy\n6NrBDDdo0EW+fa1fuZEZJn+ARoJ0vp/oJ0Dvv7NWwC2rKDK9a8RpJ0LVQZ8Z\nVlLZS/QmRwdNjqGF4Ezvdedo/n3O6wJAiOgjbPe32SnSQfaRTz3pYQ8cApG2\nRQ7yrSD2/gZe5KG23aUflBW0y/6m9vgaypF9LQY+CDSjmqXUr3Kwcyt0m8BM\niGdt\r\n=Ovrr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"4306227bc7e5f014c5e961178b436b394f0dee6b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.271fff902.0_1623797398315_0.9720811933169871","host":"s3://npm-registry-packages"}},"12.0.0-canary.d96f0a1e0.0":{"name":"@material/animation","version":"12.0.0-canary.d96f0a1e0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.d96f0a1e0.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8741dd011643f59e1f222e9a5d255c40d75a7c31","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.d96f0a1e0.0.tgz","fileCount":26,"integrity":"sha512-Zo/h9+5ddwV7unEdrpdKbIkAwc5x/ifekrA9s3uS2pRPS9QdbnyM+JrJC+JwObDecjVo1In++o2YIkvDzMYrFg==","signatures":[{"sig":"MEUCIHNy5/BaM6iC483ByVYqFpgFMoqalV2GWzVbZRnzIFBDAiEAvlbTcxp+iwapwi8zbQVYiUzyHmkAQOJXh4r9XREN8Cs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgymd3CRA9TVsSAnZWagAAAQgQAJqIvfPkza9yqXbwzjNL\n0WMSmPa1jKHKijP61DJ72jEqETcrMniUcvU3QTRKm0JQ8jAZBjyr94GcxNMR\nxFaQKy0z7gAZSfvgDOOowtLCzR9ouYNQw8D0tRhzibl/S0u6HdQdPrAuqtlc\npHesPuLRSD5JvQzueODETKXau3x+DtJ71oa0TBXY0Jx+ia9+R1/Og6yBxK1q\nSM/LXrXLjhm7aylJY2n24QaHsNimHcEtEdK7xY5bSZ6VzL3bQ99vCto0m8vK\nFoUc1iTcWDC7p9Hnoc2k/WOC63pIdXGz7mz0Hv7eLtE93ZajnV5pTAlQHqkz\npnxC/SQ40R58D/Oadtado9RGNiD1M36M0r/9PWtOxtws/oYM+jmjdWPCdFDG\niMj1mupm7Gr5hgHSt+9BwV4eVGTAxZKQxSsuBsaipxeAMLxXolIMnOuP8lOp\nRY43i6iJexR1QVqmjc1QbXH9S50b3aiBVuYJqpa5VR/4UhFXuRj5TfO00KpS\nOx2eIk436ZOCJ1Us87BUFe0PI7smag5qwJq8dPOac//pBc7HkWQ5fsZcPplg\ncq68NSzQkIawzhPwZL95R1tFl3exCLjj4WceTLqFoLZJCui/m11vNSb6HDeG\n96cK3jDXPK4ZJ2bGZAGt5MZ3iRAyxa8vA5d4pd23DAk+jm2GN8fW9qJNDIVw\n2EkI\r\n=nS75\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"32470ff9121448fb2599b2985e276f51563ed4f5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.d96f0a1e0.0_1623877495423_0.3709843653591285","host":"s3://npm-registry-packages"}},"12.0.0-canary.a6183801a.0":{"name":"@material/animation","version":"12.0.0-canary.a6183801a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.a6183801a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"92814e7872d0efc0b99ad1c9ac6a9c7c6baea3e2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.a6183801a.0.tgz","fileCount":26,"integrity":"sha512-byvUawlxR+ml1+cv7q3Bg9lGTI2/BkC15lmR8bmAeNLWUPSsEdl7PFI7qZgWrCHN+cp8J4cyzkX3iuYERLwqCQ==","signatures":[{"sig":"MEUCIQCG1B9175G3skmMU14NVasO8CL2ZIgasbeFEXFunV1rGgIgEs4IDOvBHqyyfBS8QnsAZGUNtk2ILmEIT+XI+xCKKec=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgynVZCRA9TVsSAnZWagAA03gQAIIK8G0SfsyGgvBT22Xz\nnsbQCGUrXj/d5MVaOVB3Fe6bDSPINUwd+MR8s3lwM2rQmyT2fQb71jAfByvP\nvChzYCySVfCj42Clvgvt1kNNUk1jYLunTpbHfrO1U1wid6Yvu/E6WpTu0YEp\n2jPHll5dbR0tqWKJCqMdigZ1VwqZk75iKDut/D3VRteppQct0wfTwEeh9sKy\nke5iI5hbGU89r5qXv1/fd2OEukiy4uU/fyCVTGz8t1le64ogIJIVPKJWnA7q\nQJY3RnESWOMbhQ3P525lGfhpVNppgWkzHAkJllV051ODgyF0WrKok39zJI+x\n8ydf52eUOoeXHVzEhuW1TxTEiFjAxJWUVWY0kUG2sxSLiQcxcFYYa1kH9rZC\neiZzuL6JJMbpLlDBJlEda9tumM7wVFwC3dhFytNjF7Sk+e9CbQQKJQwTH35s\ndYW5Y5bQntHgiCPU21eF+d6DnVeka+xysmmtGLMz203dAb9r4Fq+4dv/gDbx\nuVV3pXtB9t48V7I7hCaFVO1sGWW1potWhxknw9fC8VLIIK04EQVcxfhpxDye\nvboQv3PvehW7mNRgw4yQ2XyrxCTTS8nBZj9UBTy+zvEfOjodwdzqV4k1ai50\nMmNu4yBbP7o4yAvrwFCIJSABtAHiXyTQqE5U2bcKQRwUozCTjWArBV+VPYGH\nU8dd\r\n=BodN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b5eb42f66e2a670e1f9573b4feb1a600a95b49b7","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.a6183801a.0_1623881049406_0.94628999767481","host":"s3://npm-registry-packages"}},"12.0.0-canary.940550232.0":{"name":"@material/animation","version":"12.0.0-canary.940550232.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.940550232.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2c5219c7dd2017f8c107e8de6b80e16e4d019a7b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.940550232.0.tgz","fileCount":26,"integrity":"sha512-yPAc2+tRySRfS0b6pPlq2XL9HIw5GTggAPrTYld2HvI2k0T8oXI7VmvfLROE4gSXNbdOIcqASJkv02Mr+6116Q==","signatures":[{"sig":"MEUCIQDMcwU5nzNse6BnooF+CSPHjqZ+AkyfV6O/8IeicyhquAIgb0BDBmaYUmgly19kMLk2QNACR2LZeKvWmamX/WrrgXU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgy6TMCRA9TVsSAnZWagAAqSQQAIgLGliPL5wUYh0EBrnV\nEIxUwcum4NgpHSv8NyhXzVUswTaUrow2ToGk9e33yFodfwzwGyPTkzCUOiPs\nGzl3tPufgLlNEg/KZwRoPgg56MCA5Xu2CTZdeNNuixkda2BLwOKkI4RwVMjt\nNbFwEJtNvNXqsfhXZw+epj8grZfQ/G/wlvAcQBKeOhMB3DLD8pdGyRGKUhwz\nf5E3BrCd+mWQIyMz5JHI5GpOUKolyGMJJI3hX+6FyYOiMFVKn9AgPFsSiN+z\nS5UrCfj0w3/9uz0Brxk4+XsDl/D9PPqbrF29pReUBlcC45na7RfxaOV/nAhI\nsJxswWf2NOnu3OGDoisICc5/7P50iZ70uXHPt52GNp8FAuqWBmVMaeyvA4mU\n//xEaiVV0aBCuyuZP/QUo/ONYxVSOcGEd2TEq8SSZumCD8cq1XdsvOxYOM1c\nB/dVjk/G4UhkdfwZu6AxYZ5EjfagGxHVgvxr5lp6j26P0UrhG5RpMY98NSbq\nDQ9pXw2VPcTyb0/1w2tvjv56aAzi1oHycJe1V7JFN/35fVr3szYep4VMShXy\nhzbcDRSxDrvwCzy77xr1XP9xLUmT3yjmH+0pDTdPbjhoo7bzmpPUTOWvt8P2\nMeZ3nWeggQkP3BQJcqkpOAq+neq3H2GQr+B3T4iClBGDjS4TYBOFgY9brpgA\nHoxW\r\n=Y8dt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"1d6560428828a2c7ac90d050a744265e63c8563e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.940550232.0_1623958731508_0.5706682392504401","host":"s3://npm-registry-packages"}},"12.0.0-canary.f705e8048.0":{"name":"@material/animation","version":"12.0.0-canary.f705e8048.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.f705e8048.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ee1247136d3ca461f0739ed503c47c506e9ed29c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.f705e8048.0.tgz","fileCount":26,"integrity":"sha512-3wXklnDN4LWH1096z+sZJIp+9ycJ0G/84pgfHkrkCBjXVbx/mNKjxsHAqrBgm2W2si5ZKvOJ15vIuprJqHglZQ==","signatures":[{"sig":"MEYCIQDBUcGAecCbzcPKLf43WDbU+hiUDNQD0mSXzpPzN4xjZgIhANt7Q8NSgYtwdGoE90nMxTfN6c470ht6NOBv31cSfn5s","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgzLpeCRA9TVsSAnZWagAAXo8P/jhocvaj3mX9R/gWWJD2\n5ANCjf8JgzcqBheylpudXYRz58yu1RGyjv/9Ag86LwWdI9drBbNwq04RVndz\nZJpc3zzZyd9q9NynAWginWjMf6ybEQF1v4NAiblVI8RDdU11g7Zjnk4CGZvi\n0i96ARIjOfc/blGS1f1uIZw4tLKUxjogGoqhPheIuxJ6Ww0G0KhxCGRpXh04\nfghaBumnmJTD007Vl3q/SQb45WJPYO7ek2vCUN9c+ZZFXhmRcY1XjN4okfaZ\nuUMHZCpNEdC4QD5wRzAwcqM95p3ecaKr2IF143NMvzLPRdczHrScnB1YuY4a\nVvrxhAifkT9bdB7V5QkM5+k5G06fJ11O1BcwvMSXSrmK5N7xwBt7Hl2osrVW\nHnYHjcxci5HCb49T6lnBe6M20yrKDTvwVMUiEDBCnHxteo1iEOnpB5KPwTBQ\nb7FXt7WFNo1A2ePW3P7VyOV4Lz28ySUdnJxzYJLoCiRCyA+GceX++ErpNuoJ\nJj7GYiZLz07L+7l7bzqGsxbX15cNt0ZPCiujvA4sbnAKocBRwRrs5wozN9m2\nd/nhvRHh/fPfGTkZ06bui73RSai+Ls+r3KibRPVVPlHjEW+5JycB45Kx1wzE\nv2XvJNFkSg5Syn17jUMKgZnPDc9d04GMl5Oycj8Srxo81ABLBB8BouwM2Ngf\nOVsS\r\n=Nun9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"65fc1ee152f3abef35713b70962e3d5b848a5e78","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.f705e8048.0_1624029789762_0.9234941229876337","host":"s3://npm-registry-packages"}},"12.0.0-canary.08d791f37.0":{"name":"@material/animation","version":"12.0.0-canary.08d791f37.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.08d791f37.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"985e5622cb2d422c5a5f67b6238bc1ff5abe7d88","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.08d791f37.0.tgz","fileCount":26,"integrity":"sha512-InypVvMAXFaE9jqYNcAtvA5FnDKZBNDd/pmLqNbhDpHjszT2phAkJ9C+cQUL9yF+jFeNQBIM008ZIcivuTCzSA==","signatures":[{"sig":"MEUCIQDdwcHLNGKdN4Nce0DNd+dk1IZBxvTldSnkRMuNbiuErQIgebvP3dqgsqUziqSXGPLVmsVjfiRcYt1OLf+do+1OQB0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgzQvGCRA9TVsSAnZWagAAP8oP/08nMpvRz19QQow5BBrS\nvZmgdZ8vpDB6DwuoAqgwjrc3CmySBaazAoraBO/ahZyiydJrGNdJ1+d7Hbvq\nCoJBmwHU/ZkcWg/pDLzkh/ir8Bb3F/BvC7RSUzBAFnYbMw7rMgOydxbKcWYh\nkSZkdCgK6Pl+CsqmnPmHSQ7PPAwMnuVgcauqhZwntEGD7Ke19n2LPgauYnNB\nG9ew61DTl2f7adZeuz9dsbP262A3XKjK3lIaoUFsF56QXV8wdyQJyJ50Lbuc\nwAwTknbiWAGA6tnWbcQQfJ+Qvo5kIZJBQ3nyfRPfc+6qkJYrdzUxs/v9NH4v\nwcQeOv+g8CrVhD2OlWXXFM/VgUfj+wk1ihhcrFWT6U9z627DsRB8jVWibhh4\njWpAecAkgb07vUI2/pk1M291M8qz3GIYxFecR+IXJ2oEem09+VMi9m0Ml9Gw\nSdF2atU0CGGkQphulUOMcgKv/WsmT09caI+nbjhuiEJ2OUoYkxCimKORlHlC\nBa9caA7T+EXWh4vwBQ6/2JpuANKdW0pjGcKaPz4U71L0Yn0PyuEuEZGyK+Is\nVNUTbkCq/diuHgUf39vO0oJYoQfa+xM5vJo+QP06iyIE2X47NZMb9AeJWUoG\niMM0+DnEVCFLMweDYxwwXrF0cNrmUVyl/9OQAkVlUGrQ2kjO9PHbX80bKmYb\n5CFv\r\n=OLe8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"854f301ec7183c3cbd2e62f9ab541f21aa6a459f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.08d791f37.0_1624050630298_0.6326368779106464","host":"s3://npm-registry-packages"}},"12.0.0-canary.e38d7440f.0":{"name":"@material/animation","version":"12.0.0-canary.e38d7440f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.e38d7440f.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6489f4be83b17257500cf78ce630b8714fd8328a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.e38d7440f.0.tgz","fileCount":26,"integrity":"sha512-5QqJj05DKBmMD3tm2/TYIL3IA1a2jpN/JIeeH1LzH5YS5pzBybmjn6QOvZPswcJlA52veY/rcpIBgQoORiP8cA==","signatures":[{"sig":"MEUCIDtNsS1zXSrN5fJV06voTAzUfr4g8vt4kElnFcw6uCxYAiEAvlAXPzSH3KX43axe8zNbIfgRBxVfE2tVaSaLw7Ztj68=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg0M65CRA9TVsSAnZWagAAiSAP/0WjItH4SlsmlLKQgqa5\nA47GroxzJYpkvqpV6nUAengnXrfoAdXdhVqzAMInpUWLecVJ9ZDHp6yt7+MH\nnftDf5L9wVEYAb7A83UtKqvsVdzAJtS6wBKP5Yb3jRe+Tny1evPVJlv2KTfg\n3D7+jRhlIIy7ZDWc7l5CmN75dyvYILj6bM/4k/6iNBAdxARU3ZO091gZ5Gm5\nYgKmpdYIqGHhWpQMizAItau1LCu0oHsNV7Ih9iQIm1sJVX51MB7ILsAxmpGV\nB1fjhvlXDqDSUULg2r0wID1WFEsfd31YM8R+4A0FdsB61D1MqUMT8jUNgd96\n1FHBx5qkpptFmxL3daFYGNSdLw/t7Sfi3l21d+DWFAPWmUY7k13w7Il3RcXG\nnaDMT85PdTN5sgmIiJU7oG5RnfJflGP9j7Iqk1SuWoIRglsA7AU+o/C/9JTZ\nEiQPMgnLOLmF9YoZBa5R23B82lffb0yEigNmGR1WHDzqHMVNrelRcMfM7h3X\nia8D9dX9275EOeXgezbrrcIYX/ReT+SZjJTJXsVP10tuHP3QTiwJ3nXpZknx\n+ipOv89gFzQXKdwAJmd7+lT/7J7UjZNtvnMXMZBBz6H6DzhiByxHmekpdowM\nOIK0DaPW8hvAh/Yf+PosnHjKxDhZ47JBos15hGngywQU9BwsEz6r2wfXC2VN\np0It\r\n=nWPb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"1d46835e968c827eb3b359624ebb85f8e3ccf528","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.e38d7440f.0_1624297144613_0.9600022403812134","host":"s3://npm-registry-packages"}},"12.0.0-canary.75900a5a9.0":{"name":"@material/animation","version":"12.0.0-canary.75900a5a9.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.75900a5a9.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e811868e19d3e780c637cbd51803d3d1cb8161f6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.75900a5a9.0.tgz","fileCount":26,"integrity":"sha512-n05BPIfoC4GKcVOhfa2IkyZSt1BJURhirpyggIJugvFUcSWyxmKco1YW1jCHm1lyBqeBb1xV9XQSldXW/NCLAQ==","signatures":[{"sig":"MEUCIBj1c1bZYBXRp5z8sNJ75DFts97R/vMrYXZ50/7/CZ+DAiEA6P71O3mKgAGajsA7HDbiEIxYBjEEFqedvh2ZApOcLQk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg0NvwCRA9TVsSAnZWagAAF6gP/igLDoAAC3AKQNmznXB9\nXP28C85S/iBXxybcM33T5+zZWlJQFZ0wYcybG3pYG7TD7oCEzDbOm9Px5dps\nD8PgX6Dbb7PyzWsgoD6nYIzJ2aoxJhQI/3kqoATmXg+xAQHwwtyVSm+RFnJI\nKMFQ+q19sa8DAxQzEPP43GBOZmxXSRxr0lZQ0R4hp8tVcMNPbRUNqzHN8qIk\nx1dIP8L4wWJ16lF5NR39MsH2MDqh8wI6fgFBGzhQV38sRccMl0AXnEBXWAOG\nMZbykFE8WPp705NC5+rVgEkNNeU0yDUXk8lInLwlLyKiTIYRoiC4nyhyYoag\nUwbWGlDwzaiAEXKSxC2rOgJafOZc+4hMGC59i4wuWL4kuZvJBSqfS2HVNg7h\nfC0oRP4KYh2wFLzvjANLtF/9vYQc2Bz3lnY2FDQtE1q8KUxCTm/IySlYl8aD\nAqcqZQa6KgKul3VBomhlh/cjEZoIWVHUsox4gry6xi9UxNmYq0Zot9puqaCC\ntXsWqTwL9pebUoHtnOd9OAATzdjd2/gAIedZf+RScwWp9MHz2hi7W67BwNCv\nWR/6Mh5RWYI7Qwntoc5AbTcWQ0crXTEhhfNpUpUeO3XTGYymC9hi8NYNskJb\nZEVZI2FPsqrgXRBEb/Nf7Gvxfch+3a6uZZ42rR2ZSM0jStZSqwqju8AmQCSI\nX9gG\r\n=EBbu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f08daf05a41f44cbb5e5c07039e1e165d123c405","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.75900a5a9.0_1624300527493_0.6170851595562576","host":"s3://npm-registry-packages"}},"12.0.0-canary.33e6f50e9.0":{"name":"@material/animation","version":"12.0.0-canary.33e6f50e9.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.33e6f50e9.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"32588a55759713000fad3fbfd1a0f25b661a4af5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.33e6f50e9.0.tgz","fileCount":26,"integrity":"sha512-EKCU1cQ4murbjnjyRyep71ygqDdd+UaeNei9Hli8nKRCaEmgJcfzGHiiuiW68M7BGz9I16tc4aPeIRjuxQC0ZA==","signatures":[{"sig":"MEYCIQCss8gTgdAOood221lhhIdgeWdZRSOrSxc36OT8PrlvZwIhAPdS9rcx/65ja7flilQ71/OAFWLRx6cbS3kXzPqXcPCn","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg0nwGCRA9TVsSAnZWagAA7xwP/R8tmjyagA7ML9FTb6lJ\n3DYAC3XRrencLsfOlrpsgD/vOT2CBC920cIJ2ttuSEcxnHyuOrZgRCpslQAu\n1ADkWlpTYwicuQmSWIa7oPj1fkqPWabapJyDA6RONO65Trg1DTt/3qhJi0dK\n/jDEqbIVV0sJv/PI6PZzdz+fk6FNtTNherPRIOXBALZwAZtRpRlMM5+YV8cb\n9Uv7OCSZW7xGCmlKnWQy+U5+vAkw6NJtzXRkjMVuOj/MakaJyHMlUI0JkMFe\nJv0MhQI6DbwNsSpkqwU70Ujd/Eb8h0smkLJo1vjQmlgLg2c33pqwWBqTnzmP\nFCP+mN0sqo32Zm3Y4hySm1d2IUHVoHQVgcfi+nn3HY3ipFf/F7uzTw51esGj\n2WbfoWqdwHYtdVDXzBgVsV418s8zl/f3OpSLlAovMOsovJQEjBjJbgHxmnQO\nHwujKHodYryah4qrmwAzd2t50PCEJMbwOA2ve0rTcAlfaBpK4vtAjG2ddGV6\nKTq7wY9u1O9rBoGyjzK2a73YC6amCjijXcj6QxtTyoHBEAUJUgQ7s2PCUypI\nZ6OR7e7w9/rkn3ykOFHSuWn5IJmZVfMuTXe/gNlJQz2eKdRwVIK5bl3wf4np\nb7uz7uV5OXTCnFCyQ+IRdfhoqrmhMcHR4sGttSyusDYHQbm9VCqxg5ZGQO5a\nY5X8\r\n=aum/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"fb208c22fe558f863d851b5bda74038d5a3b09d6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.33e6f50e9.0_1624407045846_0.821468158113394","host":"s3://npm-registry-packages"}},"12.0.0-canary.8c685301d.0":{"name":"@material/animation","version":"12.0.0-canary.8c685301d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.8c685301d.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bb74a9956a9860bbfdd43758d1f95f3439ac6350","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.8c685301d.0.tgz","fileCount":26,"integrity":"sha512-b9w99Uw25q+JXdGqErFOIW5CCFBjEzPdFqGR2qDQw8xXSiLd9d8/bKMpYhtFW9BpWrfLEODVSODIM69+XcUlzA==","signatures":[{"sig":"MEUCIQDcfXNFJ9yL9r/0704TjGGyQP0MTdXP0uXwNI3YGV3FlwIgOEGWbv0yKeish3uYncro/IeqSGnmW/Db934C2Cq9P1o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg03wZCRA9TVsSAnZWagAAVcEP/0bR8Ti/TU1T1MP60uh0\nG/p+iAMY5yAdk1nDFXiyrtXp7IYYMpxzcyRGpTaIL1/N7S4aoWQURKlK5EaH\ndP5jNrzxcYDAOnMsRtEAIyvinq6FecEGs7Q6AJ5/3sujbRIvKusP6TaFovqi\nwHWUYYGmGCXrlaW9pWIvrI/HohWqKca2apvit3ESqhpVah5tEh9jQHsjT0p0\nhvWMp0WBQMzBWgR2C3KAz+10rxG+6e4o68yShOAajwd+vrO11yRDg9qWgARD\n3MzoDsfLCEHNSpYplQ1xYwSbZgMs3dEWY6GqGScoBbKCPlAXDgjJIahNoKgV\nx12alr2wgjPge02W8Cmj3goyUbIO/rPFXY2GdCItKYNiOaV8PM57QK2itfDx\nIQE3T8WDiDpFW5PQGEfg5WBAQnGPbUEd0DzWKJyPzXIK8QJIBwFKEMAK/s9Q\nGxJBsaYMK69soJZUrlkk7ckYGMsU1jaBkYfQsoXRYhf6Otpw4k4bY4+ZVfgR\nWmfFa/03dJBMSuPzQEq+mPH4cHkGc08DiVn8qdaUz6LPKdVgAHZBio4lo9rj\ngK1DZlm+7VBH13Y45iHAgd+ha4MSUafc2p84ihkS7324B4LgnLl98u3YRCKT\n7wNGp/SMggg47CmHD8f0OEp+8eOIZaKuUVMr1xkD4mHTespjtd9bNaRWtomu\n+tkO\r\n=9x+P\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"43d0ab810254e565375b55ae118522d89b7e9254","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.8c685301d.0_1624472600817_0.4137869692694749","host":"s3://npm-registry-packages"}},"12.0.0-canary.8c7d994ae.0":{"name":"@material/animation","version":"12.0.0-canary.8c7d994ae.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.8c7d994ae.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"db3138803179347c6decb347fd8b70618af1255a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.8c7d994ae.0.tgz","fileCount":26,"integrity":"sha512-lNqj0KnSP3XfnFPVi+L7ydrdoM6o6w6N6AJFxH43dEydUnDk/X+GSY8jcHSwpwGa+QyXYXwYQ4h6phDhQ6UO+g==","signatures":[{"sig":"MEQCIDLV19kznLUjlBjLLTspQZPfAl5GI1LET74GVNwI3GstAiBbQiELXndTSv6xyo2kEr9dGc3fQkde3Rhx5EqOtJSzqw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg04rZCRA9TVsSAnZWagAA2VQP/jhev7LvKDQXUMAolg5D\nOa/ZTgItqUBwadzexo+VxN3Kc3rxRHh7hF2F94RBQVw+4MUetgGr7tMne/hA\nw3PlKHluqkTHdaMNhZ2oK+Jeh+vOrZKasXxQAyrWP0/LTGHeACVLxL5YsABb\nLTh2+y9J3hbhBV1NLjWusnJNXvFJ+8fjAxxAAC/VKZWFQMXhvqBv/ziaW1u7\nZZ3hGgIFWggxgQqDcoK+wkH/5wh9PWCnkoCd2SjYLgNocwhoWXR5+XMmjjds\nWFrNOyMWSUFZUHcWvAIf72R9pZqlXnJabM+9oYFPbghLwVz6jFzPZ8C1/q1Q\ng2QPv0YWBof4XF7zA9SjeblchOR8AUDytuSZkczvdiAhTYDWLxj6wUW1sZfm\nnRhtvE925/96r0QmLm9D1mk3WHydyGpbITVgUGa/dR6uOqdcAc7peWULJtD3\nKA6IWswdFAROAvaeJKPAktsEwx/4ObYS736EC99l5tqQPc8uB3V1KDDcQwn/\n+neoQIWstga9/F5ZYndvcR/cH6eUG2277jwG1LmOHIST1LSeTCFAmFmJBbgf\njEo5FusxrISiqRbckCsai3+2jswCFg6QBVW6wwrCgPeCF1hDd4NLPbKE3uTt\nd4a1c8GAv8eh0rR84+b28aTO1ocVPaJA7zHWX/C7M0+IW1TmBKY1FBCHxxqM\nxDB0\r\n=VgJF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"85693f86d68563f451e95113f3d03a29fedcf142","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.8c7d994ae.0_1624476376887_0.5491566255308664","host":"s3://npm-registry-packages"}},"12.0.0-canary.4ccd39bdd.0":{"name":"@material/animation","version":"12.0.0-canary.4ccd39bdd.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.4ccd39bdd.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ff207c0bfb4fffa34cba7e4dbd05dda9ce7c6bcc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.4ccd39bdd.0.tgz","fileCount":26,"integrity":"sha512-kv3gK4VAH/1DI54293yAE3lks6F3ttp7XJUyQ1CWEVCCiABF01kFuBk9v1MOJgsjRF/9HWVdRg0csOq87uBKCw==","signatures":[{"sig":"MEQCICRVu8Q5OGefU/+h63p0qcZToDlSh1YYitertWyUq9FiAiA2EZwCOdVerZT8myJ67rzvXmqy3QOAKgDxRhs+kF9Y1w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg1K8yCRA9TVsSAnZWagAACg0QAIqMrPo2Z5OilprT5bwR\nU8EeGl/bAzMn8nOJ4BqDHcmlILpyyFmlmAjufUtducKcwDCOhYuvN5HOlLFf\nxa4lSQ3erMOydS+CLFbvWHUOFMQcFbVukJjz27ZEsSBgow84LYPi7tpDq33k\nuIHC6IPioS1Ce7C840iGw3BD0/XetIbbJpjHqjHMt91Lrce2vp9n2N8OXOrr\nJBPHV67RHFqX/M0RKATV66zlbXF2WvT4mlAF7tTiTEcM98mLcqqlF91Kj82J\nmbCD8H3cNPzxOv9IGkb/5IQYf+wxN4LSKc+64St/WEudG1p3vW7bQNsMIjl6\n2kb0tb2/0ZygT25Ms3S9RuAy65buBUgL1bAMw0AOtnkHy7ilYZw7U2nuFa2P\nc3ozx/KY+zoqKmlF5o7aHl+i/uXSwHSIOpkEiD+oYUWE1pwpOn2D+zgvViwV\nbCQM9eb1dFkufbAd6YHy4mgijIzDpIdFtA/uZIRKd3JC7+jXE8r94OsE8W3r\nzROz0ijWL/KAx4Cg42OzGN9GhgiuGHj8rX11BOktjn79ksLr5HCFhxl7eQKW\nUnnb/EQf3cIY1mG9HsamVvjMasqh93c5gIciuFCR5zQBwYnNtYfin02HyBR9\n67rEZmdNdRXEgcGEy099Bibp4j4iLFsVzCBEI/w/qpPDQgEEc2/oS6kOrk/T\nGYr8\r\n=2ph/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"0954a36f2cbd31614158e8425662a4969ce9c299","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.4ccd39bdd.0_1624551217574_0.9462344592849008","host":"s3://npm-registry-packages"}},"12.0.0-canary.17553e9f8.0":{"name":"@material/animation","version":"12.0.0-canary.17553e9f8.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.17553e9f8.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"235215441666a6491ac5af7ea438df20e4783ca7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.17553e9f8.0.tgz","fileCount":26,"integrity":"sha512-JyA9+t6EB5c5T7gk6yfPhMn1UzHfUzUW84euU4hbXtb1S1fDc2Z8ILSA7nnhi+DSyVt1nfIBbvbJ8Nj0PlTfYA==","signatures":[{"sig":"MEQCIGUQqhKgeVi1qhtovS5PqHTyBq82xoP669BzH3FhEtBNAiACvGAnnjtfpR5w7g5WyWOz1wTPzfDA/zYspdglo3V2Tg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg2lJiCRA9TVsSAnZWagAAo0MP/0YJi1gaQOKNSOaCrmmQ\niW7wv8+ogdoz2AezwVR6zmVLrGKQFDds/VfT80Dd+7X0yJPOWFfFFKdIwsF2\nfOjgdpgIdedpGkItwNas7WV5A+BeLCFaKqD0ngiWvUgpyqVgC8Fih2a1jIcu\nQcY9ptZS3uy/gRxy6KaJ6TwVhYb69PrWKJPk4WYThU51TcTQ9wDNlnXBxIgd\naN99vLzHEEXSwSdTIZ9FyeElh0tQFVe4C55uuq/XJZzjorlKJnMZEicwKjIK\nFjzsP7ewtH0bAVUrlIKG8CcsILSKnCbKQWSxA5aHzaSE5g3tfHJ7solvYESX\n0dB20wMpfMj0KWl8IvET5hK/sredmaYl/8R5rZsPWmUSZfsrmPh4IRoCN6hQ\n7C1bVn1Rm9DMu+4MyugUmRtmgqorsor1QFt6CToue4M/jaCQ19AyN8+f723Q\nTslJSXRo0YmOYL0rA/obPwkhwl4E8fJwhEjYjfkBhiwcWaUDIbBs8fQPzTDh\nbMhrb0+Rma7xsG776l0FYUuUreEDi98wnofivhBAvNT4cmeJQoLl5tkm/Q0N\nTFIc7Kur1jxvz2EhZhRtojE/DrUzUpVOLbLxnootUHcw7Z/sEFx4GnuQw+TM\nGySKbHOpjAG7UndVhIZIZ+OyA++N/xDKF/0uwXf1tG4ctWVcP3aiosWehS1f\nFC2u\r\n=JBmD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"bbd7dc5fbee09c82081517ffc14264d4834209ba","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.17553e9f8.0_1624920674073_0.1499309430295983","host":"s3://npm-registry-packages"}},"12.0.0-canary.4c80072fd.0":{"name":"@material/animation","version":"12.0.0-canary.4c80072fd.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.4c80072fd.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2b1b964a3dc79900df7712c92a7b2b03982ca40e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.4c80072fd.0.tgz","fileCount":26,"integrity":"sha512-ZNAw4YZrdhtwJe30v8AVq7qbrh6YNfYp/CuVI6G7Inp0k/qkmGGPELfm3zR6+1ci/tTrT0lsFugR1IAToXBfiw==","signatures":[{"sig":"MEUCIQDqUFx99caQA/qfdxsKm2pI3k6YTR3cm7SzF33S/cpPnQIgLyQ1wPb1VWrP7EFKaVZQLBsxIMxTzOWmrIcvK7bZvig=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg22jyCRA9TVsSAnZWagAAAH4P/36/yxT6/ncosys8hRDk\nk4YCxxI+XLZYKxcqwKSubdm0IxVHnAeTgOP5+lk5BAfAHCAMYcRw4HpcXFj+\nX5L7rks7PlwZ60CCRgb7+lGChuioyFn5eL4/7yWj/qB/1SWB1SfIZgGqK/Jr\nDl4YHGr1szFQetyZ6T/qc95ZAPNBmJA7jPGl2RqO4XK/RhQ2CHK1O0E3l2om\nNokKO4EqK8ZSFxtu59it4I+n5zwwCizMTUpx77OHf3whqb/+ZsdQv01T6UDV\nKh6PbuBeIpz8nIFQLn9DlFyTiDXOHWuOI0I7nAGJoHm4IlrSqN4DPTgnDHTq\nT1+nQ0Ir4VbI3ZEVPj+cWIVI69mHdbjwDSM/Cc5izn/foOqLGTxlr5BrZXN5\nPxOPKDsTMvtE5xcPTzAbSGyEf4a0Vww2FxXbVuDAIjEJS3JEpMyPtuMpxfb3\nOy1fXip/KKKzDnaypL+y+zv5dIxP56yTsOTbhxyQFhO4X1XgmodllR0lV5rM\n636iFJ7chLaFkOuJD8PdjQfetn9BqmlrbQojh6dybC17qCKf7WHg9/PIQE47\noQ0sIGgezuIi9MiyF+JVXUaqhy7SVQ1Ezolz/KViMY+aoH6qgSFtCALAIGVj\ntZrNFHGqFG6iXySkxwTXYv2j7+8KDq7ClbmfnJLUM/gxVNobosYMqjVBV5v0\n9FUO\r\n=wpxZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"9f6d10da43c6e0fbb1366c1e37fbca58ce00dc12","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.4c80072fd.0_1624991985700_0.7617017839828935","host":"s3://npm-registry-packages"}},"12.0.0-canary.796811db7.0":{"name":"@material/animation","version":"12.0.0-canary.796811db7.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.796811db7.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7d7539605c960c216fd61ab42e9df7d8dba53313","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.796811db7.0.tgz","fileCount":26,"integrity":"sha512-IuF8kObLk2ZfwM1ZE3L0tG/ZKS4eFG/I/PI1/x2rIsCOMSqxAsdtuyYG9GUr7sw6SgizsbCJx32XBV2NNToakg==","signatures":[{"sig":"MEUCICi2At/WaSzHllNQR6WmENjPva3rBteYHFftuz9OsX78AiEAkfIwd9FVkDXSRzne919JwXZ9lvWogB5QQWuieNbYkEw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg3QYCCRA9TVsSAnZWagAAHEUP/1f5zzTUABvofZ90A939\ng4lZrRCxdvrDefm3Fv/Wp6IemjyyiS5W4CBdttGUT2wt8xTc5d7QomIZ0Bj3\nb6mZ/0HSWZqbC/ycplnq+kvyNJiWA9k8myLTBnGnNkslfaEUtDayotv0ZopD\n+a7Cdlc7PTApLXZ2BGwj8QoENoQtuvoetR6Fj322CnCa+yy38oBDT66JF3d8\n0wEj91QukKEuyO+ZsFk+n9xt1kVXY3kyCh2EyldHGYxj/ROeOcFfPXZjf4jt\nkR3uidXqA2TGAeLK8yKlQsV5plqqxGOzwkCSX2pXCGrkW1UaBYpK3tjr84fs\n5e/LShLRVPJjH8BflVnSvn8gGPVArNlQzeX/48cHjglvLdX+mLb3/0CVNLkR\np4iXDVMEO37jSRwLMNjpKD2YHGDGQMxN6cdWtNV47rQ6pNX1/qGpR37nH3qA\nRt0mpY6Tl1hAD7B0V5t4oYk4VpmqgnAumyhhmF142h3/kwibfrTHWsseBZKZ\nm2VBwVnCsBLo5bBvUIYhRhxvpiV/90+DY2pcsJ0iRDo3XbDk8CtHRxvXTIbL\n6D5WywL3vqwOQFpZBjF1Igt8CQixDbXVn/wrl7oKF/jSfIc6F/KZ0H4pY5T2\nIGi7JEYTydJxtvlwfZRWU0TSs4Ktt+4rgHLYyPliJdNb7NoXf2lRs00Bfj+Q\nw+xW\r\n=0jvV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b02de77dcf32bdce7d23406dd395390b35e386e0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.796811db7.0_1625097730423_0.09724818189611462","host":"s3://npm-registry-packages"}},"12.0.0-canary.70e1efdca.0":{"name":"@material/animation","version":"12.0.0-canary.70e1efdca.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.70e1efdca.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a232b1ba644b0b36ffe0cb21b574671eda0e11fb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.70e1efdca.0.tgz","fileCount":26,"integrity":"sha512-btE4YME9jRx2mAJBRSUo/lTZU/YLNo4HfENxwa9ccOLqpULuH177PEQ4hAmyRcM57tY93lwtiFImiUcTMEehCQ==","signatures":[{"sig":"MEYCIQDUjEf002bB28LBP5lLbRy4DMNrS1LtUYecVFJtcD4uUwIhAMkfV3Ffzz+DslBfPToh+r7/kQBjVsWHu+Q9r2awsTWD","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg3fXGCRA9TVsSAnZWagAAf1oP/j3DbZYDOd2s5In/ejLr\nrw5q7Op1msgQ53i5hh49J7pMedVNfV8dNrMRJLQJ4W2jvA4yxj/14Q6km+KE\nbaaJmy/lJAwREYkVdgWaV3SDtDFVH9J58F8O8zCxGnXCcnU4kdioiQGILbOd\nrGq9bcts9KEdxmRo1kqdvbYC3vlyYyxD8jsKu38y8MMI8dgHq3/r4Ffy+0Me\nDqUS/J6cF+PVBIPZKJ7mWBAThREs4jWJRjgJr9Bd+9vg4jcUJ0eGZp4RgE9F\nlWiwCfrKr8hsWq95NUVehwnxJ+2JG6wP9PxisUsV8hfR9NmCQhLN2KFm6eRn\noObqKUE0q2uTkgkkTwEkF8n7F9ZZMaIZMEMq/THHWMdUCTV/U2W1RRT5Cus8\nsHXuu36y1zd2tdzOT6AoPIPUw+LihIXEA8RQ+wwBS1iysDMubrBnfYA0qOAY\nDw+W4ACEUbxxp76BK+UkGnTBrGEg1tDv3DRnt1k/zg0ywcTdyrRODyfpxTiN\nprS6D3crXVDmLWlwv4xoR67iOFr6jgyKiUIH5qteaqQ6l2LlpWLfRgVf4kt2\nvgpGpkKIOlPus0xk6kTtkkE7qCE5WiJKSWW8qvTJ4xROdhvYtwkjV+n1bYjv\nVigRxVCVDCOmEe1o5rE92qRHL9mrPpGN5F+FtLI/CmFjzk3N1GwsQ5d/HzEE\nJD5R\r\n=3UnC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ab5924ae38bb3ce40d3b1c303e1ae6d175b844ce","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.70e1efdca.0_1625159110141_0.22428951812546982","host":"s3://npm-registry-packages"}},"12.0.0-canary.435866d32.0":{"name":"@material/animation","version":"12.0.0-canary.435866d32.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.435866d32.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9ef3f4c3eca5b2b509403b438d5791578b1203c6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.435866d32.0.tgz","fileCount":26,"integrity":"sha512-s3SAK2IowlfQD1Or0eDXrKaJ/RB0wFtEOk9SmSpllLAQSMrFSelvpoPi8tvrd202ly0bJNzCQq8GbdUiiEyjyA==","signatures":[{"sig":"MEYCIQDXg1a9LLkklK6sNfXOtL5wKZ2p2k/8WKRAAFRgxEYD4gIhALfuJsOjtv3ZGhZHX3ecCucG2dzKoNURvOvVZ+CtcAgc","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg31jTCRA9TVsSAnZWagAAEXkP/imLiarNQN3vHaTBcp4v\nhERiIXYWWeC0hlxFRS5/IuikKH6JWGAwmmcdu1huas1AEyUZ1UC/c1cPb4rz\n6KTeGDmau1we64qb1lY60STP66bIgHRVxlhJa0lAlK1QVcWpjTULdmWcGQcU\n6clRJd/aldMC6BBJsrjv3rrBpYgs14pz2LV6tWMPoWZQxMuDdSph69+w4boP\nMXQhMIPRuWF8NFffvkA3ba1ji47WM9rHNlCoK3faXeN0Oq+r8HScLnfnLiKr\neVl7Izff+n+zXEgvgnSWli9I3lmvawCg0xPNpQkUzgBHJNH7bmhp1KdATOJN\nWMDEslNkBUC3s4N86A/l8zgnIj7vu2XFGXtq2bIvS9zW13ogxkzlB6EuJDNA\ncwIiufR2P3039z5T+UHSWoH1BCQ2yXecRIfju/yENWn3MKDm8vVA9PZqHrbj\nQHGN9wzLC7UCm7rnS70nu93hsJ4BWw3kOw62/hVLpBEdLUDx8+7XlSl9EvZ3\ntdelUeRnt13g7HhgqM+Wkao2o4IcENw1Oh4Pn2usX00yNrC3Pf2MdllXwdkl\n1KCP0Vb3iK7s4/EuJSkYpUyKl3thVLCGJJVPqbMB1gHaQIekAa/HiJ2QdwBz\nIZUoM9uBxFkNB79NkVqqVIjasJWBLyVTEcGryDKsClTAOAlET7ToTbCkDXp1\nxwgX\r\n=nZk4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ecf68c368bd1ea5571aa4da569d6fe6c4b8b8caf","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.435866d32.0_1625250003352_0.12091322598696141","host":"s3://npm-registry-packages"}},"12.0.0-canary.d0f9f3f2e.0":{"name":"@material/animation","version":"12.0.0-canary.d0f9f3f2e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.d0f9f3f2e.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"73e46fbbbe14890e071741b11b8adc4cb371e234","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.d0f9f3f2e.0.tgz","fileCount":26,"integrity":"sha512-41KMkzLEVDQ0MLKDZYMCP+UGOBV0Cxzc0Yb2JuLDJF7sHVptlErKjw3Jqv4hMoj5NG8MrG8nj5DszOqrHTRZ5w==","signatures":[{"sig":"MEUCIBRelYGgj8M4JGgC81m49FwYnqImeLoydQjDoJ7J6/i/AiEA21/IsDgg3rlEhJyuu9yUauPKRHzoOPHPIsow1Tp4qL4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg36g6CRA9TVsSAnZWagAA7UYP/RPDs9S3WqqxS+AT7rBX\njRuZ7o8hosQI1SzUOjNIctmyTsJHIDrLGmIuyAc+4yjwWzZoP75Dl7DEVKW7\n63RCXbYpsW9EBxeV84RW5hj5R0bVlmg0hQEVyfYe4DPWz1gqwx4bOWCrZtB2\nD3DHTwurI+ncT2DjFC8oidAACZOiT1YJE2Cre0amoI9OVmu2cEz1tSt+mrEX\nb91qqj+E9dliRgxb1f3DKIDvhSdHs5PVO5gTii4H917RWwIutA8/RFj2ZCjP\na3C+kQbtRB0fePGgbVf+xmaX+pO+yXvddZw8x9yH8SYUO5JHpAa528ZTR52n\nROShtd095Z9rpIOXHGviUc7ZkjQnA6N8LW+ybK2ypNFKpo9m8pDLyRjxo4yn\nw/WSmqDa3Lg4NNiJT2W1//deAo2Ma9tSZYczHOcIsAaSK1Mdzq94k1u+7RL/\nkDN8nnrB/Hrn6t7k6Dz8jYcTMM0MhVznkjSUryVcv9PdjMRmKRBE6a+mayyM\nrnFn3SVCcPS1vi7dcmrRdI0qn+pgUdZ9pnNoKo0+xxl4MhamDEtRB3j4fibp\nsxGAbyCkz4sL+3/7uAqM0tD2pTO1qLAF2CxyMO71ZnxxiELk0ieFe7KRxPPT\nOq/tzSci2qOlx6B4zHrhauKtqRkKFJldJFNm7IffWIfhfx7Qq7lXjIGnWZOT\n3W7C\r\n=Uxje\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ed31c78c6a84cb24353ffd1d406693496f090e29","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.d0f9f3f2e.0_1625270329920_0.08957941143301262","host":"s3://npm-registry-packages"}},"12.0.0-canary.adeac0549.0":{"name":"@material/animation","version":"12.0.0-canary.adeac0549.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.adeac0549.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b8a9b46adc31c01870bae20b3c5216250675b69b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.adeac0549.0.tgz","fileCount":26,"integrity":"sha512-09ZjmMTbsG3GopvIPj2C5nT6rdTnfUbdCKcbC5OykTerUYPY9RuqdJlSfU7N66DH/llLHQZIk3+CI9XQgP2KPQ==","signatures":[{"sig":"MEUCIQCNFFk5lq3xfh5gVwClLfrs+tQi2sBpRwTvsTcn5Qmy/wIgX+slke3A0E8ANbouS3yxB6Hu9rIKBSwqwQXtF+rSFa4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg5xTNCRA9TVsSAnZWagAA9rcP/jfloqnKu2aD+p1AZa7l\n9+r/6d5JzwhyAWeMeI+D9vfDsgxufvF/95n624/l6EAetBD89vX/nDozrs4b\n7biG7xpe0gZZrpGXTLaXF9Cuquvjswpowp/31goezu02RL5qc2HN+UV1e1qM\nRFoZ/9lvu791NtbWJkQCXTVFwebNar4u8PVfpk02DSDHcdf7s12O/2cCLlbK\n/yLw1RpMnafXxEbW32MszIMLeCB4bGZtqLEo91zVcvIER68Ul0P63W24qszT\nI2/NoQKQ/IJKtqtAY7nrCHG8HvceEYiccsbdoQ37rJPbDC/geysB9LYMKUEV\npixhxswJyQBvuiiAZZlnxFBZ+dKVft/s5kadVVYYdQqSg4vqhrjJ80R36mkl\nnISWBZFxwqRaGM8tWBlUFA0zklsTVqkJbSE6zyzVRepoluz8EvzigXGcHUPk\nxvxztdG5FvXIztxHBjcVmiUw/0ruD5EIie8Nu8WPuTq0bJAyGnHIjQi6rozk\nG8Cn/iJirucgCkJLJ3d/eVXqGvU3kAKjF/8m+omEz5dpeu+hPlPDwYJQAhNI\naBrCnzd7gntASqgj2urP/AC9FvJc3UKnMepU7adsIgZoYZv9XsioHT325gFS\nFvXZLeDfaED/a3RoBfrFLyucSg9ozkagVF2bRjXhf5qDxm8ldnaA2EuwduyM\nERVM\r\n=Vyx9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a189bfd7e13b17660ad97870e074af0ee245e36d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.adeac0549.0_1625756877432_0.38598311654002315","host":"s3://npm-registry-packages"}},"12.0.0-canary.068fd5028.0":{"name":"@material/animation","version":"12.0.0-canary.068fd5028.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.068fd5028.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f52aa436e6b7f2799111c32f288acd2ad1de7b01","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.068fd5028.0.tgz","fileCount":26,"integrity":"sha512-hKxDf8QmbSK3xNQ7PlKkboLs4miXAd5ECEsDJM+qiCdBxWdLjQIET36ghUe2j2JlX07Bs8dhnDb15VXBK4g4dg==","signatures":[{"sig":"MEQCIEkjs3kll3xImTbB33yI2KVNnhXFOuJzXPZizOE9F0faAiBF+yTQkEvYJsSu1AhFFqIDIWvA0Gdzkl4JSbV4s6L2kQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg50u/CRA9TVsSAnZWagAA/Z8P/2iJeB8242PjG8Aqr8b2\niRg0iQ+FcmCXdvI/v4/8GuMWO5+mEwrUXOggbN7aGuYfpMBuaaaO/kfC0bzj\nQP1+BTv5jooXqIWQDbAsOCmpmKcawJzX4u3MFwm/ujc6B15XrEhs7tEhQPsA\nt2eJh7mYYYBjZom4p8Hre3rqMzIL0RRrUvZLNea5O8Up9JyigV0lzI4qYMaE\naqXM2CGKGhGaaFoWBDeM3V4G5N2ilBJfSaISGJYdYAABbwXN82z2CSI8xCsP\nGlFcJ2saMQiOPlW2wQ1s3N+t83YAtICAAwuhzS66wmi5w4hseScugoiHozy1\ntvY+/l8jEXpaNwzPfYiX4hk2gH2IVoOe/t6qYF/m+PSF+HtlVQyhvju1Kgo2\nH4S7j+XRXsGEGn7MqqzSYU+8yE4cKlst4eaHPLbBvnwT7K5JmWAX2yiN4aOo\nuDiKQ52/zcNeLF9nBlkzKvyIT3KNVylsWUOfmbSqmI/wYjD2uVmXRNtUhMl5\nhooZbx0naUukhXbCzQkzvvAUbebEesMUD3vmHbWcQb3Lt/vIFyBQFr7nabHo\ndYIxOqcD1uaHUKvckYT+DI0wZNpmUKqpzGseSCdf5t4xJzmziCt69uWaZb6O\nLEraHyFI8r3LIodnEqV4Ng/gHrB08vy4EUxd0TRiRmsRNednA2Vmm9VtKR9x\nW35e\r\n=wPi5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"daf6a798ec3c54ddba492f33c939c41a8d88655f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.068fd5028.0_1625770942480_0.6968044550154822","host":"s3://npm-registry-packages"}},"12.0.0-canary.5dfec7a14.0":{"name":"@material/animation","version":"12.0.0-canary.5dfec7a14.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.5dfec7a14.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1bc9c06dbbb3dc23e0b0fa96b34b2ce8915e95ea","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.5dfec7a14.0.tgz","fileCount":26,"integrity":"sha512-gJ2LRBuPznn6h3YykG17XlbI1ruECJ6t9Kx6kDt3zKiXfp/4ga56G7VDQtQg38qKFaIgd+hR02Cm5Rr6GKLVJA==","signatures":[{"sig":"MEUCIQDFRZw4CsYgCUcjKUtxbJ4O/IuNwjuWDEJqJaMHyZsxmQIgbMmqPjtIGT2uFtmOAXwTIThxQXBcS82OcDV3pmDQJxc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7J/3CRA9TVsSAnZWagAAduUP/2zPQj54QQkrRfBBh4yF\nxTvVbidDjb7csamVbymx7hADl2t1OBZKhLR+KpHCSnqOyJIKnDMohvqpnbef\nafFkQcTwb09oGqToxm7Ia/wu/TKxjB96lJ311luTK8y3nnKU1P2Ir3QZbGCS\nkN8VlhL5o9XF0Wqp+ICYoI6qfkh13gLJ1BuwkDL9Eh+hnGISY4pYGFszH3eG\nc+e6WN96KE4aVituMjTMKwkjh+vhdNUfRZEvTgUd7aFDTMtVN9DUk4Gx5yFI\nrEhnIAs9TdRZyTlaF/wQ6/jQJwjz9607Cy0mx81q+h+Hi6WI/mJLVfIdWgvZ\nDlS55FXXVZ+uH8YOhsLDQ4HuK0xJUB5o+MIBeu+tqR3D1Mv6/WuaQuhO2Ib2\n25S97MLpmtLkOzzbCTGiRz+bO1S43wa2RIXQdhEftcODrXfj3HoWq3nqbcTw\nrRxnni975w97eIPPW8oel6WTIECBBnKeVhv4+D1tCgT+UHcKLZTyB9dKocjC\ntNWOlb1CVlA/I3Gbd3SSGyoBgS+muEB3aLKI5F2SiknXvXSXfDtg8ABMtzLC\n3aMuIaGU/bOvUBld5xxshCUn0+ohUWaG9Y+JlzIN9gbW5tt2gZJC19gj/jzz\nwtVSChBBT1RTYGN84OnhTrYF1TAl6AjQRub68LM9qc2I/5Tr+vZaJBJqSR9S\nlHIM\r\n=x8MQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7295656b25be2c03cf7ca7ca800e7dbec4d9b531","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.5dfec7a14.0_1626120183385_0.5724204432592574","host":"s3://npm-registry-packages"}},"12.0.0-canary.07a73750c.0":{"name":"@material/animation","version":"12.0.0-canary.07a73750c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.07a73750c.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d6e066145ab7e0f875ef000c01fde2c39f2bd224","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.07a73750c.0.tgz","fileCount":26,"integrity":"sha512-94YHynbQa9VZuXOV2GHynllJqk7l9/69sbD1w+wrTjLo5I6jv4RXzE6aECfI2Wurbc3FLyZybluqM+8Go2vt7A==","signatures":[{"sig":"MEQCIBqgv1d8zGUKxOCacyFkBRvLQIRZlhpzRgpTVfo9goKuAiBeG6hsigqJouOaLzzBLiYDHziUFSgM7oE39Ntjcl01qg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7KTtCRA9TVsSAnZWagAAZagP/Rc9hfuzJfGxJJ7atrtw\nnw05bH8TjeyoPeqHOXUPBZqMd/OmLnMy7D+JTUlVkP6kPB3uPEzo7MhsC6I3\nB8zr72ygopVvjSrnp0Kqj1PNm7VcuWsX0uPM+MNMa0idPMpKqZg81VZqj8YS\nqYMzFFl8Ll21wH7vLc8HycvrBG80vZD1XZme6Bvnluk1ERL3BHGRUfK8pkEy\nEG/+DRJKI19/AQSfb5igwRbdi5QSDpHZjp1yYGPbXnoIUgQQz1IBX5WGbYXT\nO46ZVHPb1fKHQByDjGojcArwXlPY8YL9BfyJzaM+IZoktGcfQiVi+zPtIxVU\ntHERd0eHiG7pa0ZJfZ9A9S/UG5DoTTLxHHK9znI/3/kgtMH85F+/pvY09hRz\ncVBxcTkRKC5jkutdc0m5aLgni7FURBI8hpY2JOcpze2COEB+Ld4yFkODh9UZ\nPFHG1Tu+ViAwVR0N5ApI+eV6x+58vINS7HDL7y6d9AVxBLRaQ3cgOCJwnamr\nWWgwsclmqw0OJw5/shSjHavDOdo4SWsJS5VVXjKaZ96ssUEI+MWeihu0x5Jr\n6XcGP55jn6dtUB6+jm2sm9HrNf6ItRF+pisRPsrB23YYDfW/Ycqs1alT59l5\n1ppTkHSpgALuRWQ9JDGFarqxoc1YSWz1xxe4Ev9hq3haFEP1jOKqdy3/AwTS\n4wnu\r\n=JeFa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"3534c8199752b92a52696d2065e73b8e4a997195","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.07a73750c.0_1626121452957_0.7590248594612314","host":"s3://npm-registry-packages"}},"12.0.0-canary.3e4c6dca1.0":{"name":"@material/animation","version":"12.0.0-canary.3e4c6dca1.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.3e4c6dca1.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bad04bc0138f9269e6746dd74259a897c8a6313c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.3e4c6dca1.0.tgz","fileCount":26,"integrity":"sha512-GEQRVCmzdMuecTs/IJHu3R12TM6vwaPpypTy+ZyCUBn2P3IQV86QuEXtN6/vyklHjjKbZrxoilzjHjDWA50vOQ==","signatures":[{"sig":"MEQCIEyf3i+5UYVcGWnmKGogWDtz0a5ufbzYyY00Ed8fk3n2AiBb0GklPhenhOXM1pSmpMoZdO6+e+HVtRl8/V+6vUS8zw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7PFFCRA9TVsSAnZWagAADesQAI6nAKPVSPyHBmty97Rh\n4ec73tjKZN9mIO8ec51s8rJc6fJPFZcQMxe1xUuT2iiq6jp8mgoVZmYygWJm\n378DS6ZStbNrW/DtPAxkGO1D/qZxYVp3HQwSBrk1ga8KeZ6/3JSPh255V+bl\nqNGb86n8k5gKm64qztpwigYs0kBIWyGl9PJt7/lUBejt6ez1sYe/g2fP3oP1\nr/pyVdHyjqEb9NtN8uZHtrfv9mB3Ah3NbpbEQVHMiO1XC7GrlV+ddGEfqM+p\nCi1+VbwCWaKiWNG4tVvP5UiNRACJ7BKhp1+9PCpmZUlaFL7UldWs7dfJJE3Q\nVbYuv4akturh3HjMjiSji0dNiUVRIZ/xGpLllw32D6V6nG/XapYmXOgh5Vkf\nVU5t1EnWc/sIRHcnF13tmfGE1pmWh1U7ybD/GY6a3MzwolOnkd1WNRUjIS4l\nCjLN6FVOVAL2+pBq6WJ2aOvwgFw0+SYABKFV1DSPOlQs7KAHkei8kATcnALl\nd6S+b+6Wq01669SROFtxFcJx5ldw+Sz36llu84br0ehiOYPWdeUx1C7NJJHD\njxgLurpIJ9qJCBINrZC7/tILwi+B3mAT/avq6pTKOlLrOxhn6erq6HOeAOgC\nLKP/Mk70+fgwE2O51DWJ7c6Yv8zKqDpsm2do4em56D51w4EoW+/Z2hxF1u3g\nhCbn\r\n=4qKs\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"1a6a8bc529062b0303c0df830b36d3110a389f4d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.3e4c6dca1.0_1626140997051_0.5794746701395892","host":"s3://npm-registry-packages"}},"12.0.0-canary.ea77795b1.0":{"name":"@material/animation","version":"12.0.0-canary.ea77795b1.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.ea77795b1.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7879476901e1f5a845cfe717d292de2eb66af9d4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.ea77795b1.0.tgz","fileCount":26,"integrity":"sha512-UnJLZA7xG41fuk++XgCUbOBFVX1fx3Fo0QzLOgQmXshipNEwetV2ZpbKHY6nltCREApa6YmzeplQxaCN5oYBXA==","signatures":[{"sig":"MEUCIQDEc9wsPtxxae03zV0mDjCbASbB/VPlGvnAVUt8WO/+VwIgXrh8ES0qY+pY/2QRKGMaOFfT8txQnUOk/dOBI6iUXO8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7bWoCRA9TVsSAnZWagAAPRMP/iA1un4MAV0b13NwMCuQ\n9EmNGCggXyVbloEoNXiQMc7p1N1CgMNQbvX419NudjOI1/6Bw4F3prelqt9M\nvW6QdS9PcIZz0F61qcGS/Tn4/zxQ6l7GF/tUX2O1I0sLd9syrwAYEnTdEU0K\nveem9X83XX26W6M/LyFsT7XyoZ7+jQus75+80rCFkRI8EdPaiMxbjxEyfWle\n+6sqoBsQFqwKiKFgqnejW40baGT3dpl9lwG/eSWt9cXEyFz/82MBkPcWl+am\nuyinhWbrLGi3VoT1PpICxosOBF0Y47Siij8xLG3AtyfH756M+Mhh2WNKEL60\nYVv1T8YN0W3qGMPVtY2/+6na8UTbaB3+ESqj12Ww+9ekbC5zQ5viavJ7KJd0\npUkwT4MLI1uGuDAQRpHQBJTNmzhyHU5oUzv2aMjj1gv/kr70SGpVEn8zV9xz\nn9GTGxeRbWUKzElDb7ccegZJT7Jp0TxbuqQhdrZFflads1LQnnzmqM/OfDbn\nSp61lMIRtWJ9tEjEQowsvJfq5QpMdoBusn+mpFasS4BTv2qIuQydl5oiSNj1\n4P/r7GP3+TKbHqOzZ5DjwD2JjxwYe1GE8DwLeanOvtQ+efIZk9AZ8edu9xud\nX/nT9HrUVyi45jKtCuJtNSz3B7g7AZjv/LjQW0iqhI3TJ+JOXHvzxsmJN1ti\nmxN6\r\n=ioWS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"830444e6567decdb85bd9b22a92d5f85b103f107","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.ea77795b1.0_1626191272339_0.7470077689239492","host":"s3://npm-registry-packages"}},"12.0.0-canary.15a179fad.0":{"name":"@material/animation","version":"12.0.0-canary.15a179fad.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.15a179fad.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3bd4ad6af62fd771947d1f6d9afb9d7940c75340","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.15a179fad.0.tgz","fileCount":26,"integrity":"sha512-jJZmU4m0w/0wM4vRXMh+LcA8+TrCYKqMc5f+3BRNsbkEjxhtnb56E+NlsuhjxRtZamNkGKzu6svMg5yTk7WerA==","signatures":[{"sig":"MEUCIQDd6EtiNFCA2lArCm/IT1bW8+/NGGINucRRSXw80V0rrQIgKQPD9nDUohmfHJqysq2xYFlA21zWVJtV1Byt85glTdg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7dZ7CRA9TVsSAnZWagAAVLoP/igUTgixQLSWF3rXC8mZ\n4DonxR7D7StsNIklvzhC0oMpbda/6jXbonIr7gNVTwP94vORVmTW5pOAZjKM\ncNcHgkv2l/mAg4jykixeC93VXVwmXsESEvJFinPKEeKGP+uP8lDRRj/SBUA5\nnJYUt9xOVznZjKEwBvl6JooIDN3X080YY/Vp6cofP8kiq20ijqdF3AAXeWVh\nQq4RTnji093N1Co2S57Tteb+jSLgLBn1fmavsZ1LQQltM4i1Wu2tlTwFLtkY\nHcjdSUmAO9mrPwfl25wFxps4OzZ+JblFtUeakZYJE961zCCETuV/UpZ3/Ssm\nGXbfN5EmjmYhzCQvgB/8GvsO9gJLFIH2EY22sfrUhMsdwLw4WrOqHmLHiYWo\nJYmw3c7fsA4xqXRlDnFmzBcZZ1Xvh3APS+96TxYfI2kNuuebILu2crlm7QXv\nNH2OA/ybBFqjOZHE9CO1NilkZBUifMiuZP/KVUJVJXekIi2D+IaDwkAiAUGX\nlKrMHmXbmVg/kLeJ70Y5gajXSp8DEB2o3tzUxZbBu6XgHoBlvHaZvaudZICX\nW/8+w4BKLYTiW0jF9DxefQIGvceT5JZ3NibcSYLFCDAKmPnyiQ1I5PKsmUhK\nyYtmp4boiMOY0W0N2rTlLsGRC/eLMH/Xk1N+to5nzFsDwXYRDExS8+1yM7Fe\n4bOK\r\n=coQj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"eb659691c3a77be825ea082c434c0b24c53cd610","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.15a179fad.0_1626199674841_0.07481004794676571","host":"s3://npm-registry-packages"}},"12.0.0-canary.c73142a1b.0":{"name":"@material/animation","version":"12.0.0-canary.c73142a1b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.c73142a1b.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"88e5cc99f4aa4ad6412797efd9540d34947e9641","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.c73142a1b.0.tgz","fileCount":26,"integrity":"sha512-eh7hT28Jdo4fH8iW0H6gq7XY6f9UBNrB8rOBGYMccnt9NC4+mFcxGFNGlyNd53sbSs0cuJxrQVpVczpa6YMquw==","signatures":[{"sig":"MEQCIBkaFprNHBQ9o61Mrao3ouFQdPwGCeBB46AcxvK8cZc5AiApJ5zwzzOm9AAMndFf9UOWpFMx+IFfYo8emkY6Pzfk5A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7d61CRA9TVsSAnZWagAASAQQAJdJ4lhyHd+zI7XPAEKK\nrU44DZGXFJPS/wKtLMONwtQBv8H9UcHaDRcCVl3yVYc26KUEVnYLLQf+ZyPD\no+m+pTO0wJ7AQ75+i4kUW8QSwWPvBqLM6MRJFFASN4itI6ntOKMao8MAB7gy\nIllqGjiHqEu0enPFdtomVatl2M56MhBSOMcjPAxCuZg4URYP3ZIkzxv6KOuX\noHIQk51iTNCldUWcIZw2r+BDPp30WUCGxL4vBFj/2TMzwR2HrcFiLo1c9git\n5htfVqx/Xhm1Ci/4l8lMEqO5KHIHAzmgOaH6O3VKDQdFnAs/kgnjfvZPAiLB\nUwvvvMiVdo9JgbJSU+3gbKB8rM8aTduCQT53kpALWuQhcWnG+56iZl/oXOQr\np+M62j5g9/T5Ggx3TICIXUHoMDgxJq6C2ZJYY/P8aaHx/imrJMO4ymavCaPK\nrdZhZH7Pv7ClrdVO0mvGZ1jqIkl2sJdpiIzTJP4/4UIHrhYRtFRl71PZokAw\nECgZkS2pRI3HRrulap4U2Hq4Jn8BcNIFNbWifxO0KycbIfkhMnr1F2oIqwr6\neFC5mItfSBvx4MMvOXHBlNLm7Y4xw3AEA6O++R0jt7sdpm0bwMOUuRDg220V\nTFNJDXPYUnwMP7P3Hpp4X6qH/Up/vD6+0POGTWHq88D/ieijMgAm31zMmpnk\n+Wyp\r\n=VOSg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"037ccc3828bb7b7c6f3375754059c10c231a6b60","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.c73142a1b.0_1626201781004_0.018281730743297198","host":"s3://npm-registry-packages"}},"12.0.0-canary.d923db73a.0":{"name":"@material/animation","version":"12.0.0-canary.d923db73a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.d923db73a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"10d737b149808feaf2b794a1d77f0bebc5419718","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.d923db73a.0.tgz","fileCount":26,"integrity":"sha512-IOpdqB9HE3dOT9/jFUKHUwyBnHbJtGqFHzPg8hoVpV4le39TpBcxdD9m8VMS1+3HVIkU4557ZTSetypfravwKg==","signatures":[{"sig":"MEUCIGyG8sctqSXWF6/1nd1lBB6NuC7VQqVUhQL0Sh8AzBfrAiEAsrLqBNcfyuOoxnWfdzHHcYJgdH3/9oxUVQV4My9+i88=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7f0eCRA9TVsSAnZWagAAYoAP/RNJ0iOLVQWBfGLa2HOJ\nCp5EX2YC+n9BB6KJFLrDntzdwvzxbwnIdK3HzlpEwmwilLXr4NJJwJUHTOvl\n2411oUfjOe3fxsH4rRB82Ro7x3CY73RA2PvI6kL3fxutmxaMfSWiKRtgdh7q\nviIhiOuENXwCWcGPwP+EpeCut64wYfLmjw1AVNVJyJQ80rXWSUcmi44aO7yb\n8jO4hTc2Vv/urZw0Q0YDQbTbKfAPqv7MewiJ4DBhddiNHrRxoENJg+8l2gFI\nAfKIlk63NAnSsWUVPSyIcuoXc40NSyQd13DW+Vy9+OYw0r9eDfyOKB9ERwiT\nC2WbJtZrh5KxXrI49bPiMxoGCjS/fgDMOEryP/UWazkNnt1MozdxCqyaRUeP\nW0t8ZHiTQV8Elx4acBw5aRS3A/bW0ClVIeoX9/iDvbONG6K+vN6Uz/aO64a3\noUBqfV01JgsRruWhq0e4JN02kXJ4vDwrlIkydlOUOm6kUBOGQpGaN4Jt0wtm\nBaT2APk6qyISgLkDoTXYmJPpXWeSPfMlW5Up6C3vb9XRICsfLwnddviCEVm7\nfz91gDeC9FVQM+DmKe0QGuzBrXc/7LbILghz+kKtixAbHeUPqI+JXoczC/wB\neu4aURiQwUmveDR6HogHcjjRoN5PHJRKMXmcQAohzEMe7Vr871kfQtbx/2MK\nvgrV\r\n=1SH0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ae010eec116ad324d7e442d7ffac5c8ddcb9edf6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.d923db73a.0_1626209566006_0.7778686373546799","host":"s3://npm-registry-packages"}},"12.0.0-canary.22d29cbb4.0":{"name":"@material/animation","version":"12.0.0-canary.22d29cbb4.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.22d29cbb4.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"662314409f968aa14156a87284d1f49a098880be","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.22d29cbb4.0.tgz","fileCount":26,"integrity":"sha512-R1QbY4fC6RBOoi4Dq/3yuD5OK0ts02WxGt1JXaddsdnO6szZJcfXm2aiCweU1GUpchoah+YzDBJrsmSoqFCKIg==","signatures":[{"sig":"MEUCIHJvPSf1GNYcGDthjiaGKVBl7lPh1KUdk2Wg3CDlW0v7AiEAtpYfwizh5btm7kA0EjalL11oAE24MqloL8NI8IM8HAw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7hhqCRA9TVsSAnZWagAAS8kQAJ4CFZrZwD9FG2bpPsgD\ntBlVfMeqkrZnqBJk4xB3B0VD85BBb++NBbIlFtyi9s8vRmIfJTYA8nUk1dqS\nD43hFJd9ZhD+Axz2JuVg9ZJR6j6NDVzqgm2soTa5qwChq1DtAAf/AQTwVjTP\nqgUuFL5m3FykYy4S4L9uAJzSmPGzD5hjY5DefbdQSzEHGLs6ZhGh7rYpBymo\nKEZTt0rIRKIDqelvTailQx9a9t7MqEkJ/0pkjpUcdabhb/WJsW8hX99mu+lz\nqXQzj6MeVwT8Y/Drp/0Is+rbnzhar73DMXuikyayLjug7x53EeIG6mmtCRjc\nYzkllG5pTFl3ndMlPNxraKe+60tmoCbmSSXWEWr+1b8KNn8XUyzNMOosAQau\n13Qksu7M+i5TdC/PzI7QK+1kC+HmAFAgZyiwGeqa3JNsSmCPkhP54JbJPpB5\ntWHEy9QjmRGTKoZ2Gph218U6JqCfkM/s2CCzWGOVu3a7D6esUwzPbFHWv0IH\nzDkVy/Ik1ndMs2lupY/HMMmvWP58jkNre4YnmvJCsMYdYZaREZNfQt4hGU9Z\nz6LkooxV3ZJl1pMUZcrKRH2I3WTTjAjpoGRd9YgG8zbiNZKhsm/FqUYXe1Ep\n592ws555JKDglIeOWLp71su9AoTe3yTbK2Ftl17e1pd23fPmGcvbizzpq044\n50qI\r\n=+HHE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b37054450964af349924b81bae43ec6b3beb2808","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.22d29cbb4.0_1626216554137_0.5010811228932344","host":"s3://npm-registry-packages"}},"12.0.0-canary.2749604bc.0":{"name":"@material/animation","version":"12.0.0-canary.2749604bc.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.2749604bc.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"825a71c0517be7c8dfe741ebef6a0ca2171db87e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.2749604bc.0.tgz","fileCount":26,"integrity":"sha512-esKiRWfTtWTMRSz3FlEP8r4u2qBkxIHh4cz8Jf63HMe7vmalgiLS2fNMmJ5BRcEZdt7tQU/6CiE4cUuPPHCMaQ==","signatures":[{"sig":"MEYCIQC+pgdHP4IUSGB9foldiJgkhZTJM6gTTu8McZfUxYactAIhALvImlM19Mwc1rDSAx7ECRqhGz4uQCH2lpkhg3Qvlwyl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7w7pCRA9TVsSAnZWagAAdy0P/2Ucq6lZpN2O2T8WYGPB\ndtgJBXcmg0q97rRJj8h5hF5YDOI444DV7JCYuH96EG8s0sQKA4jMpy8wNSt6\nQvyTVw270GntWFzN7dC/3TWs6A+d/gILIWKz5TrTl1GUcizlG62M21HZqvri\nUfpof5hZOY2OOe2D7D6h+mBRKIt6zYazCmjYcN72lWEwLlTpWF/KWDsIaH6D\nTp0U7UrDU+Jk7ldooXi7tn7pG7Jx42154KGypVZQcKdITQsr6FzaTybMNKT6\nxYpVAEuQqM7UvbBnJdAEyAv/EYXKgfWcdnOkygNsvC9hR2teklN+D+DpDZR7\ngeiKH+cdeRuE4iciOgV1uEA7NFEtN9fRbohyI3OQB1oyTni4Cw6tJtAVsg3J\nyurgG+k8sZbH0XUKTE1r/cNcjoXY9Eug8eZlvmWc4+RInsNlnTQktGAZrj0W\nbdEm0LJiOgkOohULPMo996qw7aapGh0UB6bg2Gxcx8ChMPf5/OEmpUVn3OQC\nBmTYmYefNAvSLoLJ/AjecXD95pnBpNQavo/0Ne1cdfywIWZIBGvR76V4XgSG\nQjsPgEoFVvljJZzyfc1E1m68ML0J+gG5tjevoWlM/UawRbvpbm89JtIJfMZM\nTSbSNVnW24/1tC5v0bBjwjTOlDonUoNULmMy8iVhMxNtmt5g8qpmp6RJ6VpF\nTLpK\r\n=lLKx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"58ae4287239fcccbe4c5dd9259164a0660c76f85","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.2749604bc.0_1626279656708_0.9274119363634423","host":"s3://npm-registry-packages"}},"12.0.0-canary.e1703bed9.0":{"name":"@material/animation","version":"12.0.0-canary.e1703bed9.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.e1703bed9.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d3f758c0ae65223b9459cfc3c35cd1313bb377bc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.e1703bed9.0.tgz","fileCount":26,"integrity":"sha512-D77F+AsoW43pZx24WbDHyNaIgGckerHaWyjhzuIJrQdwl7KgQBpczCYSt2WocVw63Boh4X3Y2Zkd0z1z67MONw==","signatures":[{"sig":"MEYCIQCqKhrwAI9vy3liihxVf1t1gCuIMszrYEZOpwlnzwJVIAIhALuq6G5TYzKRO2oYXoWOqoUfHADVmVUdUbfQ2G4YerTs","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg71tDCRA9TVsSAnZWagAA4q8P/iGfPG0mwDPigwJ35+GJ\ntV4ox4CDEr3ZskANnV4u/2LIl56GJG+tyLamU8tj3MT6i+imMnvM9CkW6d0Y\nLaF4svC+8aAYpJ34U8gZwekxj6VqDuERVgIYljQ6xgtwWEZ/OokEuZSZmSnO\nUcTCsvg4QCxDQxjnRK2224XqW8v4THBDN8Dn8KsFdDLIEfUcPRBl9qCPjeED\n/XkzftZMiTJQxU2Z8UCFgCbpwKPCHJzuabmwkMpniepORWj/NcH2pvJ1RJhP\nydGVOvM3KAzqjGskfft/8hyoFdwwrm85TG8Iz+SKXVnAcsXWTz3fJdRa8T+n\nhxMm/mg9gg1tqgzmSkYKUi0/gXcCXLtskjx/DXmH5ljin5iNYFZCwBiVex8F\n7W+1GUr1O/lR0Y61E9N9uUqFF8BQt30ZZcSxCV/pJAARXcoKJ3GlCYpgQJ8x\nmwqWqB+L2NzNrmTnhAVnOPcyZT+KG85Qj9eNzKBJ4YdDKdZnuF5zGln1nPpy\nEqngoVKAumdU5baE0l4xE1Sz907JWSQ1vjBe8M1y1L+j0arKL6PkX+6lgSBm\nn6q5OT27PzHaYN8Adwd1Tk4ngkdulzvtH3guDPW7UxvxAYLjsJr81rmAq0mv\ntsk0q1Cgfj1bXpgEL4xGqyR/lmKrupjjRKIfQxYNZP1wfCHWH39HtWoBrIAP\nDJ+h\r\n=jXMz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ca9075f939dcacc82290fe2b01214639958bde93","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.e1703bed9.0_1626299202377_0.09023622381350971","host":"s3://npm-registry-packages"}},"12.0.0-canary.de48eff0d.0":{"name":"@material/animation","version":"12.0.0-canary.de48eff0d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.de48eff0d.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8751408117fc14dd4444bca296aa4bed890cd687","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.de48eff0d.0.tgz","fileCount":26,"integrity":"sha512-1UT73ogwn3E3wNHIWGf6s+YodYPxij8k3wSkAQk4jDy0RBSWXjlQ/NafWBOni6NjD2drUVIIjnhdkUa5hiFRWw==","signatures":[{"sig":"MEUCIG1FrDeYA4Myis2tupILHSSr6KPWfA2p3WVA9c5fTpqUAiEAuV5c8ewchurn6FXwKc95uKM2C8WKSJajKWSOBDUHAac=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8GssCRA9TVsSAnZWagAAUJwP/08K45p5TUd4C0i5DHk0\nZ+Mx4Do7ag78cIKtMYGe4JE8/bxlL3QZ0lroKTduViyaPT9biic2/HPqeBBA\n/Uo77dUKmvv1bQ+bZxvKBimRsUVb4Q4tpVa6lOCYz6SXyLkgcOrbLcS1lyQu\nwiD5UOl/UNsie9IykQHGIrQL3HkkychX0VevF6I1FLFDCFGD8hJlVIAMJhFb\nMFPtM6L+YUY8ztkWiOfjO8VSuRAQrE84QsJ+6J+AAAHJJsDwpNXu3xUZgsMo\nk8x283GAJ76cuqZiZfBQVv6ogrwlGbuL7KsNGIl6YEiPuayhMxIFnIPSFMhS\ngZ5W0TYF4voMkwMksuGeCsGCS6cwaYqLfujkkek3DCCEinsvaiB5t9eU1O+u\np82hGnPBM+cwqAWM1LTrWTMj9raY3EnLjzLqwiEyZUejDfqXu3Nv4SM1bk+r\nXwsdyYYYBSH1DOODljtYIVdAS9Q0kL5LwPv14kgpQvIY9La5iQ0nVwZnQnAE\niVD/zTpocUMgM35PUFE7t6OhPVIfMWUu7hJYNGQfNVL2xWx2b7/s+3JBTYTY\nMhOz8dhtgpovzD0992BBK+ow/895uayZqbvwy6YsyBhw5VrLu8CdterMtQOK\ndKWsGJx2abyckgJ9cc2TKD15O+00EdBisKYj1NSQftg42RNVOjl0SeKDDDQh\nX0Fa\r\n=J4s5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"121530dfc073c7b24dc1cb75732a0d4c0e6a3f28","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.de48eff0d.0_1626368812180_0.2526652986050326","host":"s3://npm-registry-packages"}},"12.0.0-canary.4f060adc5.0":{"name":"@material/animation","version":"12.0.0-canary.4f060adc5.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.4f060adc5.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"73888bb0d5f19cf85306ce9ba03d8a20547a5164","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.4f060adc5.0.tgz","fileCount":26,"integrity":"sha512-ldaJNIqKpdN37M5bCrFSIah6nroHXTS7lscqMHhsK+HNRgVOJhE2xRIL7kVlk7MyIJDWBLuw3Zw5LbV33YCjBA==","signatures":[{"sig":"MEUCIQCOvtjPAA03Lydt6wmaxRgxbCgX5IixZJmOi0MJhin08wIgSy1CePrz1njwTJj15rMx56CeHbk2fgrKD8MVBASY5cA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8IqNCRA9TVsSAnZWagAAQIAP/ioIYIDKQQ12zraiaA1R\n6T+z9zZUYNBqo8u61V1+LsICcLmLg7O0Jv0k9SfrIjphciFdYU/u3OrzidDQ\nUcsRCf52gEKXkoaQov5oF+OiySYHz+ffhPfTg0hS556dIwWNBzq7XoeYcDyn\nZ4LjXyLHE2oX3wO9AvjZmWmEkEiXL58uXET0kHL2EIPk7C3fxxzF6e3fA0z7\nkW2nr+t2KHXfJw0VR+lkdUmH1u4T3KH843Mj1Qq1rlQGJsLCuWB4uzDB1J8F\nrXL94b10oHkLTXWy04RgnLxOdlQxpaIZrp5IpC1i3GDJl5TBY4LqpDF/8TfW\nZi29m0+w2Rj7+ItSoLUEBr/6vXcgSWXdB5UabGtVylXguj8znQ0GfRtOPR04\n7hVze02WiBBO1166zhVmHDblYLa6Yds2/f7YtATxIOI8m5aADlK7aoUeVdYi\nK0cC/zupJ8LYVH/cqZOco/M+rQJpIJAbP2P8JF7hk3a4eICz6wMtFgmLUmpO\nDUpPlRO6Axc92HnUS/OhdKll0EGsal0wbnOPZH7UtSpooj0orPH3F3WzTo8d\nzKhtaQ+tHmm1wPdq6cDjzEuzEkCBJM3GAqkupy7H4DG/p7/MSg6z96BlL9BS\n0eLmIQVzJC8XiEANUc6+ZBcgip9YNO016gizO5VyKT4yQJLoOERIGA17FMVU\nZhVi\r\n=7Ooy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2e70b8cd653f195a01f93c3e9928feabf39fa87e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.4f060adc5.0_1626376844956_0.6073611841275799","host":"s3://npm-registry-packages"}},"12.0.0-canary.bd25779b2.0":{"name":"@material/animation","version":"12.0.0-canary.bd25779b2.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.bd25779b2.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"65801b6a58a15d0e67a4b72365ade6fd63fe78a5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.bd25779b2.0.tgz","fileCount":26,"integrity":"sha512-bG1/iNmpchAUP3GgNBUibqn8hubA/Dl5xskgNUs3eL2+ez7RsLH6GCSGo+VbmiqYcygzpxeitGYHco2MJkxtow==","signatures":[{"sig":"MEQCIEcy4EGXm1HGf1TaUWNIhNK9T7XLnQIvpQtIElfBNZBxAiAbJlOpqkrjKQ1kyp7Ihi5Bter5/UI3Vi0Z8wPC9OCbqQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8J1jCRA9TVsSAnZWagAAf0oP/iuQZEZJrmXD091Yyc+i\nku9r+/EuQ4eXGDN+nPsKpBiktguKlbcMopDkcMyE2v4A3x0McxJ8kaw8VfYw\nejlH2864/q4Tn0TwFajCT0LYt5dv8REyeXuWc832wZssmA3SqQvgQkX7oXo2\nGM9DyzvtjyYtYGH5CBzZfOGQChZ/5BE1YVTivwDIqaLXFZ/lv6BVQVOlYbhP\n4JC2Xzq7xiA5eNJpeYYkfJYHpT3W2/T0hfaqguprXopkOODZRdz1Xp1GDQ48\nH7lU+qZx3zWWpGG40DRctny7d6ngBGrzSvPtYSRf1bLy7PW453j3zs4WcEEb\nJYfBdeTEL1Mqne58tdgPAg3mJcweTtH7Hf1qaqt7sLbd2JQjPmW5w/90v5jz\nUYCrz0v1v5ig4xZgIdZAezp1xrL+NlX8tTYAEGaSCXB5RZQXNkvsQZc636Zs\nt0wPeAIs/3T3MKS84ExBtzN+1NisHyPBbtOsjJGnPEBONvKGXM+aaJQPDABe\nS9CI0zGiTdoEu1y9h2IrpwqYUUdSU8ZjI6zFloEtgv7yzdADTmApUq6u4lUK\nRZky6RArSgCLILd5mJgDLOuUhxW8RP8YYP1QBcqw98PICgZfcSkEzR6JYuUj\nlHj5VS/FPY2QP4xO1+gIFH4+WSNRHn9jUgosIB/gL1nW/PD9LrhUTLH16DQb\n7aTP\r\n=aiTS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"3ea8422325f9bc5f9a356842191da47e282aa4dd","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.bd25779b2.0_1626381667689_0.6438786393070177","host":"s3://npm-registry-packages"}},"12.0.0-canary.9f68a932e.0":{"name":"@material/animation","version":"12.0.0-canary.9f68a932e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.9f68a932e.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8deafa2e91db38d4f4ec4303c1eeba8a7e6b1586","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.9f68a932e.0.tgz","fileCount":26,"integrity":"sha512-usrZvoxICkSUk0ddapHV3m4GWS+SE868NgZ5NtlrlaLtqXPJ3zyP8/T1UKW54A5qUJOuiUXOCoWRRkkJyyXFcw==","signatures":[{"sig":"MEUCICRdWvjVIzDsHZSaElf+QqNXTFkH0yWNKgNGf0DE2keOAiEA1GNz2+KwpHn2MrL942x3ROgMef6o4nSFd4mhXjGsflc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8LE+CRA9TVsSAnZWagAAd1kQAIxKJBYCLzLvsE4S0dik\ne6iXL8SdEsOSUonmFpfySlU/ga06p6Q+i9HEy1+BdyelQgE+hkCYEWSJc4MD\ne/cwVJc3q9bXVjsqbGuhGILyE0OdXj5DzJ1jflHEv7VJESpz4t4H4EWCHB+t\nWN6xy1HvQhRnQtJuiN5X75S3j+S9qbKK9ouCfPnj3Tlc+/XIJRFn2gL4AT2u\na8UySDaze3q/naBXNaRwWEvjm3tlH4n+J7uPfi1dzvK7BIOu6Q/vFdjXmTh1\npn9aJcK4i2tb1GCkePFOGWeFkChYs+Ymi/9utb4nz/902nPSSoyyBecQka2n\nrBfN4yP01T6/4n547OG9XJ+cYjgvdF14O+Pf7kYkAPKYMlHFhmLJtR0rF0ny\nfFWbRBmYEH7Dusptsp/Cv4H2imx4zlP4VYe+GJ07Q0+a7wJE2MB4BVHAm06z\nX3WXWr3c1/s8JckkJ4mss+R7Amr4ynvEvzCxK2wjf8NHK5DXb+EI1IXOKXU7\nvQm+NDtqSmLVIIKI9SeSKsy0oy5locTA6w5hkFnVCUz7vCq/5RB838dwAwo1\ndnA4hZJBAwwniHgJ5JSLNOP4EBmAktRttMxRvDerEmWZsIqjMqy15HwF+YEo\nsIR1TEsD0hWu+A7ks/8aDHjvmDhufGjC5+uOR4w70Nz7nBRrk6W7caSMA7Oz\n6ZXZ\r\n=sEqh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"34b4e5801eaff79707e9f2c769df2c1a34bbdb11","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.9f68a932e.0_1626386750671_0.8698044916685033","host":"s3://npm-registry-packages"}},"12.0.0-canary.4eecdeaf0.0":{"name":"@material/animation","version":"12.0.0-canary.4eecdeaf0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.4eecdeaf0.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5956e2b2289955ab992818c0bc89a946e6189bd2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.4eecdeaf0.0.tgz","fileCount":26,"integrity":"sha512-PhjkH1VCXHquMS1lKgo4ao5fbH9nfpbVzIFSnPhSQNcJyp/7fv+15QAL+ZYwylv0AZ5oomc/ahDwm3aMJynJ9w==","signatures":[{"sig":"MEUCIQDp167CAcM25nsHnWlf/qIG6s8suRrBQmmIXlq1NOzWIQIgWeOIgq52a7LtHpIOGKP1UPVHpjeDHiO+1OFrSqds6G8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8Z4oCRA9TVsSAnZWagAARZEP/A+vlAqqLvMcOrFDuk7U\nrx5oYIlzjw1DRaTeZ88lweA9DjQ+crUBFpq2sOW9R6F0aWjXEwKrBdiV104K\n0jcrMIW73VwY9loQujtcUMwQYut5qLSN9PrkiprHP75KidfiSDAqjcG17J8+\nh7Y369fRb0UOe0Y50q8/0LWvsvc/zl/9SECtY550ZoPxP1hBM5/gEgoSzF/v\na1281cbZnVUCC2EqIkheXLy1/asioNemk6tokZL0njhnmH2Mdv/4Ouok3kjq\n4uc0DJBWNlJ53hzlLbU4mzLO/Ie16HHEEZ//HUunZR1ur73wYDKN5essYb0q\n+Zx7KPbrQ9Kabqe2WwKkNVCvnMgzob6qe3kQq9suARI9T80ZQy8eg/YvLHsj\nPKDERrjrHqHtsARwtEQwLQbjGeBHQQgdGY1LRFbApuZPcvO1mIL/ZMkvC8m6\nekG2y0L9zUjIS2kENAgH6bEbEj7XEiTsJAbVv7Fs5iSqKzc8jq0btZ1Cn0xn\n2dX4iGxkygrxz+OvFHIaqcgLlVnvpga4OGTqtZRHKQg+qFOJqf31gm5zFHTQ\nwngbdxtLEGaTozNahC7ejBfRrSWk6y1PYLjAA1VS0BrUn99DAdqG1Q9XZlZd\ntEHXWLwep5mA2DFHU8opkOrqSDe/C2hdFQ1HWpR4KayiEzf63jaoUOJ5fE3K\nr1hR\r\n=IWd1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"89a3faf78d32cadbed38135c9ae10ab1f3c8e9a6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.4eecdeaf0.0_1626447400546_0.5099510249735182","host":"s3://npm-registry-packages"}},"12.0.0-canary.7239684d4.0":{"name":"@material/animation","version":"12.0.0-canary.7239684d4.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.7239684d4.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"77ca6fe6eafb20547e453bd24912d8e78a354e78","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.7239684d4.0.tgz","fileCount":26,"integrity":"sha512-U86sPosE92xIEFST3ef8wYo73IhDT4fXTxjllfQT3T8UPTjXgwnVRce/PqIzffCWABFH7wGP5x3Nkg9RaPVPmA==","signatures":[{"sig":"MEQCIH5ZAtodPP/GpYZjDWXyAdavnpl/GBv3iG3xBIJNx8clAiBXcYL6T0N9kdDFK/B7r31Boe1cXpXI0Ow0Qd9Mhj28QQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8ayACRA9TVsSAnZWagAAbHAP/1GRXlex+hLWqBWyZkdY\nl8EHdWCZJ7hQbxsSc6gwStiSb7AEDKygQ2GGQ9+iOfvQ1HOcRXPLKgBs79ET\njmDmEnKi+8JM+mIdmS5n9i9za8ztfYkwZokyHAaGCVgf3I0HoQFjtnVLOpv2\nhp+kaBwLgQvO++y+1t1AukFwZXX+05AIldSVSBXJmwSBJg4ulXib0xFWs5xt\nwpFjpX68KWQmzKacweH8mCiUGqbltwfVDYWzK+/hB553QEfhuJakW2J+ilV6\nd9IcAIuFXn4FP6aC6dSUZRllJ0fGF7AgVIdPGt6ruVT8++2U7eoxm7kpJU/x\nBrERASotpF9hTuCho+1wa6Zw3Uw627tYhT+wt374tZb1Ty77+4gHsCGlP/th\n1uw5QPRF/PhXuRP14msu0TC+ADX6fOub7hqyrSAqwd4m1S7W5ZWDLbX37dgx\n0Zmm/weWNKFSg5ugTh0hcslUUFrFsH3cNrgzgeyKlM1kcPnNLtroDXslQ+e9\nEuNtw2PlIbRWoOneAjHgHf2X2guV91ss+3Xjw++Se5Q9qGspbiJiCRrp7qmW\nbcyZsRojaAOfmX8wZpJbcYnI9XfhHrPbs8Ypzb/H/b394lyGxMZdn+YRDrXh\nkbefor5dvy0L184xqWDEhLFah5lXN2juzS4jbOkMbZNv9VGPwDBcZXjrZIBi\npn+8\r\n=bRHZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"4b35543a488bb22a0855f6f0d00b047fa76bd623","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.7239684d4.0_1626451072656_0.6484426020342078","host":"s3://npm-registry-packages"}},"12.0.0-canary.d5f1f7c72.0":{"name":"@material/animation","version":"12.0.0-canary.d5f1f7c72.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.d5f1f7c72.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3742b0b2c87857c9882d357abe97c6ace6d12fd9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.d5f1f7c72.0.tgz","fileCount":26,"integrity":"sha512-00HIXIpbSuxL93ISMTjIjABRIM9SpkK+hSReswVslrs8civQ3rTtsdYpZCkdzjLfXyBRL0J8Q2J8rIgiQmZKqw==","signatures":[{"sig":"MEQCIFtJ9dZcrKmKrofKvL+JVMpXQxQVlpnJLkC7Xm/Hfxs/AiAZoUBSuPmItFL2Sr4bXbFCL7nDakYJW4LC0Pv3fuhA8Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8bAACRA9TVsSAnZWagAArecP/Reg2GMB8UrifY447QRH\naj3GmlY8wwuntp3QAjLPp0BLcX1jyzPw2p3Dff8A6vQ00hVIdRPJpdyI8M73\niKIFyklpZoYmOnF7RrjXe7Akna+5YXrqxvouLJuE8mKkdu8nyjcbM1OA8LtY\nBJhv7uD+ivepgRcxlga5Rp8roSlnxEsj/hFC6xX+Pj8+j/cHcxLWG2QL8b0F\nouMXWpglsXoGghYKnpG3ggFIubYLHCzOWciiTdhZL9fR3FTHb4Sq/652doBL\n4g8PQG49RJmhjloLgIFHLZHcK1E3l2SbCmifFxuHihMUNPvtC2CncrJ/zhhX\nv6ndejIQ3M6qM0Y20/88JGa12RCxXVXRb6OG7N3k15FoGzlLNr8ts3mlh1z1\nuyFawxkY2juwXq5EKFWJL2fhM9eFfQ2f/dRzL0f/l+J/3Vduikr5MmkkCV93\nDshejth/N/T+9yfebRqqgmSnUCv++paX0p4UOALpEhu1OZy0lI9ctE5+y6+3\nlXPsGUPNQxIOUsMjsqZ2eFMybcuN/McJ5OVLf6yTuyOIVyOm4ct/dhxF2/oi\niBrN12yJyR/aEqNgpB5zxqYlI9v/p6r9MEMCuiKNPV3bV/cu7byUMA+PJ3Op\nvuITCcSTrx+zW3C+okGx5voXwTkQs2IxWeG+6xNjcrdko+TXQq06GjAopVm/\nVLEp\r\n=ZjBL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ef327d93f5a591e88ce5af94a2bb181d97b58472","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.d5f1f7c72.0_1626451968108_0.9797884005436035","host":"s3://npm-registry-packages"}},"12.0.0-canary.4d95812f9.0":{"name":"@material/animation","version":"12.0.0-canary.4d95812f9.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.4d95812f9.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2fc1e0a5d0f1519220a9b53d657c6ce804f4c3a9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.4d95812f9.0.tgz","fileCount":26,"integrity":"sha512-LFB+sUVRqi9qIKz7xH/Fb+/O+EbjKhK1YOtihiUbpNYct6TGdzntyKnwT7N71hRlHSeoOEarRCZuFuzDX6lFxw==","signatures":[{"sig":"MEQCIHkHYl+qUq3uIyUe7i4UiuG7IiKF4kYlomb7fO4Cl2TVAiAvOYrMGOhfQuKGZ1Q67Jg4CjsWZhBchwcx2bioFs444g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8eEHCRA9TVsSAnZWagAAlrIP/2/DyjLlTiOLNZfapW+z\nZJQKJBEk0DK979trHVX55kiT/WzJSWdL2jQF96mNpLptXaRQGFj7qnCEd8oh\nVukrbYzNCF7rvIw3+n0xt6sol0+D0vjf3GM9MzbuBBr17pdCQ/7dTF/wzEyA\nOBgK6VNpmi6ZVAOhMOGbSzK1U/aNXE6XM+sKXVUaVx55qWPPJsnGITime7Kk\nvjwzvGC6mLpe560K1mPcUmCu1vUdLeHd4rOOjzpJxwgFVQoZyypbRttOiXtZ\nWZjmlSMsj+8cyGKWBODWlYKhB+UFEqp5SLI84ZcQxMAvxWQR8i04qo6hbFkU\nSNE9qosa+Uh07lcGwWUY9G0zdqmdpSDy+QLckQNSpoDJyZUcT/7SprR8Ep1F\n3GuRNaKQ+ak9JqkNnyFv5Y08kEZVprnjyy9F1qyJph1vHv8kCznA3xvgZccy\niUXPmH11IPUQX+8K3uDQ70lBruXq7sLZfZ84v7ASRwnlkKhAH0OGSz8klUA5\n/6IanXJwUey180jOt7QYBbXkqhZIzgzT96MyeBFx+HCHurkent2LqDyXo0FP\nbGcycE6cEhn2KDxs/jevfVwkTzUf994sNnZ8rPRrKML7MPaSF+ZNUT36eqwH\nJPMfcMDR2CCit/mVmVri5+0xGCTtPk9wbDTxm5On6FjpgbWvOkw8m0PvScXM\nsHJN\r\n=AwB0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"34bd44726ccda77331fa29afdc1d5ab7ff0879af","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.4d95812f9.0_1626464519086_0.11227628751694008","host":"s3://npm-registry-packages"}},"12.0.0-canary.38d1846cc.0":{"name":"@material/animation","version":"12.0.0-canary.38d1846cc.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.38d1846cc.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b529b748a0282e5da779fc22e7eba4c82c71f01e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.38d1846cc.0.tgz","fileCount":26,"integrity":"sha512-/Y1z4dB9OpzXMbZOQV6iXh21RHTq3pgIZfg/l7jgaB1b4IQkE7HS5rhKVDlAAA+GJwrUZ7BHj6fWlLPXT4o/zw==","signatures":[{"sig":"MEUCIBJ3NSRcH0X4/yBxo+FwfcNqbYZeRGvc5E4X2TD7IRcWAiEAlJciBAzYSitXEqx762pXWe7ndcbywzeTylmJW/YtsiU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg9cckCRA9TVsSAnZWagAA4L0P+QEl09aVZ1VFhs3Kn2FE\n8v2TrLq5b847xco0QDwkaI6ZHAoSQ7VPoFDwIcMK+YQBZgJURPhumfB54XM6\n7r9p5/SNm5OBH6Ixr7lue7PnKwpyPavjOnLU5ZJES5hwNFxp8wTKhLxWh0IF\nbn26UfqBo/hKId04M0q5cqRQD2zb69TT+USRqoPWhikXPi2JqCFgY6chswuc\nqvhIICNDQQcTsBJiImIYjMlwTnu1wA46csozMD521x6UfwwjCrGPh49/87iV\ndV4xB1BsCY7qbl0nKHVTG76BtB+oIjZtegEwbEiJhY0ga1bp7gwyzrlDws6h\na88An3Aph8ciorcYyCUaJU1tg9YnXJd+efkE4VULDTkpmZNYKnLo8umPd8Wa\nmFLs3DaUtceoUXxAAzb9YeXIJuq4g/Anv2lIQr0p3M56Fm2t4kVKSPhZX6iS\nQHKBWtHXJ0CGh+QYNN50OnddBSKEbc8Z6tXYLakllhlUJLJuRINlfv+ncuyl\nDKTFINarrLWjAcNKYSVrQdDTSIu2DpXbo/NOooHj69OHuNk1Dq4xNEQRXx6p\nrqJ+z9nqSmxa3sOHd/XdXUCzfGEhWUbOioydrOvffWXmdI2Ll+eUP9vZ6QG7\npOb+rxKEoZxmpYaKfLm7/9kfEm5+8vJsO7jXxdejNyBmqy12i+WIq7shbIXF\nnNsJ\r\n=aCop\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"77a8b2af56ebd184dae02df9198e75b16f4db385","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.38d1846cc.0_1626720036003_0.035058184003262216","host":"s3://npm-registry-packages"}},"12.0.0-canary.3f691eccf.0":{"name":"@material/animation","version":"12.0.0-canary.3f691eccf.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.3f691eccf.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d600129cd20d7f11fbdab111bc9ef04cc87d924d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.3f691eccf.0.tgz","fileCount":26,"integrity":"sha512-limUq+vMWpoALxil6DAESutxbgkc3LIYV7w1k8tT66oxZ6LkbUD9bUMD3RwnGNanJnd5DLy25rJbYlNrllpJ4w==","signatures":[{"sig":"MEUCIHdCdLWFdrK+F5tAjhhVTOzWMggfE2eMiY3OhIkGKV0uAiEAoGmZYOCvulZ0BubtDbnq6ZH6fBkNtKtCWbhofdm+3bw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg9vTECRA9TVsSAnZWagAAT7IP/jeBCbl1J9y60EdTA1HD\nSiIHW8Tm0s/qIEhy8jQA6lUTU465CvmBAj7zvf3KCWxaYyxXR1M6wsGWxfNx\nrv0uhu9YD/wdG4LMuWd/NP3X0EGrBOF30FzWwCV/5yIzPTh79C2zmldY4tt8\nvTGzoIC8/6+VTPyjrfh2BjqJJ+nkPN5MuAAMKA123d9GjDmCtuL4SbhCvFdk\ng3DZy8IDh8Yy2FY+OW+304KV5/Cb3LixyXWpSufdQ8Kv7MpEXec7krS1TRG6\nAHngPk5olf4Gx3CyvdRz8aaG8V9q5CfEf9bGGW5LA52R9iz9ULFOyxf8P6tU\nYfFnBj7BGCjGCUKpGm0eyOwub53WyWWF6zVCODvtAsBdE+/CsescCEEaRDG0\nIzT3r5kRc9u8YWz7RRCbbeh2otPvcQTeohzgFLAq2+h0tffKc5JrsTfG9S8Y\n5Kxa19JSnbMMMlCjJel4y6vwRBdEIAD0DXMUaXyhEDgTJsvp7Kh2KpTpQAMU\ndQYSo6EuvoTAtct+/BfVWwYWqJ8Ptkvgv6U4uuZFtkxKseBY9bnpnxE1+imW\nMpirzdUIt5Aj9ntBVqksCRxs4DbwyBmItCgKwBPJkOqUYLiG9AzlQ6TJt+tY\npN4smgdYLmqj+d62+0hdWXMDH4GcC3UeA4lX0BXLeplIM7sASyahLoOLZEs1\n2FZr\r\n=L8tH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"58271219b83ef8db16c68153037e69345831b4cf","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.3f691eccf.0_1626797252736_0.8227477760177828","host":"s3://npm-registry-packages"}},"12.0.0-canary.ebb5c73bb.0":{"name":"@material/animation","version":"12.0.0-canary.ebb5c73bb.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.ebb5c73bb.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5e4c08e748c73fa835d3f3a067c89d5391ae7e87","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.ebb5c73bb.0.tgz","fileCount":26,"integrity":"sha512-y0BFPizzBkc+udtLsx5slfX1vqpsTZngtShKxhuSFz0wQCshKqTGK0ciB5ggFQMrXQzzue0q8nat66yq3ZQFmQ==","signatures":[{"sig":"MEUCIBeIQarQEA53ry0kjZcgz02hgQ8frG0cO21m2bwCYe2XAiEAxkio4avBoQxXAUvFMAhqi++HV9bVJncZAuzwJEgyePU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg9wAMCRA9TVsSAnZWagAAFQwP/3IX1Woa1uPjSkGLJdu9\nzwhePRP7eJEVu4KbHpuVwvLTkqQZA5PzXMu1/G/zmcp0NgC4UvGlz9zHIgHA\nhxk6i7fgZwthi2V6XrUjrOTTXAnZHFKn/e4QPxuuzitJsiBTi8nYL4hSDnrx\nvu4/38taSa3QmlUQVwxmkoLK8+p/b+qPr/Wq9PEBUbgHs01Fmh+NmROGd+wS\nAK/S/P5U40zXLIuyOntlhGXN5kC3doEF0b0YZ/gs/DEPKyMkrNJKDRhV0fov\n9bO7xpRo0c3uXbE0l7oRXf47iCGcUgIpU7e5R1oADHyaIqvP4lWVDBzGS5/i\neeyEdp8XRjTmLcwk0E73ItPEyUdUF1w2pK/xpBOTVXSab5BK6C9NmkqZbxn3\nRlkuQNj7EXZ1E4918Kkm+k2ysiQyMsi/QPSNg3scWCCqPoMvmV1cZ+d7avWZ\nZEia/00betGPIUNRMu3oWcM/GN/D6+xAehP0Rumrp5G7eqm6B6NrhEVfW9hL\nzmHeFyWryUb43VpQ21/aBVl6R3sx9S6s2TDFq3WhqdO3+JawFDIFXTbAVNI/\nnbDqPzxgv9vwgCeqQl5m6dFamb934ZXO6ysDMghmXliq8XCVM7nMGMx3/i7h\n8WhfCkncC3S8Ys8ML20Q+kIOtOHltXMPPT4CiKvDjjOIRaQ42/XPHggVQhiT\nG1N/\r\n=1zE4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b37a38f7ce62c0d87ebbb4bafa0f1fb02aedb050","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.ebb5c73bb.0_1626800139892_0.6740347457602791","host":"s3://npm-registry-packages"}},"12.0.0-nightly.778a0e8a.0":{"name":"@material/animation","version":"12.0.0-nightly.778a0e8a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-nightly.778a0e8a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"08432f55f363396424ab3c5044a6b0a3f771ceca","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-nightly.778a0e8a.0.tgz","fileCount":26,"integrity":"sha512-4iN2JNqr96VTcTKtdnf7KSN1h7x0gMkqNVju36U192HkHPugLJhf2SFEtGqEggnjKz6tIQa3jN0UT7RLIAxbbw==","signatures":[{"sig":"MEUCIQDvuzG6U1A2BJ7xu2VoH0Mu8sS9t+b1vG31WGdb0YaVfgIgbuuGLJlUln6dhOdiJCBqBrUMU3BaocKwKa7R745Rj8Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71448,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg9zpWCRA9TVsSAnZWagAAfPUP/RzizRfdVaSyGgWr6X9j\nF2mJ0X3arv7j7wVc2OWtjTK+rLwKlvobsn2D0Alcwf467FzVxQ6OtNEKgAxS\nd0a9fO30R+ABkh9jxqD0HM9uc8oy9wdBNH3Phi3hFsBLixXu390h0PZBHMDI\nl/LyIAO+h0YGAtdaEgo1FT8ECOMBCZv+I2FgFLduZ1qg5vhaxfl6S9FGduzS\nZa+ch5gC+53JFhZV+WZYZUEpGLX16y0tOcJgkB27Y+zwJpo9PhFo7IWv2b2h\nlKLO6JQ5tI/l2hQDrizluBlxerlYkD91Pl6iW3lwcFTUDcEOs1HVhzfKlm5e\n9ijcYfNAlrgb9YozwNhUXWFeUaBl8Kn8qDLmkFd0lulE4KW66bbzaabCVhBY\nZlo8wvSU5NvGfSVIQ2DJSQdKM/NFWUK8BBu9QfEEfdm0Jj5bjLVJIODv0Vpo\nga9GnCVYacT0jFBqnOghm1l4Ce9Psl4B3UiU4o5EwTlhWtXG6nCO/1gOdxeE\n1/9YkIau/2OfSyt6D0+nPfgZn/TEqVGbkeeP2yZuqCLWEnR11ynpkr9B4AFq\nbwt63BdhkQ/FWyKVVMp6I+qkihFf/Ch2+Tt3WKSP8C7UJpQouxoz3p9i0sBx\navDmIsVfX4EDy9eJ6lkCRwcW5bnBUHIKnV1MFXFHj04dMmbgyuus9qU8RYw5\nCRVg\r\n=D68L\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d86234d661f09ad766ffa2f82c69582e585a8fdd","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-nightly.778a0e8a.0_1626815061996_0.21455502155682815","host":"s3://npm-registry-packages"}},"12.0.0-canary.791311bba.0":{"name":"@material/animation","version":"12.0.0-canary.791311bba.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.791311bba.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bb35cc0ab27844cbb924028716d4525ffd95258b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.791311bba.0.tgz","fileCount":26,"integrity":"sha512-+hlfFYObpnTHpZo8HvFTfx+5GWiuYE2cBDo9GdMQv1wOUX98pZfoMlJIVfheuqY9h9XqnvwYusAL0WtIyqJk1A==","signatures":[{"sig":"MEQCICeFq64ZUcAlONe23YDAdmYGj8KplTzfCKzBPurT4itxAiBuoFZ3LUUnGZhUFYnu9F/lIHyzF4w0rF6cQXbNPxaGoQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg90jeCRA9TVsSAnZWagAA9s8P/iHOwagXp0vTGVmf+CfT\na4TokEQODLF09TxiutjX037Z9zUDzPOoBf5SQ2lz6+w5NYYFt7DcWtQUGq3f\nhWebmXqstHIqMELZBr5gLmPxf9BfrmhCq3RPehnyCI8hZLr7OVReATR97KTo\n4v8hMUw6J3CbkOkcfZCmJ/gTSKcoLcjew/iisZc1G7ZVAwM3iW57pythVOWy\n10Vp09wnAtGd+zsdk5k+Mbw9Dv1+Xu9kM2LC7lZiFUYnCOR0JO/pebGbp6TN\n/3QN6cz7hOuoJMNvTwniT1blqbwQX4KjY3fKbkMy7YO+x5uRTMf2g6TyqqA2\nADk0YbVKaPna+g/cAxxp0u4ti8que/bkTI5okVr3kkaF+Rn6dT3uaCQB8sYs\nAUpxKuFDw1nYLVCuyOKPpAd+pwrHhM01erV3baZRJDnYbGOl+b2m/62PTqhO\njhPN3UPdWp4664Zf6H174mjp2mLqccmtAecEOSItiMb9nQPsZQslSuXvUmXX\nVel6y32WrvAwjWe8qBopQmdvW4awFEoeGjJghKZGoPFlbHbhOeg7eKfNch0x\nIyEgPNrNbqPu6jspWThqncH1vhRA6grmiF+pacJAwYcCEkKLZbWeql9C3iQg\n6Wa7pcg4r2AQXeqs+lGSs1UAmc+BmhUyk8KsjGfXgSplAWKqzzvZUgxcvR+7\nf/Dm\r\n=3RyE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b915b82632a30b60ae4dca5d12fc23d5a5df4d4a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.791311bba.0_1626818782308_0.7579854021869434","host":"s3://npm-registry-packages"}},"12.0.0-canary.85e9a6ac3.0":{"name":"@material/animation","version":"12.0.0-canary.85e9a6ac3.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.85e9a6ac3.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c0e294a988cf7d24c065ff6cd18f7feb2ae3bcf3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.85e9a6ac3.0.tgz","fileCount":26,"integrity":"sha512-w6jXycX0S1V73WPC5fMX6OCYk42won/cP7kB6I6kHFd5KTovFbd2Q0G4s1TH4XhS33tKHFQSNDvVtjcH3sW63w==","signatures":[{"sig":"MEUCIDLQsvfUS9RB5ieRg9sn7ZwrhiEfIGw8HzDl4RItYU+YAiEAoPal7cZRoNjrSh010Pq5ZstovSmvUNeAOIFr1186gRw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg+D6YCRA9TVsSAnZWagAAN6oP/3FXzR3mHmLxOTVT2IPz\nXZALw1CxQ5PYZUVZWeIuE7e0puixYWhLhnSdowJO8NjzpmampEDc9se1u6MG\ng4tlmBsTaEQHoIidJaRT0DXVlz5Y079Hm4vpBdaSLdSWG2+gea4TGpmmVY5P\nQV//8I4VimCet8Axgt9TedMAu3qRwDVH3SBvLKP4QM6z3Eao1ZgBZ/L6cp5f\nmxdPfiHP4pEPfTLlSExyZDLjLmliSNCkOEDlKHvCdEHh3zbZ+L3h2rcTu+8G\nM8PK+rND8I0HMW3AHnqwKhDI7fGOs2AShuTFNQcLt8rRJ6jNYX/4wdmPgV6q\naUmlyASQuu6n47Iv0GzJex8aRHAb7wNXFHd3FziSdN9bhTcve0TUbJAibw4S\na6iiDy744HAnsS8JuMPfMZUnUpslxgOgdFwqfbR2ow8CD+XBrdphN7OVdf4+\nsm4ueO7oy6NLUjgdiy5bU7ls01FMDrzsMcyRXsj/xq6AB+GkyqpPgmnavu6t\nxMSh/eOrNkLdvo2a9PEmedReQkx0pIWQGeH9ipWy+Ohp0Pf6ODP/b2Xwnbvj\n8MaErH1nw+qPuDvqsc4c8E5OW6lEhLrGEsRAiJ9IdxPPUnFLLWVVBAEGQJo7\npHJMR0fR7s2C0LiDnFzQl4KWKmQeNuPmf+mvU24vEO0nw5BCqjdeH0d9ctQH\nSkdk\r\n=+nnD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"651354325ad21ac082f791ec2abb0aa32b3ba936","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.85e9a6ac3.0_1626881688255_0.09145978880059968","host":"s3://npm-registry-packages"}},"12.0.0-canary.6b0442278.0":{"name":"@material/animation","version":"12.0.0-canary.6b0442278.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.6b0442278.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6aa63a4f7099757fe13150871adfb8eb9de8c831","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.6b0442278.0.tgz","fileCount":26,"integrity":"sha512-naovuA7+qL7hI8noH7lyQX8DqXWp4ew02IcwF4iAneWnzoiazDZxx/WLqktdZfO3fpe7UJMjGgC6SbGlehWDEg==","signatures":[{"sig":"MEUCIQCuwJYjsq4WQpvNevI7QnJGgMwNodn4VOpUkzxN8Bv2jwIgS2ZSumm3jLvP71mEPhS41bFRPWVqWwGw5M9oWmxMqYw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg+GwKCRA9TVsSAnZWagAA5QQP/jsoyN5LlHTo6dnO+iab\nNMAv/8pCibHj9Hfj2o+wlOuNcM/lkA6fFyxJPqJ2y94hmW7Wcc9ZA1rBc8J5\nEgrz99GF1ml3HDxYOd/LKT7l33Buyf4XXHrJp801y3hKaU9BDB0bkLBcAahJ\nUL1mQ9tptKHWcJRnfp0NFlksgOuflLCdJ27/qb8T3ADscT0OjQOdIe9pOnxb\n7QrTZN/ar9lSbX1IsGReM2nYe+gxB5ucsD+c28cdiTlJ6QsbdHud6lSbfSi6\nedfAVSn2WDky7CZkMcP44HlqeU4q3havgI7lVDEqJlf7DvpbC5TcNcEX46j4\nGXtAJEQoE++xEaos8X5yz7weGWqagViPS4qdZyAOK1a/MJMqqwrFwBjU7w39\nQUcNbA9OsHA/9vQtkjnuGJ7bKjSlKr+kCCK26ajV12zOP/kFr2qRX8gB3Vpv\n/T9dpj0Cl1XvDdG//r377iQ05YkzYkDA68r1hZKUex8V3gSzzVEnVgMX8//1\nlTP8xmgmGtFBnSnG8hQ73oN3j2YCmytGqSrFrVsVpvyCEelVV0AlmobMPNxu\nFUHC4JtM9LtAPL9BGEv2Ds1aS09L29YAl14Ia+q1KaR6CdinMvM7Ahw4fcHe\neQQCYfPsY+PCH5lYsFUsuQmvdUvPa6zyNsAR1qjCBc4ZSTjnQG1lnqb3pmto\npmqq\r\n=PDfW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"fefa69e22f9083ed30aa4ea05114191682b45a14","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.6b0442278.0_1626893322727_0.5248474189076413","host":"s3://npm-registry-packages"}},"12.0.0-canary.5f00e454a.0":{"name":"@material/animation","version":"12.0.0-canary.5f00e454a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.5f00e454a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"56e89b6b3b93ed006a0db17f65f72f8b696582b0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.5f00e454a.0.tgz","fileCount":26,"integrity":"sha512-J2KA9f3dqWMK/0dmnFSEt4ebQu4M7dfnjmL3Xz/CXogAdNegBZkC+7O3t/RsFk9w7e0exCM2/+f+3A6YHq8Oew==","signatures":[{"sig":"MEUCIA7GvUuZHzYO91ePKpBfGba+klAsa8oNBNYWJjFC/OPOAiEA8i+yeSn4eNP06NGVBRKLSQbBhBTfU126mTtKv98BBS8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71629,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg+aUwCRA9TVsSAnZWagAA7RoP+wYbg08Kw/8gmYFdi4Us\nCarkfYUzQi2QqjSr7pMLOaO4rfW6F29dgIZkUlD4bT4om9P3EsUpiTchlsCB\n+RVkLCiQ6tPzO84Wl1ITeWTsacRtCylH6s6lq6Ceqs8/ODDnmE8fk3448BIr\nb7L7ca3jnMNbwzUO889OLx1vRhlMmXxSfA2aNwzot2Sw/ml9ILcrv+/F3TBk\ntIncLNu3/+ACFwpeWrOtcNrh6F5oCrRfKlK+c8m/6JoSlZIlVrI0uh7wxhDY\n+Ztxkvt4wCj36DgIjzY+c2R2K6R0YXGgAO3HivQwKcI9Fjgj0TKZ/R/UL+DL\ndjUXgoJv+DJLSrA6jbpA7DGdXHPLWOKE8n1sZV3YY7iW1YOGgjYh4FhU+AKi\nPQSJ6nBSJYLu7jh/V/a31g6gCBAW74N30Gpf13vT9+VVfSpjfV01F8z1ZOSw\nD1s/1c2ZEXxpAiPjkZv2D5X3+TmzG/DQ6j/W/+SpU7qErUx1RgqhlqLO8oKe\ni3zj6u15EUaCgMVApXTSd4baQJ/kd+6tARtQD8QZCTGVqdNGTaNnloSKkJkS\nXlK07hFy20NY8VAC6T9ESgfHqsgb4jMnhFvG41vUKUYWPbMhGbI2dAte9rdW\nNge4BzsSvsfeoLI95/zGQAClViGL8vwstv0izuCWFAWAJH6+VvtZ3rslKPXP\nESSe\r\n=JL2s\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b9c8a5899d6bb5475fc5fb2c76a300d4a28f0ffe","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.5f00e454a.0_1626973488658_0.41689791583922986","host":"s3://npm-registry-packages"}},"12.0.0-canary.90e08fc6b.0":{"name":"@material/animation","version":"12.0.0-canary.90e08fc6b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.90e08fc6b.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e86e75bd956bed54b04f39a0969aa11e9a088e84","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.90e08fc6b.0.tgz","fileCount":26,"integrity":"sha512-/Wudn5hG8vCcR/w08CiHCDSMLwYCeAaQd+OFCf2P2EHwtbe7Qlt3vyqDKBZzKgVqB9M8jDgIMwqhU5zkbD4ksA==","signatures":[{"sig":"MEUCIBvm0haNmc85/tnf8Ad3X3YM9MkjLpzOinEwHvXYAxC3AiEA+69geNqHEZJqnqQtzGIm1PXKNSgfm6q7g9LB6ATAj7I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71629,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg+gEpCRA9TVsSAnZWagAArhYQAIYb6KYJ1q6uVZc7IXUs\n6nLGJeVgBJ7ddkRNHlMdReuSDFNeLphJMfj+sh58gNDXRM14Sznv4tZ82lvy\n7aYRoI8ufNiBWNFsuttNlisrcCIuo3BKahvDcPfIsa6Vfl5oCTsGOeEPlcHd\nec3NqjAdRU5QXzM5ZGEO99lg6SqDyj0pjGkEXD2zrHjnsLHmMl/tpkXq6vY3\ntOesGjV2J+CDA+t1HVI2Ae758wvW2s4c4AB3opl+yf6TsS33YOMhBw+K1S2t\nlB4cBRlOp/CiRXuu+qcqA6aYms4fhP/OuVf/Bo+WnCsahF9VeGkolHSUeth3\n1Dld5DEvrfnY3HWXT9BtblFYtuQRcuTfUwfn6KF0M2RgzmHJNz9uATjyUo1r\nNpGpATbGJKzf6EoSoB85dr7xUfXmXSxRgj+HLqF7ZU6suh3gWQDIecQHRl8X\n/Y20v2DV0A6mb63/q5xukEK+3ZwzNHX22P4zH1gMekq5Z9VDYqDluhwuWvnm\ncuBORRdmXmTec9BF9p8C0LhIYLUL6MfTG/W8zwaPYAp22G/Roa7t9XDnn33P\nrF6DatK7L2JOE/PxzrtLNA319xqOj/OK70PJwI+hyzv8cZ4gfhU3M8milgGM\nhRCEcUmXtB26ghKrzhvE0w9Pb/opV3Hq9seJtSrhabwHJhHnBFN58EdvHGBx\ngzAy\r\n=Cu/v\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"267e307e557cdce4bda13e55c34cb0d1aa0d0b8f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.90e08fc6b.0_1626997032979_0.16121214126423977","host":"s3://npm-registry-packages"}},"12.0.0-canary.cf5b9eb86.0":{"name":"@material/animation","version":"12.0.0-canary.cf5b9eb86.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.cf5b9eb86.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"21bbdb570be8aa740b7871432a6998b207cc5a8c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.cf5b9eb86.0.tgz","fileCount":26,"integrity":"sha512-VYtLOKnX4+m3MWmgq4/eoS4mnaldbaFjhfe4VHR3YC1d0VpA9aL6ltL2fefX3+Jb7YCp8dgxUZU0St+Zafj1DQ==","signatures":[{"sig":"MEUCIBPOMRcUrKPXNkHPbADvaEnHePpWLvJQAYxXyeJuh4b9AiEAz5tLXpfKF0GWFfurRzDa3arAy7iq+bImWhftVU78JGY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71629,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg+wY5CRA9TVsSAnZWagAA9tUP/A+zfgCmu4GPqsAneWLG\nl1qmyw2DI4hKG6TUOGKAaq0H+GOcQEMYMEs0dsnLdAMX9LeMLgVkINlRe5N5\nxb/KRE3os1+d3SLwf21D1hj2UkbAKMJqOH45UA22VFD3pWZXt/9xd30BfU71\nfkX01lUXwtiCI7xIpOtxKmEhP1Sg1m1XFHiZ07AmYSse/fdX9E1xaf5Gyxx/\nT8EBah7Sh4lZhmaR+2pgAsbGYz2xSccaC4PCx6K7dCIIVWpigVw29gTkzeTZ\nXyrdOQQvvAk3ICWv4SnK1xhwrs7NUfgAhBt4+NEg4K7juOV3woFHCFDIqEey\n0cyrLdyajyWb52G/Z8uMvckNTNmZH4bmMTDTrdTQAjtz7CO7jDX4kS8/Vmgq\nkz19c4nS8UbmIIdqBKZAQXOYtoQM8Wb5EUWPrDEh+8lxXPKXPMCfBxH0xTZz\nTq2l/ceOufHf0pErtqNDherFXeK7/eCc3v+3UOhvR9gE2vOgmMhxN1sKX00Z\n1oyj5qJD8lZLJ8hvx6firxLYhBkZyROqefTRZ8oFBbn9Tgy861L3YNa08U4c\n2MVXxzhioaekc7PmslAuFLGatQqPi7yTou81wFjeEAm9MFg9mDss31PfrgNt\nNY+jsDiH+FR4cF1hoUy412wtHHvX0+IUvz6XQTljcfKuSjtQ9ufdeKyG5M/t\ng34+\r\n=m0FM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"8447b42cdc88335a4d5a37bb048f5babc1c5bc82","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.cf5b9eb86.0_1627063865250_0.6894037281738556","host":"s3://npm-registry-packages"}},"12.0.0-canary.3f36ac75c.0":{"name":"@material/animation","version":"12.0.0-canary.3f36ac75c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.3f36ac75c.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bbe945a44061d81c761383ceab0584c5f9ff87f0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.3f36ac75c.0.tgz","fileCount":26,"integrity":"sha512-aXer34MDb2lZ8PYJTrWStCr3pkVnkXeVpBPoImU6QwiqHYobxSx05WXyn3V7BHqdwC3GKHhx+CkOsUiXZOR5eQ==","signatures":[{"sig":"MEUCIC0GxT5KruQsduNAI6LKAkWPbCBEL2XnmMJwR8tJRqgzAiEAgHpwBMCcc8/2fgPTPZd3hB6R5RRaMwwKmyy+OpQId9w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71629,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg+wrsCRA9TVsSAnZWagAAY2QP+QAkJGov2JOGjyaMx7hx\nv45IofIlcvr7uj9LVw99xsJqwHmK4HVMNBg0s83RwZsiCAJMznz9y/m8lUcn\nZhs5yKPpYWyhJDWg73zcmtyvpnkSjlH3+WUe28lY6YB21Rinj0vAq2GPB1cU\n+JFzwrH9O7pLMMzWq89sy/oQF+32Z0F2cBtgvQekrfGovT4k2FCpXAW5t8Qt\nmKafv6qlDUjYgj3zSkQHc0YD1L7TS5Ney+XbGSy8sh7oaj62TQ6l2REQXQH/\nwMFZ2yL6DDCfUkzeHJXvXtJ2aEEKoTqdJPFLOffSvkkU9g4Db+mHSFFXKXB5\nOVuR4BfUza3X6jepXHrIRehzPV0XrqrXaJG6+ukVvPcd7jVAEoycqwkRgs5J\nG48Pl/O5Ph1oIN5iMK5Q/ASqgo/DKeLJGW1eR+xMO1bRl+7+CIVC4HggDQXz\n0enb5EqM+OIwyJiG6II6/c9FJzrkRkYarFHOmiCHdhzTNDitwM+o9YQbkqGv\nw4nKSxXqzow/WCqqiLSDEhu7r1LyEq+mh2Gc4wBu9FvCN3dbYsCPHar2T+MM\n8YuSsAHM/tNo8gIH3AWiEtzL7Nt5usrz4IT0B7RL9uE9ikpVLrnC3rCo1IjF\nAE6j/ignmaqKpfvu5SozIg2ZZU3Jvrszu68w8ekCxjpYEbJkgyENkUFxQDPH\nY8n9\r\n=rLix\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b0f70c5fff2a6f188b24beae7ecdf708b5bbdcb4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.3f36ac75c.0_1627065068378_0.059320951625451146","host":"s3://npm-registry-packages"}},"12.0.0-canary.ea1e1b850.0":{"name":"@material/animation","version":"12.0.0-canary.ea1e1b850.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.ea1e1b850.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bf9dd613e611e45a4abf3f73175ca5fda56a56fd","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.ea1e1b850.0.tgz","fileCount":26,"integrity":"sha512-W/tWm58YXVC7Y5bfWWPfwksFSYQv98ENFI71HLp8BP6mDRl8VQ38pGVAn8PuRyjRPSNs6GlTenq1iIRgtPNYVA==","signatures":[{"sig":"MEUCIQDFxaDuZUDJ+bGFfyFZ67XvOP4hvxlPt1atVsDmHVqqUQIgNrMfZeNffrSvm+z4SD0GRLYYIF34YNfq01LK9GB50l8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71629,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg/H4QCRA9TVsSAnZWagAA2ZgP/3JCf1rmWUK6IyIaG4Pr\nhRCf9N0pvkrgBReKsO1r1DHIFu6cwQbXdmUEHP1GifmsKiepSMEFFWzA8mBU\nzWOT0HVtW8yc/qH0RqVr1sHv/OmbXSu+ikMLRCG34sbGmKN7jvz2K0+9uYVn\nsh7vzQVDVJ9BNyysxpO/YX1r2BmJdW4dfnJI7X2cELhqXYTnM/Cn+6JwwozR\nP7w47Ibp0v1XCR6ALQM15VCsMvDjA+WDTEC6pGDDV/RL2GPM3Sa1Z9jkpwJ+\n5/Rbpt4FpQ5vPnuH01YZaBV4oJi+XbWIO1di7omBtr0m5kZkzvMIhC3n+gaU\nsBHbgAPWX912SWvIszOSrWUzBxpusRW3UHbok8iTBU3KqfzTg87r87+s5gHD\noCuveZk6SclDCjkxkxnyEsbDsmr8IXL0Qvy6RfW63Jjq6h6ZJizKbWMV60YK\nl5i6wVb52alm6WAe1VActtcYqM4yNLJ2QfDpJAVqEieWNCZ9Kh/zWsxEXC5A\nKYqQE3y4GgSoo83/CqSH8ajrR0GFSLo14SoBbKkqIVP1jCCzert0F9trcHQr\nMuQLWa0ehP/l1iloQoYBO/8muLpTeV56rgb3FQIqnhq7eEw4KsGU87ylm2ZG\n85IBGpxekq/+4v+oDr7jxrkL8GQWLCyLYt8nfEyfcSRf6wXxC3tX59h/f7TV\nzdiA\r\n=ijDl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7c296c6f9b2c20eb32b0501c98b6415bd193dc46","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.ea1e1b850.0_1627160080252_0.3332115219306613","host":"s3://npm-registry-packages"}},"12.0.0-canary.22f390c43.0":{"name":"@material/animation","version":"12.0.0-canary.22f390c43.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0-canary.22f390c43.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"159b95b932d3501c09f80d074c428fd872b0b535","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0-canary.22f390c43.0.tgz","fileCount":26,"integrity":"sha512-Moxef5YlOvn41TzRjDIaDQ6bvC+1lXnu09/dt3pD6zs6k6SrwFXcdl0vWjh+XvjuCECfCPr6BXVk4BETyDNVlg==","signatures":[{"sig":"MEUCIEs2NUOywyYld2XyzO+5wohp6hmbmcrbznsFbJf5mSPyAiEAw7tAv4qHaVaXCAp+9VLWzCyOkvPH25LjlzHhL0nIWGo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71629,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAFdkCRA9TVsSAnZWagAAVk0QAIlCad8Ut/ktsNRhUH+w\nwI/8xqkDjhkFaJd3byCv13XmRfUqKoEvej+q4jgIvvnwSoTiC2tS6xWaU+J+\nhtypUVSS6tt1yqhQKi0lpL0U5s2pkIq7JYI+gKbCP5gd4H5T7tgZdscYPWNO\n8IqHwpZQW3gMtmR2LCWJ4vRjDb+dyzuGAiD8ML9gw11X76XnvfDTL/1qXAs5\nePJUgR8JEb2y0iMIpv4iaK0U9TNWXIqyk0BOe8j/LkMHafk3CSRYGgVwUKDW\n/yGScy7205L/75RJ+9PFshrwyNzj9oBRcR/k1yW2plH6QCQfcu1p59o6SQIH\n5GZCz1UreUmSfz49yI4PbkHQRwrswX01GmOhN6hZFjdauDN5waakL7E38ziV\nDyS60RKmytwkdM0Ppad3iGJutmYuV8YftLIG+HrWDgWeRaUAZ12rY/Ai6D9o\n0t9Mf294K8kHCu9oTsPz2zdUjya0y1ynWibZJe2Ouinl/FooggxGyBhxrC6t\n6PpKCxNDSYef1BI+kZfwHz05g6kKkZCWUZuGVpLT/mhRDcSA/C0iFXAdioXF\nYbA450w0ANpaOg0aZF7YOpTIHhSHspiQN0e+0iQw1GpxUjO8QTcozWMqC2/P\nB3W+NKl15Rt0nzsQTubxu1pAWNjlJrm1gtcrzq0kt/3cOc0t+9xMDSbr1QVi\npD7s\r\n=sYpC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2eba31ea1c3ae3c0e3497f3dae6cde368675a496","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0-canary.22f390c43.0_1627412323879_0.5519118956448412","host":"s3://npm-registry-packages"}},"12.0.0":{"name":"@material/animation","version":"12.0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@12.0.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"755b9528f957f789570a02e55acdbc6667dd7304","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-12.0.0.tgz","fileCount":25,"integrity":"sha512-PfRHehbW6xrNaAb5RELmyxn9+pGTYwzxUnT43TdmOOTN+J45MRH8c90ZSdczich6gp7tgyTQsd3HtB5yRgBsIA==","signatures":[{"sig":"MEQCIE7zB+XmVhxIH2cJaCn56K8yhX+M8UjD1FjbS94c6JhPAiBqlJIOJyET2kbM5nC5lHginxtPG9Fd7xS4Xdc82cSOdA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71230,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAGMZCRA9TVsSAnZWagAA1XsQAJluYcyO//VBGLXO1GIu\nqhCj4oTMK7J66koxpNyYxZRFzNX8kNMHYIxWdltLHTPimKyeGwtBtLJCnM1S\nrv7WMGvS7nQnNjCL7G4YyoDY+9GaX5xdgV5aP/fb7nZD+Ep7SD7JR9zMmkge\nbss6veuR4smHQWKM2hW7KWlPN4yQY5uOnM5HjnUgkzzV9e/0ERCPeTwYS/fo\n7ztl3e/8LxFAO5FlGvxh1plt7+hFaGG0yUlps9s9ZH8Yt9xT9E86utk52eaV\neYEGBHyUR1KVAC8JZMgicbrRsPZq+TLW/SrNCYXczhSE/sBW0XA5eMY7G/Dm\nXHlTNyesNHmP0HqsVXwdwLhLZLLzkLWZAex4vigcwl9ShzN+NcY70jFbOPOT\nAQfu1Jtc+aSPuoAzxpKCSTeS8+u2hgHBTZ2yLXdzDhWmO4NlriTdBZfNx5dm\nPLrJ9laRtINxxCZSvV4SWHpL+YXR8htHRbXqa+7VDMFPb7Caou+1ObBpEGXr\nJIwfJ8PtSy1nT588tW32mApNw3b1HOMtuyN1OS7lD1eTZz4M2DwXjscxfmiz\nbywJGMNhEse7nHWVMFXRTrvvP1s1b1cXhz1kSeY2aZxUpt/qrG0p5xXN+SQi\nk6Gx7kQD+SbVrJ1wbnhXzEXz2GBSPgbJk36Lx7oCCbIXc61HDLO2/OjYJf0+\nw2V8\r\n=RMTo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","gitHead":"ae85f7eba0d72f4fa5f3e8669cd316336b3e6828","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/animation_12.0.0_1627415321705_0.9191564019207634","host":"s3://npm-registry-packages"}},"13.0.0-canary.ae85f7eba.0":{"name":"@material/animation","version":"13.0.0-canary.ae85f7eba.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.ae85f7eba.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bb5893bb6f0079e5f5bf311d8ff42f21f5dc7432","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.ae85f7eba.0.tgz","fileCount":26,"integrity":"sha512-5gl35sVOvt7gbGdrjTADBuB7wc1Asr/y4PBD4X+jZ/S0DGVETFRFK4CeCb/8OGHt09+Qo/w3TjFT6u37sjIkUA==","signatures":[{"sig":"MEUCIQCy0MxEkK97b2bb5XDblqnMYhymWPZ2TCPzkIIwwR7fgQIgGQ5VRG+w4i3ApssdaqWl8YPYmH/NhTUOCg0tRJLBTTg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71629,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAGN2CRA9TVsSAnZWagAAuPoQAIu7uXC4CMnmpcWyj9pj\n3wmqmRBfbjkYGEhZONyTaNyKxJE6oEcIsWzjy1HoBBAEHFRLKEqZ8DOK1J6Y\nq6XyRtkc2zOnyaLuM92xdSviyHcXibPNmMUjY/Jx7jKIwkFNVfic8/fbQpC3\nDnHqBeoNHXbfpNfNAJStttc28SMZG+qnK2BY40gHCjo9wq/py9EsXWrLiqmQ\nGc+QOEmP1H/GrnfOhzjGwXKvuk/slwtFzqJlWNGrEhJwMPUWPUS8s5aSgq8P\n8hRFwY4uGZ8f21l+yNS63sHfpdlwZayPrDwqsq3bJnj421nYt/VKPDqnxsmM\n86oJULhik6REpRUsUYsp9cABXdikV/sKbTV6lLGOB/Qf8jlS6lEgZGAHYe1O\nCxigokRFk6nhGCBEcIY818oaMmhTDqT60bDUBuI8jSYA0ADBLQW82cwHqD30\nJ62Yi5U5j+NlEVYy9vn5V5UMUFuX/lIBM7Ee13M4XnMi9ra109iJ+D90HcqS\nQvNx7HISLLzyC9wVsLbJ1gyFGZ/TGSBL2+O+A/mbSvbgpr9on66LZCrGBxxM\n0tH0mjoyVwc+/JTEtXFBcku8q9IaC/NI9JLO5Vswxlv5gNJb3RB8XQc+o4i1\nHRXDLLC7ciBaftn861PHynQ/a3l7EUCeQlhsrozplJN9GmZqI+JsDxat+XaH\nu2oE\r\n=4n5Z\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"087c731cd84ebd8c578510bd4c8dfb5d11e8c574","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.ae85f7eba.0_1627415414220_0.060161164405081236","host":"s3://npm-registry-packages"}},"13.0.0-canary.5981207f7.0":{"name":"@material/animation","version":"13.0.0-canary.5981207f7.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.5981207f7.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5b374aaa84686d5a4e08fc7c6bc685362e6fd970","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.5981207f7.0.tgz","fileCount":26,"integrity":"sha512-LINhRoBaOp5G4GxO6se6F1G4DYqJ1s0EPsBpbNKE25z6BhhXLtGrRgINEF8tZ7f6Xn/Mwm44k/gFrdQwueplHg==","signatures":[{"sig":"MEUCIHlc2T6eRYxUP86LynjhfJDripHtvvt4oxHh0jryQm+zAiEAtZ1LBVCj7fVYnaRwHdpNIoJWHRVawALSWFsvZneLA5g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71629,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAJPuCRA9TVsSAnZWagAAtqIP/i6/Ee4N8t+WLUjOsWWQ\n9OllrS5SwL2aOIWIGIqilMnZERWVLc8bbHSr/Zfn9+JMoCdZdtEFO9DPc4kS\nFREJ7+RRfJ6PojVMzey2FIG0Q2inTl31muxRqNrf9DwzMnZeAYEqKJ8juBmC\n1JihbK93TQfzv32rIB5rDPs8ByoJv8UbuNJoAawpzpaQGEY6bECipCzehhKa\no/JNRHX2GftCvhFg8nPDHLzAjf4iE26YSSl173GT59gMJx6xPEeiEzD/Jfkr\nGhZf8iIba1wXJqkd1fjOMpX+cWBVykq0kvAMdWxfycVQAXn7WGdA+CI0N1+i\nODbs6Ex964Bnj8ewNuzL5kEDN5RTQSAvHhLP7XLrPGG2Q1XBy2Z88LFRHbkk\nvLhu7vKOTWKcXFY/eJYkYHC5jwbYe6LDKBfvYKKflsT55W+Te78q4VA67Ume\nhg+fgFESR14q0mVIREYXIxT6suLVfGDsQoYU+EQ6Pv+3RSSZxuTaAe2FsbfD\nc1u118cGqXh3p+Cfxs1bsAhomNzpazj6P1NteYC4CyTQxjhSUBfxXReXbw4T\nIInmOxDIqdPXEbViE5pNkNGfk3wWR/mHYf6MbGKFDQ4WvlV0uvXznGLTF16h\nJ1FMPsnrh/bU4qfetr1cw7gUfl4/Ovv9zhTUzDmb/TE8Aqk11Wgp/NIkzs0h\nN0NC\r\n=blMG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"8a8b67c19b2a9f80923dd162098b373bbf34b58e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.5981207f7.0_1627427821991_0.01815244186786491","host":"s3://npm-registry-packages"}},"13.0.0-canary.83bdd0222.0":{"name":"@material/animation","version":"13.0.0-canary.83bdd0222.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.83bdd0222.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ca051f0ccaa8939591542fb582f06e44c732349f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.83bdd0222.0.tgz","fileCount":26,"integrity":"sha512-eBOzuPf+RW37wYHbahekY5Y9NbwURxC4CR/WFm6NqIcYxbZSUv5IID6XUgj5HITEE4L/ij2hrSXB2ecQFm/lyg==","signatures":[{"sig":"MEUCIE9sWSbvbJhFx6NAxpKvkZKXKZMoN2rd5wOcl0iU8EFIAiEAw/aQMurp0Xd4qOHkiRUhTHn/U5aTfRvK748GMRTzZeI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71629,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAZLVCRA9TVsSAnZWagAAjjUP/RTp2uDEBONWLUkpapsb\nYP1uGxnQbgTX4TYrzuWM7zu0Z0CNHNpAEUocI3W7++hX/EVp2JJDUHeDqJes\n7zqVksjIpdWXjkG/pejCraOaW/si5x7MkAYVvix8QMaX2VcW474qOw6s4uWE\nwMUUXEsPztpC+YkYc680KJdmFyQSlQXPu57f4UXee9YrvyzW0UAW8qanwv0q\nLMEh+pDh+DgIr5HP/cwnDGXB4Mr7ekfyJ1Le/OinRIGO4O4xX3iKYjOmuUhx\nxYu5rG9Bdsh4l671/bsIDfEwwVTty8UzfW0VR4YwoI/F4UNQTDBz5HS0Ef//\n7I8bqGwrbxP5pSShZ5oJnJhb7Zx8lZV82qKFpwB7kLEXXjJJRkNCr6ZXdoim\ngXpuyCphpJuUrdrdHTRiqQW9Nji9sfuxGD4xY0Lwf9j+c/tQ7R5pxk68W2IC\nhZ+xlTsaIQCkUxN/CmUbrr4LdqsPB75ejXtY8+YuspbFluj1OAx9DGhmEvVM\nnVcvOvlRG8rHs2V3kYsm7p+Ugbg+/myY7mhG+xI1HhsBsZCO/FHvL2NcG2ky\n0NqRPtDOjk/GD2oVyjRRjrNUhdIRf+6jQ0awm5IBkCSNTKOBSeqAxSsrNoIu\nc5UOfU+Lggojo8rttQhTkrj7QcREivVhCCmoisrlBgvLiIccluSwoaMxWUym\nOjYh\r\n=On9M\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"1f2b23ad4bf20ade58cc1b10490e9ca3f9469405","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.83bdd0222.0_1627493077422_0.5368392804318594","host":"s3://npm-registry-packages"}},"13.0.0-canary.28656298a.0":{"name":"@material/animation","version":"13.0.0-canary.28656298a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.28656298a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7c5f3564524b7fcb4cac057dc5f3d0c258ed2dbc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.28656298a.0.tgz","fileCount":26,"integrity":"sha512-PHMoZhzf3BXY+r6xsBBWijqHenwht4WRHHtZYNgw/FXjvkwGG/m1ksOHwtXLyulF1S+e0xIrx1INc+wGSoWuuA==","signatures":[{"sig":"MEUCIQCF+Fy9YOI+kIpI3jZjG0vr91APT/05/mM9eTZ6n/cgPwIgP182Ee39HYPvgz4W+6ja+ELjen6kgkyFmMbWsIQSo6M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71629,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAu9rCRA9TVsSAnZWagAA1rEP/iPKnZuK5SRdeFwgfEaz\nrJIrRRWoRH9BG4sxJbme5sceWTIEAOtXNH7W0gcvwp7W8cZIJYu2VPkbZlN6\nk3xyYOKW7lho5649FfviilGFIAt2PKlATqivasNLgrXbBiEeyo5MzBTY8jW/\nD0p6qiN8gf8r/LkSXXOt/OLB4WRN6e+g5GdKLGQyEb3EcrPTFaL47EYZ6qFd\nIbXQhFeCJ+akYNyHaWAFn9M4DeGmQLsnxCYhrUtnrkV/y+jiZEEL5KGHjjsa\nUqQ71sG1ofhH50Q9mNDhSn7a2m94vAiBqnRRVjMiKq74xLosIQiGw9plRDgd\niMiQ7iAqGxctAAKMK87bGXj0FaCUYhHRzN8q7wiUSBMGAav7yXaPZPHIfRW7\nj42/Lejo/Trwg/drb//XrxUG2tJMqwp+hNOcmgo4OVCkBSEsF/mJJhmw2Vz9\nTGUexIbodwvEmoOcsmW1M6orC84gOFmNPdMDl9v4CsdlhNl4LXqLSknpBm/y\nYEHKa5/3QjiIfI+KVtbPTqPSN5+Upsl4UES7k8K5X7Pj2uJqPAIgwzyWYzf8\n3pHMNNr0MG14wuBH3eidB/BGIbqBvitMRpnRuAhvpNnkDWcEoAWiV9Bf7mCw\nslUKAacmRJIv1JLo5/uoWVqap2mvm7dLStRqRc8q6ZXX/bq6V58m3w2bl/PH\nMBHu\r\n=fq3D\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"5fe3e7fec89669c56504c13aadf80a71a543df78","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.28656298a.0_1627582315798_0.9390267204004703","host":"s3://npm-registry-packages"}},"13.0.0-canary.9e797daaf.0":{"name":"@material/animation","version":"13.0.0-canary.9e797daaf.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.9e797daaf.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6fe04af38dce1c85cb531b10c53e4796012472eb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.9e797daaf.0.tgz","fileCount":26,"integrity":"sha512-6CtXEPBEYGK/DewS654a//EkBh4laIFYH+mXc0bjJYc3xacAzEYp/LIYKVmVWJR+cGiXYyp9TdXFY8eNQSGKhw==","signatures":[{"sig":"MEQCIA2dLPJbcDfwcU7B+mTqWQujkQgjdpMi4b7o+74gplAtAiA9CF+tcZ68s21XcsctXHtWltw31n42YA7m6dYlBWUv/g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71629,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAvSgCRA9TVsSAnZWagAAxuAP/A78imDoLJ1svMzNaGFb\n4yYFL/22s1BIvFKhmbeJ8oeQfVXMCSmd9QKBzccgU5ndOdxrK9vvcyleZC4m\nLIHY3I94hEt8aT7K6KWyMvpiHk7tCwbJNJA1N01aMcVxrHqBMusQOdXkWFV4\nJTrYNrGNchkmy01IZatjnZoAKLlg/aOzHIUy/2e1c8bzI6F8k+8d9XV7AUd9\nM8E+FAQ3rqQis00H2Ve7C9LdTENyrglEfbOWspirn1bg3qv2UcrGAai7zXIW\n+vwHxgIcGGupvUm/dkfTp6xnrLzKB3plhBORxU0KgiXbPli+MNp94dPLWGGD\nukNJLSXva0iD1m46Kt0OBN44fpZ9TfuP2XHkCGdyoMRUZNpP0NOlEdvNMRHb\nAjvV/ye5k1m7KhHY5zApmhl6LBHY9H0tmgXOW741v0tvRfSaTaQVuO/YQYt0\nsJjWhcm4dP4053/EDgAHkv0TZykXqr0ZPlsFlV7eGWgm0IrZ8jldfjgy6vDc\ntl+ooD9ZdFafiHkh3+mUeghHNkmCrB7l9P5Oe1zb3mpeagdNWxll52Rcgy/O\n4ilOUihXy81wk4xbBUNcOYM2Zl0gntlpoj1uPh6iQYBAOec2jRlrFsvgTiSw\nSxWvNDKLNoY6rGlLNcI+HPdDDV2/NFJEWcvXgtVug3lav7mQN5mj2WpoFdaQ\nSwQo\r\n=tJOV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"cad664597e3cc10ce42dff721f26f40b986db48a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.9e797daaf.0_1627583648178_0.46151379978960483","host":"s3://npm-registry-packages"}},"13.0.0-canary.adb9f1ad8.0":{"name":"@material/animation","version":"13.0.0-canary.adb9f1ad8.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.adb9f1ad8.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f25e4eb1bd35d8d80df216671b0837466e8107c8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.adb9f1ad8.0.tgz","fileCount":26,"integrity":"sha512-1gQHHMzP0bAYBblDe43+4o77ZiHdeMDTkfP4hS6s/4/unSZeKCTBss+XWUOj/5dWk7V4GroNdjRqB0inbykB8g==","signatures":[{"sig":"MEUCIECQX6zCr4huXM2HSFz9Nc4BAUGUMr9R3LFC/viNcPxAAiEAoZCkN2+1lZ76JPkPh4T7PfgCbV5Svv8i4eNPiZQIcuE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71629,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhBE0QCRA9TVsSAnZWagAARn0QAJnn/iW/502hqE05p8Lt\n1r7z17IfgAnwE3IGA9FAbFKPEbewvYehp5+KjN4EMIIlcmZb2D9KUi7sZoH9\n6dsT/p6X5RCAQXcp08Gjb9N3o2hQus+AVGxlu34XPl30NGKnYR7eTAvRru8g\nJG5zr5aR2FXHY5/n9FY7v4AY6It9tVJ0YNKGIyAERlQ5QX7F+gK0SxCufyMt\nfXZPl9ElBXJlJ70uueKfJaA73ge+ZIGwmO1N1c6lNvyhC7OHIBSdIEVkz6CL\nUqr85HEPUyz4jNiwqGbaDMEhBMsJCsTooi9aZ1WDRdGVb/1sicQUwj08MMwo\nkEhRUW7yOoflKC1dZCZE/udX7+h03tBZUEUI/64RN/STacLPwH3r7NzZR1qq\nOo6/thuIiouTgNblPyDINMSsEMZABhnsreNvIn6a0DEcvXuDe39Em4qAbOl1\nRFo1HAzAOQPoLoGh/6+jA/dP2cNc7O5NxgSDg/8GfWE+ntigmGiLM6j7A45I\nV165vSlnUnahazD2FouYz7W/ZlU9BdeWPwlK9QggF1XBaFequVKJzfnpjSDr\n6RWCC6w69/JYWQEuz22qPlw30ByJCXHQDsj4ATmOp3ejRR0q+Vg/03i8JB71\n/GqOI6/OebEY8hW/2TOJ+9yYzFV/RGXfhtB+xY4KX17ctAZk0pTTWuwG+2zQ\nfwZC\r\n=xD0h\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"db010696805aae457c8d8c9da8b394efff28ee35","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.adb9f1ad8.0_1627671824689_0.3017619781934584","host":"s3://npm-registry-packages"}},"13.0.0-canary.cc5377458.0":{"name":"@material/animation","version":"13.0.0-canary.cc5377458.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.cc5377458.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"97afde5c258d589dc33d35dbc6595976b6a8fac1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.cc5377458.0.tgz","fileCount":26,"integrity":"sha512-hOOp8AKVO7qA2sYRvpGahvM2cs74jo5PTiFItdCmxDrrALJXvSUz9bqlqD4zG+HtYVRiXF4JnbeJaeXNLyvdCA==","signatures":[{"sig":"MEUCIEtiCL2DRPYQXe6IwyLqJE78VjaroUGqMd2TeZ+jaqJ4AiEAvD3BZo5o9WiZilbq/+9QkO0NHb9UO+THI93GaoJKJoE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71629,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhBG/hCRA9TVsSAnZWagAAQqYQAIaHO8tQA6Q7G8S8qVvB\nq5V3StZWlFNVL/lh2OmpI8odvOxEJhCAe29YWq44ibRCH4NFgYh5O0Y0m2iS\njd8lFp2gQn3Dp9UizIyqil5ThYvN/BRDLvUzP42owkUAkKbhihFNt/NvhzH8\nB1Aoi+cjnyEkiNPfOTSDTP7WsU63Cqumro8n+WaV3MbBWUBL7RNAHVyNacEA\nB8yxDMu+BH54RFMaafrFVxL4gu6eIHXwViirtUP8OcqZ3f4RX8K4bazCYMfI\nE7Ceia9SoxZn0fI7p2fDpvIxNM+GWmYCHseMs/iGARSPUogxjHj4HPyB58DW\n/N9LMslR0JAkOPX7l0WF0LaS5SC6Q/h01DKUpWT9YpWwjOnoW+ENrk2/Jug2\n0TnxMu+57Bzy0RjHx+2xSDOkum2ljCFz+UYizjvcKjcne4ScYdF+jyTBSlHZ\nVwVeXYfTSHLEwRq8kA5EEdBscOmDDwPcA9g5IuTfQzR07AMscQs350ztEQrz\nOS1fUy+4g8qkceSneo7dR4yhbmzR0izutJzuP4fZ65W70Gp5B/+ugY3UyOPA\nVMr77KvkWOYIohp9wIR/3+8m3kMGfLwVTUeUC1nMy6fnA3dFpT88hkuHtntu\nEsZdp2J3yagN6OIwgaCG9Y/zM9KTCtB3gu7v/rARasNIe0zNDpGbEGp4UIK6\nRuDR\r\n=91XR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f4f5852cfac85d68dbd83665da839943c29dd866","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.cc5377458.0_1627680737294_0.8625511048429553","host":"s3://npm-registry-packages"}},"13.0.0-canary.a395972cf.0":{"name":"@material/animation","version":"13.0.0-canary.a395972cf.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.a395972cf.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"707bad4069d17937f49af883c3febd2306b1a3f8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.a395972cf.0.tgz","fileCount":26,"integrity":"sha512-Y+7e7cciiUp5qRBPoJ0I9bR68/PqjCcL7p1RoqBFLi7vNtdDjP7tkn1vjgUrjd07rE0YlqQJ0j+8+O9h40VOgw==","signatures":[{"sig":"MEUCIQD7ToKXv/j1VuPrfCYDgMx/Ixa6bqNvWK8XEKCPnQHa9AIgJPrWf4MWVdr20xfPnWE0HicOg4zxDUN/O3pj7oAK/PQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71629,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhCbOECRA9TVsSAnZWagAA3nsP/02P28BjaQpVeT7gWJwm\n2UZNCJOVH4zgW62ugeDw+2FgHo2eX5dYiKuA1WbNwtsMGDsaZvsPw9BOCRan\n8ZHMnVKDg180UZ+bMxah5zU6IiRyBTHjwxucI3FitulYmETmaq+JnhVLC4bR\nzJAWQ6Uebb2WMWEV4W3HMiZTt5GlAiKv9IhqvG04+ZdK3h2NEd90gHZ9IDoh\ne4PXPapYvHRFGYOAYmj36TQguFvPD3k42fdQDYvrh+QYHl+ziD3mYxVkGuBK\nOPf1+RzHpYLn0aum2xsBqn5bRG6qv0cYCYnsCvF9UMksHXSz6GpNL1Gws//j\nr0FqyLUG892cponqlI2t02NeC6pOl26MUDurFmqozYe8Nx8d/dTnL50o2XP+\nQqqHF1erA9frzw2ilBFjMVD8bunJyJm7eCsXrSwtMwqPCsallK/vC/ipp8NM\nEaZsAnWH5EP/8d/Ua/XEldLAJOLvF6hoyq3s8CxTOTp058Z6QU5zBs7kDl1d\nORXzkrrdT/BrmC86bFuqFDwOaJ0kFNG2WFu+WT4aiB5iG4HI5aV+9akqDLHx\nLK4Vg4K839aCIjSoIR7muRyJHV/tGeoF2necl5z1b5PvV/imacqbPGRMPF7n\nMhPfiNL1JWlhlM/ArHb6nbMetSJJJwnNPwCCIA4k29E+lCk9WC7eigS2inPt\n+gaO\r\n=k/ph\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"00a6b6110465620df99cf5f775d52a1054c91cef","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.a395972cf.0_1628025732046_0.2671906383126006","host":"s3://npm-registry-packages"}},"13.0.0-canary.7c96e6b98.0":{"name":"@material/animation","version":"13.0.0-canary.7c96e6b98.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.7c96e6b98.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c7f017e69c901b8ac4e284a6011f98427c802c9c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.7c96e6b98.0.tgz","fileCount":26,"integrity":"sha512-GVvnMkwBmpzZoGKWnhaRKQ7/nB3OMotnn9eDBflD1Kx5CJz4BRo9RENZJXMQmJmf1E995/RHndXLLrhpRDfTaQ==","signatures":[{"sig":"MEUCIQC/fex2RcA0FrI4dG965DcD/dpEJR8is2rjXqZyONyjyAIgLbXeWV3J/QDotSUUqoSTAeuMA3JHfdGoiLh/M1fuIxA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71629,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhCb9eCRA9TVsSAnZWagAAIm8P/069ia+WdJtJsziuRa/x\n/NQ/+ukfXEoR8KO4RRLhxf54j7y0j7eUVc33cZL69Al9HizCcSnlnPfMr2av\nfQQeYvW74Hr4NcdUaHdIS0lSPIUaHZwIogSZ/lb5NE9PDaAgSDND0441lrPO\n2gzACk58xEBFGII0WdCVs7Y5u3WSdCNSu6N+akn2hxQOS5Wa3uAq+0uPQQUq\nMkZPmaNBQ3968tNL7kRfYq6W3OYAkZiWMrlTss8QduofFyBIpkdIpZ7A5Jc8\nzSbOGDLV5UxVhtea2eJArah6xLVmtD+nd0ntcryJpvdcP5gPbeGJ0XBGO2vS\nZY9Xpe9mhnTA/yGYWFaCLcMxxKjd3twhmRrU7X4HmBVSqA/zg+ddb4s7k9cf\nQDHD2Y/nl9ByKpMDfy+Az/O2RFslzgJ9GiHmFO3GK1s5sFcel8QswNQTAiUy\nYJzR5+w3MeZ+h15a9BDoQkVi/PR4K0zLRg95Lt8Xt7ff/P6S8S70MCRqJ0ha\nMKre+ZBXUKqyyX6/oSTaMuKmP3HOR4n+PsfGk/wNhPjqfvCHftBVTjqFPwHB\n67k7WRKEiylOlgAU7rowkg2fnbA2UxCm32+bI/kDU5JxsOloWKaSVUCGRYYT\njQmJHAcfryT75avOPcsfLJTuYkTUdhKcbXaSgi/ExV+mQ4A6Y8XkV7pOJ0ca\ne7a+\r\n=nUBc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"38c48bd580ff0facb66c28bf9caeebbd2a6a4033","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.7c96e6b98.0_1628028765955_0.661090376386787","host":"s3://npm-registry-packages"}},"13.0.0-canary.a80c8b2c2.0":{"name":"@material/animation","version":"13.0.0-canary.a80c8b2c2.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.a80c8b2c2.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9ba5e399564225a7499fb9ceda5f946ba36f8b38","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.a80c8b2c2.0.tgz","fileCount":26,"integrity":"sha512-L9FddTfLzRObjcqbXq4m35+HMVJ7JQfrbuKxSx9BM4M9whQ6qpeuCeGi1xlOXqzrFJ584rLYcMxpUPBFUtlwhg==","signatures":[{"sig":"MEQCIHOk8bwJnHu7o24PGDALVSsQ0PAykQJao1e6UGaDft26AiAovB+i2WCS9GRnR7s5FukBdipzTWkQSO6lz0zlwXwYIQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71629,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhCymtCRA9TVsSAnZWagAAB6AQAICsNMmCYd3heH1fLEY2\nys0lLPT9XFfxk7xTe57LV5xp3FNiO1ce9F1YA+9cN6bs/f6RWR59lte7jzKs\nshmmcceQSzL8RSn3SLfCPVpNqmRobsc9E24irDI4oeHgkVBnCm81mTJx85pt\ngabrWll1iUQbh8srOY6ag7krBI0KiuIbWPIV7sGZ+gL4CRuKMnZ/wjeRoKI3\nl25yrA5k4/T68DdrZAVn8UN8rfKgij+xgGRE2UqAk4dkEqaCzbX0CWTxzJG8\nZngf5Kh0B65Lw2WhO+lc5Tp9EMO8m8DUKi3gdFrKh3uL2qZ8tpLYKm3MGx1P\nmgbbUXUV32KrSftuf40st+3lHVdDhe+jJwoPu82uKMPOuEVQTSCF0Ep4LHkb\nlfczspg5SNH+PbsOPAyuTZ1h6Yv6Uv74GH7cOA3RD7nYr1Oa8ZsaMqsVLtGQ\nSUbw3thH7g5+1otzvVDvl0WLJaQWqgH+OFqBHKRd5jmbVvSvFQsEN3VJXIS1\nZ9wgmpw16hvy69FziTL42ljjU4tj+VnJyqha/fMFX1002aWGX1jMgP2sI6Fa\nMsXfdaHr3zvq7Gloosp7iFZeyh4AWWK+JzVvTIq1BdWBlvVznBJpBkTDGjPf\no/nfc+Pm0ADvqAOKewv1TV24to8DLa6QZSnpjusvIbyhhpXwyAUxc50T8YVz\nAMlR\r\n=D1l8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"cb4d3f1d1d37c50939ed5269748eebb96f798601","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.a80c8b2c2.0_1628121517608_0.7003687459735759","host":"s3://npm-registry-packages"}},"13.0.0-canary.3dd611091.0":{"name":"@material/animation","version":"13.0.0-canary.3dd611091.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.3dd611091.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c3804d2f9aeb166d7503be4616b0323571187885","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.3dd611091.0.tgz","fileCount":26,"integrity":"sha512-VuNmB9pkKxYFuOI7pkekd0v5ryKirBcoIpGaJF/Xdf46OWLIroYnJaE7fr3Z76669Q1olSHJ6cKx4Do0f2dZ/w==","signatures":[{"sig":"MEQCIEx7WGSZWy6fnHZgyVHUqkf8YWwlIZjBRu0UPqKcfIXYAiAgnZEsR7on1YtC7ktwA/FHZwp4DmR6rI0/H3dboQVZ7Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71629,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhC2EbCRA9TVsSAnZWagAAVCQP/17GVjZYG7Qyh7GBFT6L\nywXUC6QcBE5J/ZP4Y2DleDE3AbtAoYamR46DaSmhSjoOQeUyFrkg6lO3Npsw\nQ9BEFj2Lt7r9payHy8fY0fG+zs7nm9JDCUtz3U3bNpt5EBIRs/0aChJhyyrG\nOLTvANf308rX8JEsyhu7Wc+vMP3yQ/8PiEfrLm+rsQfSDiw9q17mGDLG00OU\nSNARYh+hZIDcVxeV89iT+ynnZzz/33iJyoNIBqspA9MBiRCe21tIEKHoi0tG\n9yE3g6+aGhuQ7qB14gnMafizxAIUhi2P7rW5NcrDze+uLAfA3IRC6nyv7elS\nm3hpzlNu/zUrw3DKchd9r4NYOuG91UGG00XvbZ9ocFgk3CJLQhm6t0W4w5yn\nUdUjG0DQxLli1ckEhaGBcPzR1OtkKkNvTuFX6+TI717NNeajFoEn5lELbn7h\nOPCcFydI68qgRasp+J//TihHUdwWSLGzrY9SlQPpD+0YroQ+SMfIy4SCDHyC\nPbr7eyiUMWqc/0zs6AetVHkPpF19Oo8tMcH7HZPdjPa6dzFHNRGBTJYx8FRM\nlJbzUnDWeAZoTNoEMvPu1rcx9GvHdavORWU6TACzCNZBGOdYshwCDwBxtET4\nm/xCZprcR90sz6pSB4nAjAKzyxSftsjdhEwRAFRIFtk95ifQcL53wgdu+b9x\nrbpd\r\n=0AQD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"fc6a6a59d9c86ac1f85efd94a4aa6a8e4c27c379","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.3dd611091.0_1628135707442_0.6938931544271296","host":"s3://npm-registry-packages"}},"13.0.0-canary.5dee37ff6.0":{"name":"@material/animation","version":"13.0.0-canary.5dee37ff6.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.5dee37ff6.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ee6c22b451fb1ebe71b29b7bab976e1b5abacfa5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.5dee37ff6.0.tgz","fileCount":26,"integrity":"sha512-coFRjnUG93KfZDp8+fmqEMqvslzBqYaRszJg79Qj/+WL7b9GIL23dddBiYEwRcCSWAX/GSwpL70ku3Xer50sBQ==","signatures":[{"sig":"MEQCIFmN0rZ1f1kX09o1WNkmTiQzo9Z62YCtu3jSuCRBiftuAiBZilftKLqYklm0Fm/wZJ0XMWQqFYFPyJ6dQfvWyN008A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71629,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhDCKwCRA9TVsSAnZWagAAtYsP/3XDTP54qY4WBsLdaxxG\nLoQl/Z+17kQdGrS5Dz+hifECyfr7xvYDIUPWsvEc2Mr4+9dBkz8WqkcrcIwk\nxFIvzgueyfrPMl5PbU05oRNuxsT6lGtbelaM/NkCn5TEv41e2VYljqAQmHrY\nxaXmCQXKJfacDJqsDZ7xfY/uZUbtW74HaJZ82u3+7FDp8VPjmBegOQw07+QY\niWr9p3+h9U/oo29UpLmXBbL4rZ9fq1uhoPOuvc5rAdUJNoQDAYME4towKeZY\n76Bp4BMYiZS97MqHXMbjE6ZtR1OWrnffhi/gOJoyC4gI8yEqaLsN0buESFUd\nv7bji+xPGS3YSeWRlYrB5yhz5uUyKsr5xmPCdMsWBDwcFA0NdwAMv/2avHbY\nFgoOWwZVoz/QCsTQmW/AwVcnUsMVmY3wEnp8sTBFXDY/mxHlIRHIpaKaQSqd\n+/xQqgruWjX0V8ROfFXx06sEIekaBdF4mWfk/GorsRkpZWk/WFrQpSTfQLDm\nNhIJO+vUxg1QIHapDm/BN5ygoeXZ0ow9pEFKCdOv0+DwMf6i33yF+pbKQEpM\nT+JTP9kuG7EG3T6QO/4QQFt7gmX70/qOJdUvzpYrS8oNFAfadmiKfUgC7GhF\n65yfJON7TcJ4vaH81sJqPAbu7Yxnymg+AWBKicecHd9osHYh4gd5QqdTcWee\nPIFi\r\n=i7dV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a7b521f6e807878ddba15c813505134621ef85d5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.5dee37ff6.0_1628185264271_0.7527218351874356","host":"s3://npm-registry-packages"}},"13.0.0-canary.bf405d22a.0":{"name":"@material/animation","version":"13.0.0-canary.bf405d22a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.bf405d22a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"097df143fd60897ecab435be91aec4cc1b90029e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.bf405d22a.0.tgz","fileCount":26,"integrity":"sha512-IOdcdLleY2YD7ZZhbDD1o2T/9Qdyh6ZWZnpjlFIW6feaReq8ax0B6T/zKk3Q3mh5shens3r8FKDPB7krHHd2sA==","signatures":[{"sig":"MEQCIEFSc2ulh3mAeSKkj/SiC5Um8YP39h69vKv/z+VuCVXQAiA2SxtE3DvnRXG+ghdln5EC4uqH7FGAIkbQ1ox53TNkMw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71629,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhDEc7CRA9TVsSAnZWagAALvoP/2WdjD5RoMCGszPcUVxZ\nme7qGmMOFB0viRWRL04JZWctw7DjfwNmuQFRN6OSo4TngP8soPFq2Rqi5BgQ\nOHm07zmM1T6GQPt+SgUvjs7KgDyUbsUFhyAA7+dnA4Q0xUpXxPbO26+1CpL/\n0eCqoQEr2fU+gRjN5TTGKUyCjv8yFb6PnJn9FvYoydkDVRfnDCcpFDQYXHqp\npL8yj0lZSfxC6e6LACvquB2u+7bJ6S+xSANVvWLQd6MhV1yBPd6QJ8ArcbF2\nywEh3X1YD+hgMLk4SPt5sKf3Z1BubQOh5DbPezgBWnDQJbxKHZxVp02ZBHtn\ngtCSUtq+ofkPcgYNHGUMMQB+0yxQwIjy64DpM9vZd9bOk6JgMjyqSc/ak4ME\nSjHU0kRP3FrGpY5zBmO6Pqf4eJ3DjVCFBpG5kD1RnwaZ9+KFHbrIU+P/dO6g\npxTfQ3ioFE8EUHKUoXvvvx4H5B7xdbdgY9I2/UtsPn3nW1mP0SDdbzB7Wd9X\noEKVE9sckJm7o5GuowNVXnJVp+P0vgeSfIlJHY9n8r3dcCNJy9JNQBlpUIvc\n+637vauAyFCpuiIIhIhUGVx9PGv0Zv7fClX0AOxVHx+cnfXMvQ43NsFZFsjK\nJ4WMPgdfFDdnQcSG1S5sGd3I9/90BsE60xO/kZvqp90gW2amA4iQSx5fYfn7\nIBV7\r\n=gXR4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","types":"dist/mdc.animation.d.ts","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"00ae15a245c6a46fa0a13aa61a02e5958c0eddbb","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.bf405d22a.0_1628194619214_0.6433246767992762","host":"s3://npm-registry-packages"}},"13.0.0-canary.b47dd37a6.0":{"name":"@material/animation","version":"13.0.0-canary.b47dd37a6.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.b47dd37a6.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ba8e69d986857c22f8fa1a0f412832bd9f6a2f27","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.b47dd37a6.0.tgz","fileCount":25,"integrity":"sha512-PvvpAjFYeEmltEvjqc8BFS5Jb8ScCoh1R4U0WVdq78d6xQLupaxcPrF1trekmmfs/B2foHOoe/A3pDnCEGlNKQ==","signatures":[{"sig":"MEQCIEcKT6pxQyAJBA56nk6NWamR17KnXyJjZx8hL/WRw+lyAiA1ICXSdQ3JJMzUq8yPJGqk6Vmo/9cUEWYINqlaHLPqXw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhDE6wCRA9TVsSAnZWagAA1lsP/jQXb4itbmIxsc/pZ7NT\nthP3kg/KLx5FoJ1xPqt8u0gPzBOhgmcJqwa0wZdVfymnL1yDSkg68+AFxuSq\ng1ITyXR/w2EhYuDNnCl94lJBZJg4oA4YID0F/A4HvyL7yP2bmlldqPptg/4Z\n3AypoLi4Lv/689qNqF2/zviy/e1JqAjbYTYrUKMeqJb2fAKvjHwAQ3pudPbI\nIvcrEushArld2RZn+EDQ7H/9mXC5EpeSR7z5cI/jjP0R7paX6HBzsc80LW+E\n95onZyHtCpzwC34LWGYQZDZ2D/DfPJOdcCSg/yni1qmK3hJZtzMpbcyVIqjN\nRAo12OZX4TpCGGEtkdkjyHs0O2Nt1vC0v4e81n9HLI04nCq+0Kbj8spG5hcU\nUY66o7tv6fBUUU0LJXy7gPAXgc7vV02R6Otx1D0aJq+S73SfLF9R6LUA23V/\nfoEjZtFAsuJFqY318n30zijocH6tAef10F7oep+GEsBG5tRo9Qv7z2bf9Lig\n1ohSEjoQw/VOh0LrGdHO+ORRy+SjG1h4vkhXdFS0ufSdmG1e4eYdW71zkdzz\nyzRLo2+dTRgVWZGbSvoUrCro0W6b1yJFQz6PYZUWH86wvtBn1/ePyKUiqQo7\nNc3ePgi0Z4JN0g75bW5AmncP/XO/DMLDH1DC2eSRC7Kqv6DFuT/FyHm5y/Ky\nleer\r\n=6lfF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"47f67e5fb310c13dac39b9beefbd6b53fa54d1b2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.b47dd37a6.0_1628196528827_0.797676503962335","host":"s3://npm-registry-packages"}},"13.0.0-canary.6c82b965b.0":{"name":"@material/animation","version":"13.0.0-canary.6c82b965b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.6c82b965b.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c47cd20b1ea2e95af357fffb8a02e847938e63e7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.6c82b965b.0.tgz","fileCount":25,"integrity":"sha512-PJStsH8/1L1q4THGrxkZWKqmLuQfZpU0ncJgEdhVxzP+zpWNsbZzqiYN4Y9Nu7CJOqyN+yYbvLrPoUyZ4/0Ajg==","signatures":[{"sig":"MEQCIDS13zo2BwRAAy4uVj7OtShrcKDV73VWmdmWvicghBPqAiBeHIbrP7mLLV2nrajSVVpQFnjnOIgQvVeUbWDhwB1MuA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhDV+2CRA9TVsSAnZWagAAikAQAJU/A+XpRH80Ru66hCPj\nWw6glOK052zT/iDVQPpIdATXBpQELhTRTDrDPOom0aJ+vWpr3FB1NevpJLRt\ntiwiMb9XcvTYS9EB1U204/KX3NK5V7FGrhjenr6/R4NMPEpdatAEfqQ9PwzS\nE/HYwRqC21012HaEmgPDTyRDO8CZWNx7cRy5p060MV6mrzSQe8bMeUpUSHLp\n2yXt0gCqdxPeXtWHE7K/nW8IUgZoDsn1Fpm8GUQPZ3USIdqoJ+qSEfcoKdz7\n+QcWSVVIyJRk2JheZa0yr2UqCgvRch15FLgdeljhf93R7MkqDW+PHH3O4LkW\nKmXg/7kZ505wKORYlPJRvwq4kZUfTpooDfyMwZDZr6eZrdq68U7intL7CdCN\nw0YjxILkrsZ1xLx5AxrDvi28u7qMiZsUAVJumi4Bw1f1WskB6XYT8cVSti07\nKhj742Y8LTeCwYQyD/iWvqAeV34R6mpxLcqrxPObAYD9XAiJ/Dh+42EFKcRR\n5kdO4AHzIzVAqg0EDZfdV7em0Gx/ScedPwhxOt69m+FzReuoUjB23oWt65Rb\n3edJzajzX5BGjmR1n/yYASRm69d63e/RhRsQW4SpAHXMZtNZGvoihz17YJHL\nm9BIU/VmsmQVPQi23LsLQEB0Y9S3eKT3DAAnTZddJSYdyXMe3LgsMM3bkF83\n4SN6\r\n=H99T\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"434420b9fc9470dc77940d2240234a564be58d02","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.6c82b965b.0_1628266422083_0.4938565061583471","host":"s3://npm-registry-packages"}},"13.0.0-canary.4ca11fe76.0":{"name":"@material/animation","version":"13.0.0-canary.4ca11fe76.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.4ca11fe76.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"491471b1b8aa0f79019348dabbfb2692b09ff3cb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.4ca11fe76.0.tgz","fileCount":25,"integrity":"sha512-xAcWsnw7aSg4KAyJM8IOLgMaRzT0c0jIiAlgQJafR280nI7HpIuP5ndeCFhsm4s+b9dA9OllM1zGMnF4d2N/Fw==","signatures":[{"sig":"MEYCIQDvLtKUc/2PKJqvT0HA187o3HWOux5+W4NAaJgHZGPFRwIhALk6sbtqZme3tKjXpcAuFa/xdJL9jScylExCF5uNSYkw","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhDWwHCRA9TVsSAnZWagAAzs8P/jLFpaWlAw7mD5HlGV6+\nJj+fFOmcPBdlMnPxxB9iWPo7whJg2DmYfvC1aupUVToN/CRfdQvs4CrpcT2t\ncU7sR0RiPAiC923Ac5LVCIHHkkhG3zfHlZEZdRuVaFeATSVEvwWYCF1nmWb5\ndR3W9T5us8akV9pLmszfdVvRQUs3tbtFn2edkP0F9ASlnoUeeftXLGwdZjCO\n05QPimk70aVf6D7xelDPvr23piIJekbigPsIpuCV95OGgBn1E5U1KliqxCvT\niGsMZvIcKU2YNUUvik3DUtcZ5tTf1dBQHEeE5ImA6aDLiCXtvZ6UGIHzYo/S\nuDImGwWGDJRRCuP8uIiJJbNXUnOCZHUoYOuJoEJ5ofPuAhtmPhiHKaPkf7nn\noN616f1z/U8K/gMLiMl+keRh1pbQE8dEC6m6yBLvUQ+mEVHb8AUAIKyAj7wy\nlO38V8K35vI3nPpirFfbAsXfSTwxYjYiWIsc8v/YcJBFf3z5O5frFZBglP3o\nJi2ge4/P1tXDc8tNwGCJl6Ibf0KQEIYUeP2UuqIbUiK48IvcHDAN2P+jNxIz\nIOZf0BDZ16l23yIYEtNVIjCpcenG3GbvzGn3W+TigVBPdIzv01x8XvG2+Q1h\nvp9szZjmtX4jk2nza+iLP1Bf5wcrEDpeFiQ/C+5AUtJjG+CvJ1nEV5s/lzU0\nbm0a\r\n=JGxJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f012412147804a7e8c4bbcb205a7a48a045cd694","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.4ca11fe76.0_1628269575331_0.36373404541961474","host":"s3://npm-registry-packages"}},"13.0.0-canary.510cf90f2.0":{"name":"@material/animation","version":"13.0.0-canary.510cf90f2.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.510cf90f2.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"407166d29227a33fa51d0aa9e34d30eae274e0cf","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.510cf90f2.0.tgz","fileCount":25,"integrity":"sha512-nEIjktmeNQTRYhCMgJUa3YMIGENvGJ2nakYV3GrMBXpIE/dV6CokMErhaRA2umUwICYjoRqxspt2GAY/l1GHhw==","signatures":[{"sig":"MEYCIQD2naangc4x2AOjktcKbG+Qqpudm1gR2ml1SqnAU2DvtAIhAOzrrv9JoZapG8zbIKoIowZtYCIrux9EoQLkIZeA/Hsl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhEWLXCRA9TVsSAnZWagAAk+MP/A4uNVJ59gMV8KkmFxyp\nFUDzeOXcsJya55ZBR5OJDaJYMBlmJ540c4u6wO1OyPA4sMP0m5MgwYf2eUCy\nM4crAbli1qEI7xQjDfdbefIXUFNgxBNSCQst48PhoyADRlXYIod99OwGmJHP\nmf1RotxC5cTKrKwbhFC5wQ5YS8JIoSj+XUEpd4E+AyKWuSCLJXeDtJsBXrJa\nEklqOoyY8WJ4Siak0Xqu69dJFtO9JPhnumYSgStO8tkRJsFUyyP86snf0hDw\nOpxjA2QH0eCKCVyRZ7SD5Z0JmQSFlM66n9xkTc0bdbj53CfJch1XyOJZLtkR\nJtN9DCo2p4pQ00+Fu0nVwQ1nkVvlsolkQoz4p0/lPGBru5X+FoGbCTb7PCVA\n+MPQBIX+erg8Bke8aR0LsX0iiqsoDQ4UMlMoC/sZI/d6w6QhBjvWQt2jMX9H\nwnzIiT4Vpt3g6QNA9svFGUFEkhAWNLFbN0VSskXyGxLYpDXFZWDI9OaUrQnp\nrIeEyqqDdAbXXbmfrje6xZaayBKT7KExxkT5lKsIQWqXVT6tBlWm0IRZTq+k\n9N3S3zU0RCDVw8VTHFrAhKTYyyYLyFuzOABkxK5cSlzmOxhnAJfdMfuuHxIk\nwfSEryCahAABaLTkXZ7RHAOL/phgJXxLkclkR6+Rr6QdfEsBh/6/I7V9MNCa\n6IF+\r\n=s/QW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"1e11d1f2c4c830419dc862b62700d4484604a3fd","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.510cf90f2.0_1628529367728_0.8551315653433191","host":"s3://npm-registry-packages"}},"13.0.0-canary.17580ebf7.0":{"name":"@material/animation","version":"13.0.0-canary.17580ebf7.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.17580ebf7.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3f46e6896ac5059cdf8f4b968255adc7b8ddaaa8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.17580ebf7.0.tgz","fileCount":25,"integrity":"sha512-MaiJ1fPbrjTF3Qy8JC9XdszRZ0heOeWBP5xD8ttgTnnOrXECzFbztyZeTiHSzmTLk4eRsyPmNPayzHsyGAvf1g==","signatures":[{"sig":"MEUCIHUSuyn8Npo5vMAteVipNGQovRV4dFhSpU4hTSSLTHdAAiEAywjUxgI5brsdRxoXfV+A8EBQBUqIxknHjT8A3ON8xFQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhEXDiCRA9TVsSAnZWagAAN64QAJUE+TY9h6pqrbRcoW2W\n/MgQ/55z/PhCEF695nVtAV6t6YPD3G/tcb6XT6nOjoHlc++TJDieKEk3Y3/w\naTkKPOtSvHkrDRKzG2SriBGhVEUFbZtd8cLqzPR1TWCpwPWoyTTFTWhBzFih\nUpL6xHJpbrpyr4GVrFI0+X/Oh1KB1MZxK2rNyqZG8ZHFwprOAwMsRWFZ3LtS\nN3w1zLXRwYmKYWHQfrCVaSzZUEGjL8ZFUlx3UnhZAXjQIlusrzrdq+Y3ERsv\nlaGXqSbmUE26sNZvQplk/vIsqOtNV9RbN+e+n5vvg6QptFoLp4+7rq7meIrA\nF5NSaEcV3sNTqnoET4LscVnE8pScjKNNJiHoPO+CETPh3VMtX3oeMVjc33dd\nM1KWco6tu3Z1MlmsLanaYWVGPPZYvsD187wGjAH9XdAD1EiBJbf9cS8zJTSm\n9RhHxSss1XyDj84hYRJUemEloZpF4f/Sl4bgY6a7XUVvdZ9ff3o5P9nHblFc\nGE6sW7Jo0BslKeKkEVdN4a+qB/NeQeTDO3tqY7X5Rv0i4N1zHH0HyBOfbcoM\nPjRyUUigAvVy9dnnSn/OLvjkkrfLV02n/PHWPSFQ466amPIBnA4HNAJvcawP\n49pVrndWiu7UR+6AOq/UPm5bzW0A8ujCt1YzD4aPLS6s7bVykDLroRlvBXQ1\nNU17\r\n=hsWy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"5bde42052101fa1fdd48d89c3dde8b9e99bdd1b2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.17580ebf7.0_1628532962044_0.48735730821569656","host":"s3://npm-registry-packages"}},"13.0.0-canary.7249a3060.0":{"name":"@material/animation","version":"13.0.0-canary.7249a3060.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.7249a3060.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7450c3a39961cfe7b2af472320803bbc855967dd","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.7249a3060.0.tgz","fileCount":25,"integrity":"sha512-DW7VM+R9thuKoLNWSZ/ymKCTawh0HCRo646OYPKrFKVUJgndySJQ48vnIOI3nAwHijTPXvMQlRCQa+UhQVo5gg==","signatures":[{"sig":"MEYCIQCVYVrhr0cIabs0Qb1+Zp3Q/g+FEQNaZp/XtcNwAzBVXgIhAJeq1PSrC+avNjEQTlhyaM94ryKxpq96q654PKieFXGB","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhEXHpCRA9TVsSAnZWagAAvY8P/386VGQCVb0oACXkyn1p\n7YDaBXp+OEvGGURftCghGeYu7hNsV14bbnbPHS8m4nYCN3ZTc2DycR1exn9x\nkT3OfsDRPQSWFCnIs41ajOcQeNY9oO25HgBKppzLJQSuh8djRx/+lfWwuICg\nxRXQCIyhot6lz7zcSITZT9Owh7IIqS1bgZo63f+nWpSUIfmQD3p1JQ6Z1/U4\nR0iYwKnhihk8mygmrE+q81MeSkr+Qd+Pn7ho6g4rpvChlM/ymXU7kh/Ac+i2\n8D5SiQBsacrKw+eY/iazQvdO04cXvtXi3PPQhODDrLEQ2Gj+7p1e5qB/9NxS\nvRDeySCQLo67tE5ZbckEV37HdrB43yGGgjGe5EeyaFCiBQjGU1rG6YeZ5Jus\niUjGDjM3vINijk45gmSAo+F4SwVJMvvguivM2TaDz53y4ItosM/nS6rwZYL2\nhNJEwQTHjOKW8rJxbl3gomAFyVja76bUlmsrvRgS3HddTOjeCbuJd2r2B0wC\nfX4NxsIw7+j1nj2bW6eyHZwnBLQB1Q3XLePVScnGlHLHljzjAT6YOyWFQDOb\nMGzy9h+jzhCsXmO6BV9kps6TjUwPZ6nWpdYOYz8eloq/+41mPTs73DAg/uR7\nquvQUdt+OGkHg5/OI7tXoYijGq0/TumE0VF8vfv8ZhPMapLfBci3CXSxngav\nbbwE\r\n=M7Tb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"3412ad644836acdf464e70d019c36080ab377321","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.7249a3060.0_1628533225755_0.6399947131214758","host":"s3://npm-registry-packages"}},"13.0.0-canary.4c405863b.0":{"name":"@material/animation","version":"13.0.0-canary.4c405863b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.4c405863b.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0c298c5c4b348c7c46abbc85ef77651014d177a7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.4c405863b.0.tgz","fileCount":25,"integrity":"sha512-iFrceJsGRweMO6Jq0XdrzWyCM/nNnN6QDgHWXkcTNXMF1R0PxsGHoc9/bE86lMFNzVkGx03vfa0Wn1twh5O4Ow==","signatures":[{"sig":"MEUCIQD944PfmLgN+l3EovjW+IOwTFs5fP+fUeTUOyIi0UiqTAIgJ1YWKjgPkb5El8yeHF8zuJ2IvjHeTqDClkZyl8ArsCU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhErnYCRA9TVsSAnZWagAA2C0P/AwAlpvlzLaCWcugWVw9\nkEcQp/k4zdWc7lmhzFCREs9l3MobB2htr8leXvkFba+/OOPr4LXwhcfCTVkI\nbv3YnRumLq5g5vgtxpvmdmPGcHAUmkp00hJZPLsPN3jSAoNaVdY/3KfnrA07\nJH9kAfxMMeCCH0TaQ6+Drv4d8lsc4Y5Cg4TueS+wOzsAsNm+advjm3cwNtnM\nabp1/4j529IOPAWpGOWBHxYmZhkM3L8FyQ72hZMbARPWFY1NgehvERTcb7sS\nRJYloE1LNMHBIYcPSAL8weD7rEnEisHseU3pQa3vkFyZ/Shft1Uk7iVCLBtt\nrThA4mPAMpg5v2kHuloxOsZzvCiFRRUynQVUYnjoWdbjsEkuf7HlX8ssGHpu\nhwy7+dG8HV73hz5oP7HqZ1z61zxRoW5zvtWvEpo4HbJa+B/eAvretgAXWpGh\nK1Q6hvR/xjhtD8R5Hh9cljBYg+dKcuh3iRypOHQ9iEvSRbdjjXYon99VcO+t\n6Y+X6JXbznB43A8Pbe0iefi5QsZQaCHaxbSxONbuQXLQ21PiDHqjFdEs4L7H\nDtZ/tja+dG66tgp+Ul4SL4Q2rERcHaKmycMRENoPki7rVUjmIuBGC+oFvzCE\nERNpNoLec03lKdtYfB9f2bbM+4eWTO9yjn3wG/uzaoJbwo7jCw9L5cT3UV1Q\n8IGy\r\n=WzpN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b3861554313a19a861a5f6850f9df33ae5bc42b6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.4c405863b.0_1628617176452_0.2902213275129655","host":"s3://npm-registry-packages"}},"13.0.0-canary.f4241a42a.0":{"name":"@material/animation","version":"13.0.0-canary.f4241a42a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.f4241a42a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7eeb2fff878c7e376bd49d3df91d774496b57d33","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.f4241a42a.0.tgz","fileCount":25,"integrity":"sha512-+ZChGdBtUUi4mndBhI31k40HE7ZeoAA5pGrMheHMWdqYhON2QJc48hEMmIrtliZm8GR3Rj2xZ1aA8lt/4+9+AQ==","signatures":[{"sig":"MEUCIHIZDa2TUYEbtZMe+j70Kk4PQ1YW8A62pDJuH30k14pFAiEA1X3QWGMl51oNTF9fA5062vaDaMpUsmFlTy0hqk4rXyU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhFAGkCRA9TVsSAnZWagAAUKEP/2eTSmtKFKiAU/pCcb68\ntwtLU8i0sR8TnuAcXkDvJdnWvPwK0VfbTenTrzT5ZBZ1VHYUM/NW7psuD9rn\n/yyuRaT1lE3+qyZMFO0AgRq7qhHGmhOSw/c0NhETyPxTJmzwa6OZDGeWwQuV\nsurCmuqUVl2kowRIHM2heHOgs2e+IrAKbhF2/xwdyaTQBzvtg3lnxNREu1FY\nVQzvOhcz1M60RGruTDtiq3eqGB9btT2w/cBmnOboIyYPVxpswWc8U+UymRvX\nc3XnNsVjjcc9t3YolZ4UwSviPCqVP8Kb2upIhwB+4DWcnydr7RTzj6Ii5X1g\ntYIoZO/mUD2O+XQKv7z147udBiqlKmMGvyJtU69qd5IWQuFER1eNqiCd6Dk6\n8wTFx33kH+1W/cc120Pz1etxJHyZSmaT9wS1HacIjavKnjmMGrTerYVQ1at8\nxEWNX53s9bgCLVsglCPTRxjD+dyoj4pC6ESy5ft4S6UlPtbHJoQKXT20i3Vx\nq7uqbQS2K+1EJD3xM0JPq+8wNdsNAsqXJUuxEHmBr4UlClZVFAE9ObXRuMh9\nJgk011OQV6gXWcgs7ELn/X5KJ/JlKJnhGNjDiXLtDr2/ChCq9ehDaKRRXqQb\nu4I59fzRstmBrKkwoZAz64jcL6XIXrLSdVjcMr1VbQ5itHVR/evg+pGqxFoN\ni6mW\r\n=6a58\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"bd97e42dc6a97fb74d92a9cb04e919c5c8af4da6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.f4241a42a.0_1628701092479_0.4787403024665726","host":"s3://npm-registry-packages"}},"13.0.0-canary.0ad12ed3c.0":{"name":"@material/animation","version":"13.0.0-canary.0ad12ed3c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.0ad12ed3c.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b927d56bd27ff2772e25f214f67b0852f8a6cf0b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.0ad12ed3c.0.tgz","fileCount":25,"integrity":"sha512-hSL+wGvCxNV934JWz87PCNqY3a3+weFn7L1G3LfAXerX8ioFby4VgeuQUG/zhYeNIuWiUS/A4n9DANR9/i8FWg==","signatures":[{"sig":"MEUCIQDwCEKx3UHiipvWn/Ga8aHCTEoKlwLId+3tSKr2/UiB+gIgFUhIixhF3KzPF9CLQuJRjLSE0CgZySbIFL0EvSbZeKE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhFEDOCRA9TVsSAnZWagAAGcAP/2XpBdIBhMOY3H++f792\nAiUlEL/xp8+ALDvfcBX5xNSzDoMpdm1n+B1e7tezHERdYghUl9Z2UPRwTr+K\nGEl0ut3XsWbvqP9ftrl1dcnXDWcJteUh/M6WxKKBg+BeN3+8vS5epcFNz3a2\niWV7OZM00CfAF/B9DeiqI0ZVHXau4j/6/CuaLdD5WhltCEA1jwRNasZKschP\nEbPa4JyTZ0wNTcJRG+h28e51GfVu050Pqs04SeLckoGk3xXLMUafPtHvr0Hx\nNmjeYnzlxlWhsufnQjHLAdkqvXlOXCWrXvChwwcax4EaUe8Wqup1pgzqGVcm\n896jIS+F1VKP8KdYjfd4lJry2s4SErGTiaIZd8PzCLAbdKb93GP67rbll5h8\n0TaU7Wm0ORMh0ZO1vEV26T1vt+uLauVFgUCCI8Pauirs4hmDKblaeahYrcfG\nq2+i5RBNwg9kyVxcKFT+FBOglChdftxtei9ClD2fJaiNJ1maW4i4mBuKuO6R\nQTgO3d8f0VTkaPRTiGkdaGnfHomHiQvgHedXxq6GUhq4Uk4NiqBR2NcEVmIq\nJmlHp0kGlMWtw0x3YR/vrxCFzDkE7ToSWHJR+ri19gP/CR5w+hFe/tAS2tR5\n/PqS50RuywR1gqzAvRt3kyYMsy4oK8af12U8z47i6lJvPZ0hvpwSk+aUELzm\nxyqu\r\n=k1o/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"db28e7f3596365b1d41f14b53d656a743eb28bf3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.0ad12ed3c.0_1628717261843_0.7171107349442705","host":"s3://npm-registry-packages"}},"13.0.0-canary.077dcfcfe.0":{"name":"@material/animation","version":"13.0.0-canary.077dcfcfe.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.077dcfcfe.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ecd89ba14e8d67c01091a8fd710117cc5b9244d8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.077dcfcfe.0.tgz","fileCount":25,"integrity":"sha512-qsfEVDMrcHzn04fEIbMc2Odan7d+L3IWmAs9t6a6NI4CzlInZsStFc9eRGEjVH5sIW+da+3YDZSEZHiT/N68Zg==","signatures":[{"sig":"MEYCIQCqc6+17cXuwP+wOY8WuiZ9Co7KZmGyPdxCydPqPCD7dwIhALWLxNS1D7mb001w8jsmW3BYkysf/B8gzdha7mS9Wi8M","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhFWBFCRA9TVsSAnZWagAAPpkP/An5xXUKnzPjBt6Jezee\nto2+9uSO+07rb6NLZWeuQWytotpOi9X95KuD3+d+vUTrEUzp9eefvNZ8JB24\nvokOaXvoiLXImB6mGpBf0CkvUEvPz3vz9wFGC3dDtNkLn3psFCmMsMtp4+Dl\nFoiAzDXHiHbUm8ltQEd8rIzdDnvbPJCFkzsnCaYR9XjsgKnQHMmK6JL1M1Rz\nt0DpU2PRJR4L0xWdpurqyZW1/GoI4bgv7/5HKfoC79n18OvFez6nZhgpphQ/\nGjTPGr/5/582JAX8r/LXC2l9K+T5VG/Lejb3ssIbt+Wb2tObSKGvOioR6CGE\nsrzHwoU0F7kK4AVMQQ0vveSJ4wSIZSOYLqhpBj8kcR0JYPSVpWg3jbCIE+WZ\nz3SRUQ+08IJuYBtH8vF5gz4b75JNZAmlIKrXTcinpXoC/3yMbihgVrp5SJ7V\nRwaMaPq7D1azbvsIC8UxzaPTnzfect6G/EJWtH47aW23ifjWJ4oLxoQeaoms\neJFwod0lZr0FKyu6FSanYfro/z3ZcdUy0jnZ91316JAnTbOKmHLS/woscok9\nqkqpEAicAskMQodbORPUmLbPgNUM77BAyqj/Cz0xesAkfHAsyQze5ziPWFU6\nyzW1aQHOLeYQ+lxb7ATj+tolZlhMvrF8xGgDqBWu3nMYYnIlpFszDQlL5Yq6\nk9zP\r\n=JVGR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"0ce840a62c702182bebe1a5f2ed037bc002472dc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.077dcfcfe.0_1628790853734_0.8073652902059532","host":"s3://npm-registry-packages"}},"13.0.0-canary.e3346766f.0":{"name":"@material/animation","version":"13.0.0-canary.e3346766f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.e3346766f.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f5116aa6410f0002a52a24b4eb4047e28e0cdec3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.e3346766f.0.tgz","fileCount":25,"integrity":"sha512-8HVyc5RYCfJRWT95YUzLa8XdmatRxFpdd5Of7/7ms4qmrgMC0QKTyLuZ8y4PztCy9zPHhDZOj4F61AKpnry/7w==","signatures":[{"sig":"MEQCIBBCWtCzs3IwrhmMnsno16CVvtKdP+xNmV/0mqe14tmJAiAiucPJKzmKiKe1o5ETWwnmzb8trcPX+RsONTn2UWvykg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhFsuICRA9TVsSAnZWagAAaYMP/i4n3qiFZ97nlwo7HmgX\nDO6OC67cuio8MLyD+tkBeB/ZufxY4c1kJRWHZAO4auvdytIdiGStEMhKP/QT\nPAxyk/P3qaYNWSIDyhtu4kBN5DGklgoZDgxo4jNMNbCqPyqIf0sJhxwr/jq7\nLQxKBSMAhHLLyjbmtlx7UcMLMLXhWUE1ZYK3D4UDRvvrecSIp0om9OgQfgDq\n7WqRivYAEH0zsmgULeQJhKbQLwghLUDrdtoo9dVVzJXM1piip4p/rbvcLPw5\n2Qe9CpoAF8/74bh/z+jv0PWk6RClhYN+T+/Q24Jzr92r1d3LXF0+g99LVPus\njsFKJ+NnvS9ihLpRe2qeARqKESQCdLBmuRcJMLyAzhFTBWDzUzRJ4zLQqAIb\ni8zFcPow30cPLCaWdWRLCDoyvQ20iS6wJwZZ8mD6rnP3NJziXbsk6T5foWI3\nLH4EpfIofnpxzRDGb6IVGw7i5H0BBXV1goCDRJ6xO0WOzDc5YxydW/oJ54yk\nWYyv3k3erRidplG/jstCojmJaxRDIeZnwzCpnKHX71d52LpZWABlRssG2wus\ngWrDV3qlnM0hR2cKPDAdcR++J6KYMKlTyQ57kyIZcqRiGz5d5Phhu4noWSp3\nmKJy+3cM3kqzDUL6Py0Ix1CDmcVBf6girqYKhelnitLCMP8Sgjic0VzyIytZ\nKtyU\r\n=Cx2/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"03da616c76c8b7fab07a24f82209f171a2fec41c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.e3346766f.0_1628883848788_0.5981912990899934","host":"s3://npm-registry-packages"}},"13.0.0-canary.2fb068fb0.0":{"name":"@material/animation","version":"13.0.0-canary.2fb068fb0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.2fb068fb0.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7e15febf794145d48c890f249fe49a2b23635e9b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.2fb068fb0.0.tgz","fileCount":25,"integrity":"sha512-PYUeUEJE+c5Hz+HqyM9UwBK4i4arrhT+vvlMjm755+pQJqSl7xGN1GdvQUq7y6CX8Qa6BrZ1b6i1vhuMuoJMrA==","signatures":[{"sig":"MEUCICC/wcuwVFP/7B6UAwB5E5dC4/h722A4D8prgFvgkMt2AiEAi3/Lw8ZnrTQbvR2QI+KgPgG5XVrnurP7BxDkEZzoh3w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhFsxNCRA9TVsSAnZWagAAY2UP/R6GAqnwJamnlBMBbeIr\nzizudDSg0QKKBwOpfTwQ/Q4h818gHmAWTsP3JL0RTUflNQBZghlIMnV0Bl3E\noS6AeyrNooF1VNKulwiNtVfv8bmJQPux+XwoYwPXN+e1+fLJ0wxHfsCtUuPr\nm0581RW44AVswrpx7kDkAn/KBcctSvI8GotWCRYbPg+ODX1/ORfL7XW/NHlh\nNtNKmZ+7W3PNp12W6/9A28N2LsjqfMFziH616NSVY/J0ndC1kwQhWcX5C/AA\nuweUKbdVuMo7V2dkL65un98GsrbhYDEKU8wrU0Dxy/RE/ZLLHWNj5I329sqS\ne0h2Zo198vFwtQUZZaGwlFxVokzjbtD/5Jz1khgP7y0EFCS7/Tp3tiXn1Znr\nwAqw6s7S996PuCphRvLJSaKmgDEx2dRRl66e4hM2TBCnNp+iqI/TrGVHgsUr\nXdE6FdkndF/ZMmeEmhiKrgJf8uNUBLxbV3IrI75UQ2HkALzRklm1VkT6YA5X\nDdyTkOx7ksZ3Fqee7MyqQwuxIJIXjSrolybDbdt58xo2AK9xhYnMxxIgAcdU\n3Fo6HZRksvxuoOcVDtgBKoc7t0TpZOa8uhty0B8THquwsNwVNK/y2+CP08vb\n8neGfwvlgEI5pw4/RLNk1YwYkH3W/aE6qJyvLsseWFD3YAB2GNL8UAB8+8/6\newpE\r\n=aZPG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"cd1967c0a3a80639eef1dd76a8e579a4456fee90","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.2fb068fb0.0_1628884045237_0.5412946201320441","host":"s3://npm-registry-packages"}},"13.0.0-canary.fb76c5069.0":{"name":"@material/animation","version":"13.0.0-canary.fb76c5069.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.fb76c5069.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e99790ec8d48157e131ffe1f70aa1eb61eff63e4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.fb76c5069.0.tgz","fileCount":25,"integrity":"sha512-8qO+atctTbaJCWvJ4CAAv366Y40Ozqm1+C4Xqy2tVID9sTX44RQw2SdY0QB84cPEhEWxyllcc5Rl3wJSbyI6FA==","signatures":[{"sig":"MEUCIA4lL4HXXSva+N4ejYxslfbmTKyk0vkz9UT4xALFrrA9AiEAzv+VkkYxhnuZp7XYQtSLy5Ldh6ZI8GX6xTexU7V8YoI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhGsVnCRA9TVsSAnZWagAArc4P/2Y/5aLiaU0hnr4Fpup1\n2C+7P77dTjWseUgc5qIgI+XDy+Qd+ESuSVTHJld2Kzkpl64NF/MrSvDBVCMz\nXy5Kzh5KXIewW5dKZBz5b3IyTn0zqbdqqOXB4y0kAAXRVBbZP7k8kGiWFfLQ\n16pQTMiQmzh0MlBeW+4X4lnAQ7O0W7JW2uw4h9XAGnwCswqj/QHOYpYfuwDi\nWETjtySseDNRlsfEt29q7qdOkOrKRM3cEDTAj9rOnoIsqq5C0M7bpyguRRQZ\n9t03PrQnR3xbe71mRz97ILqxvJz8VIfVSUD9Sg4+7o4vVPhqzV3tYDY7BTR6\n76jVPBqFvqndgTg2BWiMaMTao6Eoiup1D8c1eG5B5hFnOOrJ7OgOeaiTWqem\nyjhTXk1cUBHYMd+ba8tZAVwPQ+NkIeJ8rbKSCMQICtBp95VDNhTTRXGuRze7\njSfrki7RiuxRS+dVZnk8T0ed7Q4JmeQddH3ymuJQl7OzzWEaasMDz0ZM0eHK\nr9urs+pbdsHHLyyOutMHlvprBjxS84A9GBxdWSkrFlsYuFTb0M+DatNGy9vk\nranSYnfZ65zXjR23CLaYXXrksSfLls3dt0fSPvmTfkA6+Qf0N5fAFRtZXvF7\nGajBvzhqECAm8RkxJutQZm0dcCBKFJh+O4XztwCMxICtLkYaWkKxDA3cPdmF\nInx/\r\n=Oakj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"8a969624431e3c1b8d80c2e2a37e5ea5af6bea4f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.fb76c5069.0_1629144423017_0.8857249629613384","host":"s3://npm-registry-packages"}},"13.0.0-canary.457d89aad.0":{"name":"@material/animation","version":"13.0.0-canary.457d89aad.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.457d89aad.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e263a4a20695eabe20db2e75b8fdd90e2691b223","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.457d89aad.0.tgz","fileCount":25,"integrity":"sha512-bp2FPRJ8t30Ymjz7LUWe5HsfpF0MZKljFZ9ifVcYYSQIFSsd6dUdarwzsiZejp9qldPGMiQmdHJ9jYhygMOt/Q==","signatures":[{"sig":"MEQCIH4awAJU63EEgxsVSWBPKadxYa+wGsxHPcX1Hxpn9PApAiAYb0gOBzi15SvXrzuOhipXQ8us9QTZj7GdcVrCpuqDLA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhG9PJCRA9TVsSAnZWagAAu+cP/RGOpwBBzojyEcY1VKZy\ncR6nWgh1ytTpqZ+dHA/WS/2pANfpAxhd6hZ2lK6dDd3j0p9RaZCmaG1+xoub\nYS0JRkBRf5Jl/11G2Xi1kSstNEUlcw37HdaCXbcc+NxGNByXQXA7Hee3glCI\nS2FUwzN1uy8C91MNLQsLdvPiHvedyM8M7ClnDnPrPb5cD5E/+x7/NyaBjPQX\ngEbdrNUeFFlbRP91xlHt5JbxVphUsmbneRtKk2bBkAhI9kbDIoiBbtra86Uo\nQ7gtkz7e6HCCvwT70lf6HpoatOvC6/ns/7sC56bb3uI2jToqif24GmdUYcm7\ntQgtu92SJIio50LWeCy9Qp1Z387GEn6MHx3o/N1E3a3jXh/tstU8t3p4/7KN\nw6X/3m49iG8rMzZQNAfwMBS9MkFUlX7AvBJjBIWxOu6huveWpaiE0SXEWpNm\n+APDQtvu790ut8IUp9mHX2j1ka/fcjPO4xgGcCEyENg2IullyX9NPG2JrE5S\neidDPkgshEJuIgvOhv5BgB0bVcW24eAqTuFKj/oLSGLDF3c+OdNfH70m+KQE\npmA0N2sC2DGOByNV7LVLjSPBH8vP5rgij9DZPrnxH5mffFL3WdMQ8ia47/9n\ncVbxHFMMTqXghznUecYNLvPXFOJuz/7HP095tVUc3Zhhxl4BeQoXQBOclRrO\nlNT8\r\n=r+3r\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e1aeb9efe0d3f4d8670a6ce174d17d7528b34438","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.457d89aad.0_1629213640956_0.7382668506031351","host":"s3://npm-registry-packages"}},"13.0.0-canary.0de2f2edc.0":{"name":"@material/animation","version":"13.0.0-canary.0de2f2edc.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.0de2f2edc.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2b1d63a35b6fc4420563a58141eac38da6129630","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.0de2f2edc.0.tgz","fileCount":25,"integrity":"sha512-koZlyYDpykK38P/GTmY2c582Eu+Y4CipDSMGqUdsBP/l7z8YrxFkA5OMgHUiZvH3kW2acnaE15epcUrwJZ6brw==","signatures":[{"sig":"MEYCIQDnNzn6g5sj5he4wTW07junAzf+W5e/jXP8+8UY1IqO7AIhANVtFYwHpnSmAuK+nrnRmVWr0iLmiX14X/6z/yQZ8sPE","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhHCGyCRA9TVsSAnZWagAAWe4P/iaTXlf1wCBLRlUjNH5/\nhCnleh8J8ErYYIcNi5ad+A2jvEko6XF9HRJT5NVAkO/tIh8W9Ds/UoZFck6d\nvpR4ZMta7h5GA+da+9nKJLRaTb5fEySwtZw1ENV6c0X9NI/qmJ1QMrDLKibb\nX97G+z/YCvb9vnrX2couwUJobyLtHItf0h6/F7AUT1Sd+8YruiT4iOZPC4TT\niT7JGssM34xWfR0QLR6KvCuZLLl30Cwi5RwgFutUM1Y0/yaYsI5izkS4jD1b\npklkxIc5nVE4yJ4qKz2w7uUxaKhMr1glnUKWkhJcGN1JMoSeEpsb+YJbtEJi\nSscm6hRoK28dZoUVBAmdvQZH/IdFNCQy17TJKOmb9yih9lKQWrzp5PSfLh+3\nOm5Axes+oefIo3jgTdebuwvxrH3k2nu1C7xS5PIBGJpG9OFLLOBUX8bhmV7S\n3FsEtCIZ9RlpgFs8LaDj9StQUSwlae//KdLIKrOTxKrpY3pa4vmeJok16t7a\nyZD7NkXjPPVXURul/HQfpNfZYGlFoAfirLbdThS+KhUfwOeQyUCMoMfHsSK2\n+k7Zkrc9LHqzloaTa35YXMBscE7JYoIMkCYuEb1fclQs0RzgeC36B4R0NlBd\nTI0KvQHQ8apOGKiT4F4zOjYTWlLI6mrLozJVVAqVAhhQIkUjAsTb3R62Zfqo\nsiqu\r\n=xma5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ecc5e8dc0157f612d4cbc7b03507e3779919d5d3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.0de2f2edc.0_1629233586728_0.45245178797206487","host":"s3://npm-registry-packages"}},"13.0.0-canary.1f9259b9d.0":{"name":"@material/animation","version":"13.0.0-canary.1f9259b9d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.1f9259b9d.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ad63d7b62261d0b9c2d661b1d7d898e72c27f6f9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.1f9259b9d.0.tgz","fileCount":25,"integrity":"sha512-+leLN8647SSHwKemAyXzeWVX5w1Vks6WxvgvJaD2WAim1EZobIQxC/BSvNhlr9HL6UlSO4xsPLelj6/Hj2zrZQ==","signatures":[{"sig":"MEUCIQD5V/SrncCevtx8C6cVODER+N/W4xGO2+DdhR/seUAnFAIgSpYCR1muELFsqqC7VmkcFshCs7/H2Vpfi9Qqgxm3UrU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhHDRrCRA9TVsSAnZWagAAcdEQAIUSHEqq6Cd0qIzOeKUE\npV3EXd2fVNvR/AKtGrza4jjK6M4yPfAgRX9tP0If72tj927vyU1DtpOMf/Iw\nv2YcG3Vfof3BgtBdUMxuhvzv42vQUePtIGBV8Ko7A1pZuudp/sIyphQluMqw\nZN9V5apsN6zJBpw9gXrvtsCgPJLTgGj/ME2jHYBk9lWNFyOOMsXQY1qJ+fVj\nYhsVkUAbxt2b5mKs1IaNOOeQznwNlKKCqEaxs1URZn1ts+ji3brU+ALFxafv\n0fs2s9rdBKgKx9z52cYOM15YTGyoqHFSZlniBCwtkOqap4MxR+RK/OIR82dt\nJ0icnZ6gBOPNzbN/2YSjPXHV1xQajfglCrb71tIZ8pBN1XJNYKzlYoX0oOQf\nMFQkfvNmncV9MgrCA0s8cumxlEq7ZGOhcATWehHOg4qh+H5PpS4r1COqADZQ\nXzpDgHjwGmnoha33zsBXDvScwDG6qxJ2CTNtIVrrbdDuWbSOhrYjfD4F9Rm6\n01EkP9rQHOxwMgutoX7wyu79n9U66LyUBfIaualSa2Xp6TEbtJ9FXRj0YG/y\n5myzo4yomosGrWL2siJk94n8/LxGXYTQTZbkLJQkmcqwvzFcyS/FjNFXho9k\n907PrOrKjOA5TBPY5p8jszYtYaoxX/LHUSXWOv1gWjqqR1/odhc5f8RRuRXZ\nuBGg\r\n=dBFd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"4c2c9aa7510a4854abb7f568046a44631dfe3e7e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.1f9259b9d.0_1629238378891_0.9182626583987081","host":"s3://npm-registry-packages"}},"13.0.0-canary.3b9290351.0":{"name":"@material/animation","version":"13.0.0-canary.3b9290351.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.3b9290351.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0f7059d20ed09b5a8f8d9c386fc69adce6fc0f38","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.3b9290351.0.tgz","fileCount":25,"integrity":"sha512-BkUOnenTkyGLSWoN0mxHJwsDvPe3CzieP1dff9+QPCDN/vKT90Wv7JfbeYO/g3ez/gny28pq4x8ZRSALk2Zh3g==","signatures":[{"sig":"MEQCIDk85/eOCNM7StxfEKfHGhZzKvcWHfnNlsXKwqAxdf02AiBhEM+4NXtPG/C6BxR5v2+p6CvHK8zr+Z7qLXMK1IPN2g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhHJkICRA9TVsSAnZWagAA2DcQAJXKcRbC4DdZf129GzNL\ntZJtJGDFx+QhOW7xDZ75Zkm/C7fkJOrk6Zb8MiT1SWega7ugpIadf6hqYdrG\nUOUCVN0aV69NPOqS5WTU8fPIKZ1DEjkQKrh7yBlpixyuX3UT1g9ptkmz/IuL\nDAy2DwelkNKxmeBM00jBwwBOqUXrMfTz6gQEu4uCqA8Ef5ZODHmVFbPBhkhb\ncNlVE9s946oby5VrI8LTQBT6GxGwOwpMi9QBajMgvCCd86EqNOrmaGPIlVdU\n9N+1yuGIyDpyo90aLESSZwe21NvVPPQuHjsI3SxQeDwAgGH4jHOqjApf+rUT\nj4Db5LbtObkll6vZHovpu41EtE9i6Jt+f4RK208yDhiUHXFVGlVHOzweWurq\nJInrbaK/AT66ev8BxaRmjWhV6CraAxZMP+AVnwbZOGwumSXn5wHm57Ij1vS0\nf2k5H7XqB4aOLEo+TRvCtk5NOAPou7LcNv03trulTyWdHc2KbPPGcGf+pkN5\n/OLnaD0o+WKp5cpc+XlSKNbN0NJL5P6FwWe6Ly5QinvxGdKb/95ZOI8tumdC\nOo5QppKhfH8Pf0iWmT9YnjLwNABLmLPCCW+d2Sc8XU78d6xyQhAUQyxgc1+c\nUpSJNGyzbA54iBX2jQqMmiVDXf663HLSv4g+lkLKX1LR34HTEONZa/2rTQYe\nyy6T\r\n=kStr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"15fe006947f65208dd0e450f8cad53d361b2930b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.3b9290351.0_1629264136205_0.07131607129619755","host":"s3://npm-registry-packages"}},"13.0.0-canary.43d2eed2a.0":{"name":"@material/animation","version":"13.0.0-canary.43d2eed2a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.43d2eed2a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5b0ecabfca3ce16ee097db1167c75e325a27356f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.43d2eed2a.0.tgz","fileCount":25,"integrity":"sha512-Y2oQtWFHqzUpm4JLwci8nKL+mpU0dkw2LY7w+i6ES4v6hNcaXeMEGHl+5mhXV9yY+yA3u6bnKPjDpBqGzeLbkQ==","signatures":[{"sig":"MEQCICYuhgAzaHSHrG8LOzgrBO2pz93zfOlTs4TNScbLfGMVAiAYfMpMDKJtglC//r+x+7khQqCFlMyoTsLrxr1BGUc0wg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhHS7BCRA9TVsSAnZWagAA9/AP/11lc61JCWD9VBhmWbuL\n73bqCg2fSj2LCe2ks0QIDOZur/do0OTt/9nnCWgHn6NHTBJo77SE2XUEf5C5\nbyIyqZsVHEWbTmGFZzWqALDIMKAnJnKgxQ/RS6s6EbuGAELGnuCZ6JduQVO8\n9CYH5ATRB4Qd/CAtw5fEh71823+BywVCPVp9kieA80u3YxA7xFluRLD8qjyy\nSzvT4UMdQwebYld6u9xhF9Nr1Vu4DZ6hHv1f/W6WlbblZaw6Ul0xQaptrnN/\nI8wt3yxwQ3i5SoxAyJ4lU0+onlHkxue60Sy9r9cDJkuH/RkADMmAsUlIjZEg\n/3TprrXKgXZSMNQNdy6xnoKrsyUkWBsPAXm42cnghscCvj6CSlu5laOyDhpP\n09fhtLJHI9ymajYsR8pQ38tO5uwlKqa4cyXwxa4qUIUoOOnrEHQDRZe3qf76\nQPrxmRm7vBFxKv+auMu5pSFjTG9fX4qTZhZJGsLCBnD2mFRjYW+IgO8UlV/M\nGcw3K79+Vj2KjFb03UXz0MGsj/BN/BA4nQL+oubtX/M2R6slcTz4n++mVPKB\nMk8Enpipd67QC/lsJAN6REWJBKpCsxlZ5wg7piW5LHs2T/30yRfLuFQus30m\nXgAwRD/8h0uVv5leZiCWzfj4ZruU7Qs2RQGlwJp35NQHk0tkvXKLUVZy0FNb\nZ+4/\r\n=REcv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"687e2389ae76da9a31b26968c0cdd837208d3359","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.43d2eed2a.0_1629302464003_0.31285823806549895","host":"s3://npm-registry-packages"}},"13.0.0-canary.0a9069300.0":{"name":"@material/animation","version":"13.0.0-canary.0a9069300.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.0a9069300.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f74da3767dbbf4b06f95e85a948f0290cba5a784","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.0a9069300.0.tgz","fileCount":25,"integrity":"sha512-70WPxFE6/m7127LARZfPeGQXzW8mM9PI6kdKbLbQPgz7z8NBJLXhJZmsKyLPQfya2KRgBRnjAQWxqLoOwSitLg==","signatures":[{"sig":"MEUCIQCOsbKKdQywpitM5iuXMJjPR2wyoggLcrGtvtOx9oWTZQIgGimOU9AcGSPy1R4aTY/SlMEn7VpD4t3ybmXOClmeJZo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhHoPdCRA9TVsSAnZWagAAVwwQAIqFuL4Q53BcMLakCfB4\nxPnbzFwgmHqcifGNykhHhoYs3t4DSlS14oFgsfbirGpGEWwyuPulATr33w/P\nfIL1OTra/LBaLDGUi2apFG+dlvv/VDYVuFHb1D+qBHtV8aqF6Le/7nPSJZFB\nkYN9sKGMhoNpbcScEIDy1eTvbzfyn5N93YTU017DOkhwbcQ5RFV01fYMLj10\nwC09bOH1JKIV5MONILtGcBzmhuE3khp71TPtnJpmCv792hnkQ+CSGksmMERS\ni14relZrmw+E7780ovT35Lcoklw6dgGpwVWtcn7p0ZjNSAvZ1qt3C61rF4PT\nsFBRKDL7+lF1wUFm2pbBNR0GHL9laxs1LTIrS3tr8F3s7TsGk3GBG/0Pti3n\n28Oi4iK/0ADi/RkNec1tBEhMg2ERGKuqZ88RWSSgFdOn/hSDRbUVicRUAy+8\nYa4TohkeBM69N0mUjtCkCVWMMNQkDKqXX2X4ZxEKbCI9qrjJdgC9v+EmBh5P\nV+L04US3RdXJxeboNm8FHwf1JlMhbaCRz5tvmxBdQ3iCpz4yUEW51jAt4Kxl\nFIC4bdrs1jHIw6EH8TsE8O2G0PE6R4ovRSrrgfLdcunyoPWZMCR/eDLof+Nl\nZV0ugJeYCt8mJVHjq4WrTf1X6S/kz0l46LqQW+6wW3M+XVleFnu3PsVIJWKa\nOTSB\r\n=RUiD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a7249c6c2dd2d786b2134e129bbe3b4ca596fee1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.0a9069300.0_1629389789304_0.8911422337630381","host":"s3://npm-registry-packages"}},"13.0.0-canary.7da413ed8.0":{"name":"@material/animation","version":"13.0.0-canary.7da413ed8.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.7da413ed8.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0038d305d7091f31194688bab8a5937ed12de262","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.7da413ed8.0.tgz","fileCount":25,"integrity":"sha512-/tMGm+PaTPWpir3s1dJPMB02ZWLALgs4t4kY4iuK3Dp9L9fvJveqqbKZgbsCuGLn2ERcRiZjQCBdYyuZ2TV75A==","signatures":[{"sig":"MEUCIQCh9zd0D3HqxUldthtU1D1uvEF/ZvkbSGVuw0Yn9FcMfAIgGmcHKOYmAEki9zTxVdC1v/BlDQF9ZUvFPRIR7tK11Ek=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhH86MCRA9TVsSAnZWagAAlqoP/3z5J7Fq0080W0MTj5eG\nXB754/3q4r5+1sFca70vbqBhus8vlc01lmecJDOOy3I7zzWCH727fEkmXlGZ\n9MIe7GgA7rUS0MwsMk+CstqTlz5/75pLRJhra3SYS2hOPSuHYA8hM4DsUyAu\nwW4iDMv6+RKEBvshyYhbUbzJ+bz60dgjjGq+oj9ijs1bFM9VPrstKMyHyRA+\n7u5SLcZhm3E/ZZvunc00e5QDuCaBDCTXSVEU9nw/rTOp+xh74gH53OnCbHhh\nmvnlfaRm+Hc3vHaW0YdaFGsxJqTmwasZ/eVbPZuy8Mo5DqQHRl989kHXNdjf\n7jrvQqoAbgjrbM8mitMI6FtN3gOQ8+q6T6YhouzQCn4c6fWql62LiAKY3Tbl\n0Rv6OyDsiVB9xt5s041V7yzQiQwrCT1Gg+tRmMKvmYxqKYCFltPzLYgIwCNF\nGSOC5FVjrqOlXXGOlhbmiDGYX6yD+UQjTk8uRDR60PYqqKJP30BRPzJ+8fma\npnXsg+XFEMRoQzg0kkT76rK0LfJAUnR5wWVFObDMxPcWPfqYd1HipXAB4Yta\nZfEsyPor4d/Jf1mGZrXncePBKXdEAkUcyLuaFjql8tZScu2xE3brccK0K5IG\nhm2vaupJwLqfThZvXrolcvI/P+GGo+25aPFAwHLkuokHgETqFCnSWE6I1RHm\nbM0z\r\n=yLPz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"66fc8a91fb533a43e898483e7c4e1fac92aa0b7c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.7da413ed8.0_1629474444556_0.09381105950224522","host":"s3://npm-registry-packages"}},"13.0.0-canary.e1e69fd8e.0":{"name":"@material/animation","version":"13.0.0-canary.e1e69fd8e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.e1e69fd8e.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1ea06387b2e23d9c4818b8a2b952ad8e703793ec","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.e1e69fd8e.0.tgz","fileCount":25,"integrity":"sha512-aSIwnmx3mxeQl22uHtXR37aNrQHj5xHTsDdDmNZFXNbl1aILXaF+kLK2IXdugASQoTdTQ8eVCx3KxlhOfXsFGg==","signatures":[{"sig":"MEQCICDD4lOh4sfDNDbW1C152GM51uZsm4TTnMpSDBiicPKXAiBI9m72FcMCr9xu7ZHerwsEMpW7orFbdV3ffBRE41uxsA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhIAMDCRA9TVsSAnZWagAAVCkQAKGWgtiDx/nnc0tt4jrG\nD9VJJIiKyxsttRupKBBxI3ICap7vyJhz2o4s/eA8lJMJtDPBZ8A5wKBMpdLJ\n2EtLAdy6dnV5r9MVoJpoXsEGMJNglwg15HeOl0yEKGmadvmnHJgPwQGYnLhB\npyObH0c2g0bR6Uavd2Y1/c6P+H/4mLIC2l/k+hd/nixi4fviZ/LfUUYMqSqL\nxoFe0PMn8c3mqiVqzgyqLthndYL6ZHdMN2GWCOkZOVGNbeEBOyY8JGx3TFIM\nH3bLuos020v8flR8o4k9ebLaHv+C1CmdObyYZn1BUrbyHVYDUIDnD6u266e3\nrcLJzgL9SGV6bp71Fwrm6TFoqnrmL9CV53Y2OXs1t04rbJdaJUQoS/x/WgHS\nkh7WPIsWbgJFX5FDz1zSEtWgtkVMFxRCFjbMcCP41vyD8RNk9GoY2Ys7LELM\nyp6jHwRJ5+kBovLn84gfWxqgPhW0PDMG113/7P0g5LfsGMcOXeH5h30Q41LN\ndZA7JfQlb40LiYeiwMiW+vWms49hzEiREcW4D0Eyag2T6qO8xiTS3U1/CmPK\n4CB0KkkAmViBqVqzdCVFxpXCFJ/63A1nwTKkaBI+K/7t76pzb1iN1uaQoMFq\nHJYEn4UQBsev1F7TRa3b6NAUdG9QHJLpj81SVgtEj/ZxCYKDLrbrYI0PVZ9L\n3RIm\r\n=7DDK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e400b9052366c6e1d6e27533a72ad00199b6313e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.e1e69fd8e.0_1629487875351_0.005203232567866367","host":"s3://npm-registry-packages"}},"13.0.0-canary.f5afc16df.0":{"name":"@material/animation","version":"13.0.0-canary.f5afc16df.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.f5afc16df.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0e1084490e3faea45df0c35675bb1479aa11584d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.f5afc16df.0.tgz","fileCount":25,"integrity":"sha512-uc+6tC8gEvwYb4lxzDWGRDhAPhJ1onDavCY/YK8DNR0hitTVm23ddjmTIrF5UWJLrBJ/pJauGj/s2pP/KcBWig==","signatures":[{"sig":"MEQCIE0rWoDg2812ajbzdS4exSksUY5EzGSRyL8OIxIhXo8BAiBFPqEUSaCiN4UKRiGrgCAzLQrCbLcr4NBkrreMCGZ8lA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhIA++CRA9TVsSAnZWagAADAwP+wRi6l01YFETQUE/K19R\nuufhp/wQ2eflg0/hI05q2DF/tvnXwPaiwVJ2zOSdXuU9WY/SMF4S4vtLhNg9\n0LskjD8FnApPCZrLmWRJxRU9s9r0MN5nrHHx/GbGaB/jUnlUj2gFe04xiv/o\ngGDxm3FlsixSBJjGhZ8rjog1ylvLN6JdA9M8vYn8gb8VC2U3E/wSXbfJK7f4\n1DczcGeI+c7F2idrMOeWeeiSiA+QP0unNgfP/aAHqNS7boryobtmTF8fFibT\nVbon6iLccJKTblgtKpwRgmEKDATC12HsSWRPBexwQCTef2EnnwgsvY25aDVS\nCSdk/lxNatZl1olPeFEHzNdD+6VSvfcVFDB47l0SbMdfp7fqsrpPOMGiAaHN\nIXy69YzOtgXOjyo81Q9czQFChjawlOb46TGwa/Dan9F4+lCqD7eZu5zAmva7\nyo7wjtrLPyojpfvy3bfbhXWlbu6A+Z3fzmktetUC0LSdNbGB9iJHN3tV5KMa\nvXgVW2hJgovFy6VPrEhSxy0qwfkQkI39oYDrbpISO5DU4zada7HKaMXEuCaS\nsKFTcy+XLFd81VF5lZheUbYI96Tt38YzytWsUmbdri/2Xc5t/SCEJdN6C+IQ\nRziIPhg5weFi5ltcR92MCK9JGv2LJa+FQ01cQdeIQmzSGEx3k08BleW/4gn8\na45k\r\n=jp7/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"9a5934ef5d223f46f61452bee68b0b45a21e20d6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.f5afc16df.0_1629491133922_0.5800398790333376","host":"s3://npm-registry-packages"}},"13.0.0-canary.28d0d75bb.0":{"name":"@material/animation","version":"13.0.0-canary.28d0d75bb.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.28d0d75bb.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8ed2f1f47f52853e756faf5ebbb7d29c15df477a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.28d0d75bb.0.tgz","fileCount":25,"integrity":"sha512-n3AqbvDKNu64jhndg2RvzDExgz9vyba7a7eWN6V1PQsbPdYFaHZ2iN+utuQhf5dQkznmaccKqCD5ApuwhxqpHg==","signatures":[{"sig":"MEUCIQDPD3qKxLX9cuquzB78D4UxTwjdPUCuvIRW+fRi3/rUwgIgQv2MEpA3+GztD2S1YGymCYZtuIK9h1Sq7YowMCMKjN8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhICpoCRA9TVsSAnZWagAAmzAP/0ezYSWEX+zWnqq3gKil\n3LCixUShZker/UmmbfB0gQmoJgH346G4hCzXKffSyup12UAdeIlPrbvyHiFu\na3MeRFTz94TlVLJql7kgMz34/9US3DGNEVk4n+pYK1rK6hvjiJ3Z5tYtCxsV\nuiDPxPsknrc03WUQWVgylP2YTlUYDXiC4LCSowlKDcRtvhHpmDI6es3UoInK\n4v2rg8tOjukFBexQIilv1RYtHhjgh/RgFm9xWfnIXp6W5evq7ZyG45NpL9A3\nKeFAPQWP1Pw2sXsmV6zbAmlLB7iwc2URr5sNXjaqx23k9MvHYDrrphU7yJNW\nck/Nv7NvfBSpcZFzfLbE8+9IoGrYnpN1cQ+MnrUOQoFeHrcrjYa820w2LB2O\nMOAuPGsQyXeReo7MKpJ3vDi3MV6agflV3YG6FDnMMHUTR7aLAbhOQuZaFuR5\nFBzpfkG/ayYrsQ2dg502s/xFyMDEGSGA69YTQPuF9bePuoelTUg2dm1iVEYJ\nZAH6YdtF70Bve/vJ4iTazTimUO+r3r8o1nXexC+QQJSFnzMYwDLL9ZGYhHXl\nGJ5GjONn5OxJpxni5Uce+U2NG3JE0Z8rt+Rq4k9S1MvnO5cJPMqtYLG81GHX\nJa9vEd3FzCINdY0PsiiIce/7xHTUKzYMiXEPb0ftjNvBH6GH3oLJrmClgCgI\nKZHO\r\n=s7y8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"4becb1aca9e878d432cf8308ec0f14cc50e9699b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.28d0d75bb.0_1629497960667_0.9925237207575106","host":"s3://npm-registry-packages"}},"13.0.0-canary.21ece5360.0":{"name":"@material/animation","version":"13.0.0-canary.21ece5360.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.21ece5360.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9770f15d223f9876dd015b879131cfb0522c4613","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.21ece5360.0.tgz","fileCount":25,"integrity":"sha512-3Ym/xb/bzAFtjW0UMqcgPX9nvFzP6f7hGhrhdNMcpPW/Gu2SKBCU4jOLQiSS9k82bHgdMf2UpyhDPjUPN/1t0A==","signatures":[{"sig":"MEYCIQDFIuVTLblzYK4yfxwAkY8ghz9g2iWlE6GTChbBDz1CoAIhAI/7ZlfrKT7s4lw7x8fu2YUF3yvMsZUy+SISOS9zf/ww","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhID4OCRA9TVsSAnZWagAAX1wQAJBUqogYBr9WOIpxKxEJ\n4KcaEivLBao9SqkWR+woRrvesVUvaXCU3/E2ct/fJMZ/TSUP0GHgHuBiuhCS\n0U3hxkJdYQdJHjvltwp6gRIxsHc4TiR3JOyEZwWisy6uj5V0POOqhj7cfTit\ngoLz7236OagLs6CEUDiepGXd7I03M/JADnz+oiu0jzDA3bAq+14lu2Wbkmj6\n20ieGAaAj/O6Gi6OzHiqfBYTjdy4z69moz8dOC+iuhirOZ1HpAvP7+zicBor\nHbtb0LSIKUfSeDZpTtoVg8OkiYedKXWRQSdIMK/zWN2loZHShATR4t720FfR\nx32QZB9GLx0tOSAZY7W1F3qa/yV6RPF3KaIMwv1SpxWwuJ6nVVhqBCdDIzSt\nvx1+UiEb/X0ZbMZrcBTWr6cCavqPbBcS8jMXNjm0VR6DxKJeoT1QZXZ6yoAw\nsirytcgEi85y8mWfJS7CTXxVkD/2e+DPlzDk2C8oRC5pe3pdgjn9mgfX7CtA\nO5YShpm35dxYvaJ6iXzGJj+ljrOOnL4N9bDI+/WkiN3dk45gMwD1Y/WzvyMu\nx30czaAoO0rQguWZqG0Ucb9YRycF7OLC5RpfJ5BNaDusnkPP0CKrCXfvCKEj\nCscr3ffRroi0YMJV/ie6mmrFbDtSi5Vg0ZUPa87jt+T8xQKc/BeSQMdDRjVX\n9O6i\r\n=fIIO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"9625caffe59fe4a84aea358993c2811ffcf33e74","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.21ece5360.0_1629502990454_0.6196104387439278","host":"s3://npm-registry-packages"}},"13.0.0-canary.8de07c02a.0":{"name":"@material/animation","version":"13.0.0-canary.8de07c02a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.8de07c02a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"41270c1cf782536dbf42745141d9b7e6d77bd785","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.8de07c02a.0.tgz","fileCount":25,"integrity":"sha512-Uou4xPPjkhlw2OKsUdG3bmPCTOqHcDjCKOCwusaTWjUKU3qxT7Fk8AMxzMB0glSjIIvePd6lDth3mZ3d4O0HXA==","signatures":[{"sig":"MEUCIQCLxzQewlbY3tADZrhyhPS9kKS///KUmxmrFHwuPowtcQIgT68eXdWAtKE33BKTAgVqV4HLx6g2X+sjlDrA4iYMzUM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhI73sCRA9TVsSAnZWagAAU+wP/jJ75pynX56hiLUtvcu1\nYGIKrR/WQgEmwSFSmSnuoG1heTtOE314iVKvVNLGBFZmT2Np8cIcTy2gUAjW\nVObNXAqaTjCLgrFu4n5IJUv9+dvGT6/m5GKkrGh7q3nv/mJ2/3rsZZBF98g8\nvoBKWvuKnHMp8DqlUGlMfv+evp8luiFXvN3LCSDYmJL40pLuzxYnnD67eNXB\nAIO6ayxU/K51RFsQEyZHTQpiB3tTCTvtzg2egv1s0ctJftRaOA7YSgdrCVoR\n5F/xd3X6gA9mV5zu/0l23hbLXVc5vmJS22MswvB1DA/tiwYJbrGRez0Zv6Vp\n+D+AYa2J9kiHvJVIfPEjeBdzSEmKZ05ggxY5Cqifa1FsbwaeQSLE0iV5LMnI\nDnUN0EwCUrrIeONC6WRriYcGqPlsOvm3NajScd02LPAMi2LN6Z4EstE10gnY\n56WZrinqGUqBqoggBsL7+YZ0bR9GIqz+2M73hVu9MtofVf8pyDxOMeU9nctM\nCrCLbwOcAAWzKo6q+E0t3KM0JwJX93lp0GULGpWcjk714g1Sj/TKuTkv1eTZ\naowglZJa+WqNEopWAeBpIQSgRO1xIVYmIVpRT++yisHAfwf0dLROwo+m500F\nAcUaHoLLzbhyvrzWgl+ISaVYG13jwYjAukxcrPOA688MEK5vq643r/kj3Zql\nDngU\r\n=FP9Z\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e55081eb44f85de06afceb7c0d189f0d358ad60c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.8de07c02a.0_1629732332000_0.8893019510606217","host":"s3://npm-registry-packages"}},"13.0.0-canary.65aa63b0c.0":{"name":"@material/animation","version":"13.0.0-canary.65aa63b0c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.65aa63b0c.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9d985ef4d61aa81141147b0c34a1ddf492e4bc7a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.65aa63b0c.0.tgz","fileCount":25,"integrity":"sha512-jfqGGBxH2tyBM5yY2nn2X9jZH/dKN+e878rkNCKMvC/xMhvoFJtEiNqnvOTtPjMleyj+UuM5tYJfLnw8tuPGfA==","signatures":[{"sig":"MEUCIACDl+gVJ1DyU34n9K9Usq4IWJ5eV5qfbjmg6XKWMzBlAiEA0BtRjfAXO1gxmo30E/NzDH5YDxg5bN76xbJb2k5SKjU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJQ/QCRA9TVsSAnZWagAA5RgP/jBY/d/P7NSBIdDZ9NbU\nOoQfn5MyyiohvyXVmxvuH3TNjH1UOrw0YLq2TiZOQaM5NlWhcC6gSOGQMy2w\nd7rXfBTehx+6PPmOo2WAdS7kEs7uOx2RO/0yP83gEt2l/LxA2Yz+k4R0Zxhl\nijqZx6CXQc56sRga2qyKxFdNJb9Jc3RwQ50zhbksogdR5ESXOtYxJxzzzl4Z\nhxTGhPEezf176+c4Eub0ab1C2K/6dKU2Dp+xG5LQChgiNQCT9GPCbpQcOoNN\nQ7+UyHPxEcybjOb9SEB2ZFex8+L65pwIJuDLBfGJUmTFvdOWUM5lgENi7/QW\ny3DR2DHZ+QnZdU0vFXVeidVKJzz3AJyc9zXJGJjVr+SpJfj9NCwuKvDRtk79\nxKGUcykMyYn/S0Su1hLkqL5LiyH0zrlDMHLQcHnPTSEVx5017iW+Sy/A//iS\npzGksKvf/Su0SCc5JvYYttvq00MX0/Edmqkxse1X3YYnbAkSF2JRvwZtfHgw\nkz1t8sANNlSnxn3z253HPjlUsCI+r4e0mBCQUy/Yeq/7sJZVLOeckzdwLm31\ng0UZym2g93n7BmnYlCPCVH4DYv3TrG6eLA/dmApwHB+QC90Ic89gZO1nKkD/\nriJklJ0VD4XZaylhZ8BROI4pCQt+Z81PrVMyCo4XyXGSsJPsDuibmX/d9Ur3\niAvX\r\n=7Ze5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"0ac2dcf03064da43ca7eb352045fd4da0af02200","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.65aa63b0c.0_1629818832682_0.29812632863587996","host":"s3://npm-registry-packages"}},"13.0.0-canary.15981e9d9.0":{"name":"@material/animation","version":"13.0.0-canary.15981e9d9.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.15981e9d9.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d353d62f2291e94833efb158d8b63d095a534527","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.15981e9d9.0.tgz","fileCount":25,"integrity":"sha512-mFHS7rQVh2i47ZlGVDT0mqgrxsy0jwzhQSMwTodBQ47qnnz0Ge34NPku4z6HtOG/GPbSvF0qLjt/YlnfGXX1HA==","signatures":[{"sig":"MEUCICLNEowB3ULGufw19TOw26wp52Ie7jefodbwXvkp04X+AiEA+cEUSG/632P/J6SaUDRW56ds7IsXc5BBWiVRXqKfDmw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJRs/CRA9TVsSAnZWagAAJQkQAIjbS6+5fMi5R/47C0Fn\n9uNDKGNlj1IEKjVGolvp73w/QHeIOtkQ1MpnlsPEZlLHlvG2erNivDVBgTGD\ngM1XNCrmCTfXLs7jFRKMUIJMY9QZvUx+0hVFCZW5+NZSTUdWxxNakFuLt37L\nwMkIr3mmkQN2Y1P2mdGAkHarnjoXeF4422s7nWrUqET0WXkpgrZ4V/JtIB1j\nt2bfY5QFqwpXHisVA0wO6z9kpWkjhGxs3WSfBLjWdIcGi3KNpuXGi6HRxNfg\nyd9ooOreo3v3Odl7PBakgXPj9oxpL9bK1k5hLk50VNl2UKd8BQKjaAgJDcbL\n3WG3gOpLSMJoICt9AD/3Bhla+4+5WnkQLtDfs7w/XxTiFjQv5dX974+cIT7/\nbs3BvDVsGzumenb0hyUbn4UVkkxIxf83NBfkRucADuDBKLHBGkJI269DqZ1Q\nbVnrwDS2XuojGuwVx1ot787cCDBv8SqBwdWJB5uK/PMppQXDCp5s9oNFNx3v\nd+58rUVyqtzZSwvejPPcnMuY1AqNXP3AnwD16b4URwlqtkRInCKzCsl/J8Mj\nEWD30nKPhOKZa40CGdCK/w4IRGZJoJ3/V1RTLP4jk7XehMB7Cxzot25Es6IF\n0o4YRbGDOKPiLDS2NuL3vyDfSqHeGKorl30B1391A7vpIBzh3VbiA8HDvLq6\nqDKD\r\n=a7VP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"93acc5a9963b30cedb03f35eefb49cd35c93656b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.15981e9d9.0_1629821759473_0.9120706593278556","host":"s3://npm-registry-packages"}},"13.0.0-canary.fa7520f62.0":{"name":"@material/animation","version":"13.0.0-canary.fa7520f62.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.fa7520f62.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6b38964a140edfaec5f5c8a038fe764396b615c2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.fa7520f62.0.tgz","fileCount":25,"integrity":"sha512-5jTdL90PIhAUk81KK4xC11jEqg/5RmyIhiHOEavQj3rnrbgUqCUhioXkpktdaPxviKGINWTM5elnXoabLQoW1w==","signatures":[{"sig":"MEUCIQCn3leoK/n9ELc4l41ri27z6DUU5R3aD/ocL5+mSRbEDwIgJwIoijeRRUmm+BYlGLG53Icrzu764vZ35Psvmh7pbk0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJXIqCRA9TVsSAnZWagAAZT8P/jwZ9yFk4U+S3EZoNQu/\nyBupiD7NNQXj54m1IyxagbrNuDVBDVAxzA0l21ahZzL9pP1GoZbqsyTGeCXM\nRG35dYo4irvwzPzBXHuPd6z2ziRDoHBrzXdrqZf5eZRqe/CauFiYtPDfZ6bq\nUD1aMQUzEoZRfCLGxj7zMyfpOS0/gW7zDg3PwFWQmNOoeJW8ZhhS7+fGMV1H\nq1HDwSlKruvnYOcu/DjBpa6x81s3tEMTdtiemxMVXlVBz4XjdLb42flZVSnu\nf43DxWfAmAjiA1FWyuowkWBMbyik2I8eRrul+ofrrvAaeaqZLotwoChpm20z\nSKamSbpRVC8XKzDuWMEGNm5KeZfJvPFWzRUEpfThLspbvZ3GOmlujstkkvri\nrGOFq+w2FCkX804cAym1a+PxT5U9YjT+B7xA0ydzDUyg4GpWNn32xMeUhYra\nW4Q2+PwAfAi28Vuwl0DK4VSWQLYK6nr9syGQFZWfJhtRPdeeH5N2+1ayMHjH\nNsuy6elKtYIA0TOUdTZSvbfdh3MCohIiCNXDQ9cc3hxb+QEc0lMi26MBS+9x\nXbu8Es1xXloVLrzSxTv947S7aGuzH0kfSM1HIrnc2uOBgxO2w3n3xuiMtkWc\nO0C5c8PaMzWWPYTPTHBuzZsnBVec+oK6HFbsZde1ERgHGBPoX40Y+iN5U4rH\nIB3U\r\n=duWF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ded8a7ce355618969092a7bffde0da813aeec162","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.fa7520f62.0_1629844010536_0.2506865653120969","host":"s3://npm-registry-packages"}},"13.0.0-canary.ce25bc3ec.0":{"name":"@material/animation","version":"13.0.0-canary.ce25bc3ec.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.ce25bc3ec.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5577f3807cb15be3585ea87de682cde364810189","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.ce25bc3ec.0.tgz","fileCount":25,"integrity":"sha512-Pfl6thcFKxH1JpOzVLYFLQ6M7KccInYqam3axfPQzO6uVUkWTzYEPQlh/zzceUwNmcEjK5plaCRTXLS29y/ljA==","signatures":[{"sig":"MEUCIQCVQ2TQmxK4EdSKlKDepSeodGb+JfgHyFpqQ7hEpauJTgIgAh6odnmAZc/Gu34+1djYwCbTmtYdcFI5NL5QVy0yDNI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJXb2CRA9TVsSAnZWagAAosoP/07Edu3Obg7tLe6kfWAd\ntCh91SCC7xWUg7s4yW7iIOZpPJPIBGzWr5VtU6is/ptMDg+wHQm+HJjcBea1\ntsCA7QNhTx02JTKHtPNE8Sd4b0CN4pmQtCltowcn2Du/yviaH2933EdYH8Ps\nQ+SXFsu8JbNMmyOi6OXowlYgPDsi1g3je/YiiHANtDrrhftYZk7NDL7pXNWu\nVgg47pmE8eUkebaARF4LgyeTCELyM1hxmuByf4vPK0byx41cB2FD+vSkPECl\nF5UgHVfHZM/Paq5BKqKnE7SLc7+STNdQoj9PgOGhQjTJ+vgKs93ww6OO3/K6\n/26bolWM6/upw9ZZlcMeDMMtGSq3cBGx2hFDom/sLjCoV4s9QmLgIgVB/MMk\n/hTK941tiCFuE9IIz/lQ07aIOhVVIoZWJHj+ja60OZMjC5cH+ooAlyFhupwB\nUMhtIfTeM7wBJFuYIQxRugfcC76GIwb9F7yJCr1Cw78BQJl3kvUctLtkfWWj\nY4lRw/X81qV0/G7yHEzyG6v6ivJnEhMoWAEccGqNLenm6l+7nipgUzBLjEQq\nW/RV0tevxSojQq5JZSnQo+GQqPN/3FiBf+B/8Q41Rs9zgtF2sJ0hdLGUID1Y\nK7fNR/uu/9aLN2R41fYov2n+P4nnVn4vwnGJQS4fbo65wXhIiEjvGLFwTXS+\nxQRd\r\n=7z/y\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"5296a1abf91023fbe0806f06b5b5fce528c40509","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.ce25bc3ec.0_1629845238604_0.43222588062870315","host":"s3://npm-registry-packages"}},"13.0.0-canary.12f5622e1.0":{"name":"@material/animation","version":"13.0.0-canary.12f5622e1.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.12f5622e1.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"501c2931fe3d9b87367069c9e29a8865cd7beb50","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.12f5622e1.0.tgz","fileCount":25,"integrity":"sha512-UmTK+x4yma7FPtNAkXrbnY0boaODAj5iV74/P+5R9r+n6/lSefKBGPfWOJrX84gs4N1IA2y0v7zqLzZLIxVBFA==","signatures":[{"sig":"MEYCIQC8l6dOFo843XmwSX7KgMeAj9uTzanvzVza7AJ0bU/EOAIhAKEt5dOdhbW7snbnjNbzV3vhHsuIFq5n1UJ60g7VHj1p","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJX3xCRA9TVsSAnZWagAAUPkP/25IRrVxUEYZMWNFkXVD\nWFy9LcUWd44xVRsFyJ8w+lnHm87uY6wgQ82XwCIGwUgb0pEygyG3Us6z0eAY\nvDNmmJmK7GO2PDFPjENl6VIXmy0tbWEmaN/8lQCJLyN5HCN5tlJiIekOTGkR\nmWQ4IMYkRzLsITdYrJcdf5cYtHUtG93Z/gzIlDVrz1pcnWLKj8Sr57BPwcAb\nnCQSlOv9jR3Gm0ATWOzIxJ33kvRyEjxSjO35n7HHdEasB0AKwYtn6fjSbbsu\nYVcbCNCHdOiUpdZdhhiHBE6J33bn7aXedrzNFLP4bTRKK9eWvxf3Xa9OHln5\nfeZ9oDP21229q2GEhSbF4jlCwsHaf6fLLDCIG9IktUqj9+nFuhMQGLVOuKdV\n2VC1vQs3l9TaecqiV0LF8fqcbwIwf8sXb3GQBlOpOYgnUvk4kNp8ywJ3tB64\n5lwKrHaJtNyffCc739x1qy6jKB8zKwL7IK8XZo6uP4fWzrOlQTi5TXDtvuRT\n1ugb4vOET1hp6UrYP4Mq3RohczPtKyR8gGo3jt4zUXhWjKcbY/xW8RFsh4IF\nWIH9xM+Www+B3nDrL1YahY7Rad3wlgGhDCrjhInVE4oWaY5XoxyCxbR4koFA\n4ph456Urpz+7U3wjhfSeiqebrt1lSTdBqQ3Ohmz268NnMZ5qufZ2eBpxIls2\n/kvI\r\n=oPVF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2cfeb72e6002a5f3cf296794da5216b3114fbbc8","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.12f5622e1.0_1629847025616_0.9082590049464314","host":"s3://npm-registry-packages"}},"13.0.0-canary.d97f8f133.0":{"name":"@material/animation","version":"13.0.0-canary.d97f8f133.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.d97f8f133.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5d1fb1efaaf8baa2a2c6ec4210a1cae664cd09c6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.d97f8f133.0.tgz","fileCount":25,"integrity":"sha512-zMDvDpmIwO8TJEqFlbQ8COWktvxMe+tut+foPZJat0itWJ86qI5JvjEHvCp2xTW2OWOPvvlku9t7csXPYtNsow==","signatures":[{"sig":"MEYCIQCde8g+qkcpEesxpwZ4eeid3BeO+t75/3NqQO4hlKm/xgIhAJzgDOj2UIyOYwzc9vY1HVVCoNdqgVA8l+gRFDewEkgD","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJoyoCRA9TVsSAnZWagAA6ucQAIsVud2MGhwFRFqdVGVO\nLhykuaTMVRUZ7piKSoCfpK3deM8GosJr/Lu5i9Ur34FvtSYMw4qv+3yO/RMg\nZ21vjUkF7I6SsMZvbBXQWoH3MhXRZEiVWtrxzxSYV+CerREPqf5uY2M7UZnw\npCPuxmdP+Tn+lMrPOi4JWAAPtDr8E1iNWoSY4gSqmJxqKexcZDQqqzpCJKUB\nY+noUhRskotA6ARtPbrP40i6n3v9e8JzT5ukMkg33e8brIDbstC5NB51mrhy\nzJmdmKm8MvymnioATsNwgPqsSOE/6rqwU6A1R/rGvf9agQwiWtRO/Bm6k9NU\nzifwZRaT5M5/TwfEk6KKzSCjkX+0CzzqzgIcDsxd2XUWgYV5qvNn+mHrwJ1F\nkMO4nBrSoriP9M0ka9NiMBUsdmQr8IH8sjO0ckbe2RZwAkD7MBKG1r53ON7z\nH/HJHY1itr/8ZF+4MPdU+6t56DHUqBiA/QpC5c1HCbOzfM9nNuA9MrbBntZW\ncTG0Aq2rgD2GDJKZZqjDhLOY3lCKl6xHChXaW/m8iHNL0+ozQWppRUrsmp4/\nS3J/5nOHzwgxsVW4PAjxhmCzJOm/N/XBNxI9qTqZL+4fnbqz/kZKbwWXx4t+\n3ORUXEldurk7tSCeLaUaJ+YSVRJ4hPXvT/c4WnnrozTuBeYzGOtz7aSVoNt2\nSWSK\r\n=uf1E\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e7295f4786bb26bbc05939b4d6e3e42f011cc033","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.d97f8f133.0_1629916328749_0.9628295786381031","host":"s3://npm-registry-packages"}},"13.0.0-canary.d86fb6fac.0":{"name":"@material/animation","version":"13.0.0-canary.d86fb6fac.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.d86fb6fac.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"76d5c9e6fcef9453b531717d82867f931d122c84","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.d86fb6fac.0.tgz","fileCount":25,"integrity":"sha512-KtPjEk8BAdJemHBXdtoAr1aht43QNlFJBgWv3h24dhdkzw8wQZSbBAMInq4SEvzutjrt4iEZzY/lgSmCGERC4g==","signatures":[{"sig":"MEUCID3+tHhgwPdhsxVMBQIf3NTlDjaaUGHYzsr44u6IBNFHAiEAvUE+Pwv52LK9fSn7xt0XIVBkmZZ/B5MZvfH3JNrvMj8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJpF+CRA9TVsSAnZWagAAGx8QAKKXB0i5PLw0Rq1QWJbC\nvdx5oV+o2Vbz66lYi/V2x9GtVBnAizfE2tVBj+wXup/5KGnQD9zcPk+ok6Hc\n7xM59saOYKVcQjF53V3CpqwebrVxcoXP7cONYSVK63N3RnMYEpGUKHbAv12k\nDO2jxlruOijSPDTkLG5vCdlteqwf/yDrCQRDllR5pzN/2RxLDkMGrJc7ba9d\nSoh1HPs27VA0PrSL5bUoMwhUbbhMvcR6EsVn/bSO5Vo7L+/PZouU4efGaEsL\nke6TJSVWe9A4NJcH3cKJpNcO+y0ZrV4Ht1Lb9zhXKmj0Gwi50WqAs3RPfPTB\n7P62R094E1u5Q85TQ7rN1vlbyDIufUovzwWATKkpU+lBlFj+2M0WFIybKmNZ\n3g5yKe69GuekjWHIyrJMJgxtOY2T/yLP8aVBL6gHreyN/o+i7ZF5v8cdjlDe\n8cEOddu0chRXteYvBJhQ2rmVyX4EW4A9gktfxdC2SZySSbzz81cqaLzXOtcI\nBVo6kJsGHi4RYGBJMdf1utbX7obMWOdB8TXf9JeY2vbe3cjYpAk8cOpR/jJT\nODbiK03q9CFp92dj+sxoax9bcJBAP/JJ2gU6GyVaDxZwYaw8A5Bxfrq7Dlwp\nUgmZE5eMPN7a6si9337dc9LmtZtJqLylF92LEenHWVEc5kKCctsqxLbKk6/S\n8iTJ\r\n=gbU3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"35d13d1a20fe14c295e8589fe5960bc9b4da1925","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.d86fb6fac.0_1629917566328_0.17343137710894863","host":"s3://npm-registry-packages"}},"13.0.0-canary.e8554dbbf.0":{"name":"@material/animation","version":"13.0.0-canary.e8554dbbf.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.e8554dbbf.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"12ec31f21b2768886ff8e49ceac7f7720df5e583","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.e8554dbbf.0.tgz","fileCount":25,"integrity":"sha512-ayaUGcaO1XdUCdjNGFBT7+ETYOGeH5HqlWsceRPIMRkMNAQFlpIuWAbYJBRLh7N4M+B2DKOCeNxG8m0SlScEZg==","signatures":[{"sig":"MEUCIQCDmvBzw6UwIWoxVQAWielFo2NZ6bw1Ygcp0pK3V69uggIgPtIBMUE1AcQPf+adJtpENUjF03jpYGvy2Bh5v2Ff1E0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJrz5CRA9TVsSAnZWagAA+uUP/RMRxFzxfT66f7g4ZsQ8\nLyuqKj9+QVm0i8G4VpgCuMs9aW6Z7G/lRPqfOCVan4cCiKO7qXDR+JPF5xPv\naphQA1iLqb8SLMc2WaU/XERJOrrHSCbQ9OPI1zu8eLqghA+RPoQ5vTow73ph\nMTOGtWSBuThVyrKjcQuxsW/8fRHMBQsVPCGX7femN7sDGK4Q1pcyN4z5MRMR\njEqYPr5TmFKjMCNIAJuq22wSnsNfgVOwAfnundjjHA/zO6GyTMSaH2ldh/0Q\nJiXMPbWwrYHjlgpSzEocjmcuCo7Aj/6J5AkMPjnAR5n4xsrGJzMmr2/vJbZM\nxCIjDRMNUL7kCYrSfcK/utf2PpyiyilYQCtpAP/7hvAeL588ZNAXeOuvsogY\nNBeFEpEAVAS2ZYU76GNlmMEcPhj0cWh2j0ghEomqXvt/w7ySHV3aswEG1BTr\nh8+mw2DdrL5ZYc9G3WpZadtHWTSyws3pKJp9o2aCWAiF7RMSYipE+Mo3/D3x\nuFv+xQlCN7GwCemS2yZ8KMSwwhRPQX+hS69JT9X70PPmGh16N6ndPW0L0eKT\nh+sla13cZsdKqsVEqPCEng3EZYtv3jC3ULkP1SIMPnK1OpmiDY0vRDqjFTms\nPn74mcffagwreQsPmXBUd2OyJRFcSmFVEG0AbuKvPudGDEgYNi+xUTlq3tqz\ne+MN\r\n=E34b\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"da636a8d32198c6289df3bcef39340bf76cf8265","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.e8554dbbf.0_1629928697654_0.5103400859341574","host":"s3://npm-registry-packages"}},"13.0.0-canary.877e3fb0d.0":{"name":"@material/animation","version":"13.0.0-canary.877e3fb0d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.877e3fb0d.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"704f395c41c7c34d3a382612e5151e0f7fef5161","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.877e3fb0d.0.tgz","fileCount":25,"integrity":"sha512-KH4WYisHK/lBp/abYjLSrjsI671/D2lcedl3/ji79kG66MB6jxdmQR6CpfLbjBrpzyZpJxwP58baS4Z7hHmGyQ==","signatures":[{"sig":"MEUCIQDmaLAeIXag2w7ZEdcjNbeBL6/BDhaPuXNwQgjK/XlqiAIgOjnGCNVNiljZgrXjTgcvQLG7ToQ6UUfYZhjXx9DQgL0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJ7UXCRA9TVsSAnZWagAAU/UP/1i5O9IvQu5JT6mJilMk\nPzM2paaDy1XI4aiHY/CWMFkFXj49B+irbN06TEuVUIUHVynDKhLs9/8cUPqR\naLYHvSUcdFWPYEbhNH3u/W4yML5yjURtPVH8HMnAGSuWopss11eoayldq/7i\nFCvBqUkhg64q72q9M0A7X2wfryhsbUPuoIxSLCqlhlCzRZ6z0vaJPxKgrQW4\nrpIC3yLxCn5D/VPW+L+z/kVHkpwQ8eVWUAjP2ge1cTctjkl3/WRqFdcrRzDo\nnvszlS93jQWUlfZOypfjLI6fKeJifVeN47z5/L0eUs6Ja21T+VVq7G7pWbj0\nK7MQtIwP1iMF7LJLtc6zn1UYO0/e+qjSa9etiDtR+hgA0YjHGpkqlBoB4a/1\nl8rlqcWejtMqSrU0enBZGzZw1MC5YZZcN1MNx29w52FFZPlqRJZOnLaRFNX0\nfkREzVLZE2xug2nMA2KoRx8VTkOpba9z7khTDggY1uEZZCjVzEBkCEwPfM28\nkHoABlQMyCLVzOOlVemHDILHAo2QNPGXK1qQS7cCeXYD/cgHO+2wBGPeJBK8\nv4gqvHhYrmFWOFIH8Y71348VgZqs1ucqKmY0A2rfMbJBSAQK8gnOEsiKHjqL\nqvnXvVOtN1KfoYH6znfCapPDSRCdm+QfI7QlDErBnV3gwaH7qwuvMwFxrKx2\nTwW1\r\n=AZDu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"849a956f7ad3e0da0840469b917eb66537c875ff","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.877e3fb0d.0_1629992215080_0.871967237106793","host":"s3://npm-registry-packages"}},"13.0.0-canary.6236f3576.0":{"name":"@material/animation","version":"13.0.0-canary.6236f3576.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.6236f3576.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2ea8acd500f130e777792fe1cae1df8ba38ba00c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.6236f3576.0.tgz","fileCount":25,"integrity":"sha512-ST7IxnE+TUw9hYG32t/rAOXO1emG7Sc2uHb2KQefG1Ej9KsRQ3OSYeUC9cO/2rtcP/2Nv8WJopMEnHaCmr7G7g==","signatures":[{"sig":"MEUCIDK0A/np2HgRaTHSxdefVMhH1yHa/M3Cb3BmhVhkBIIXAiEAjg5QhaN75nAWFeN02FrLada/hLnwXpx9UH0oMVz3xCs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJ7uXCRA9TVsSAnZWagAA0fwP/Rj1YZDRGND5sS+dAvJL\n6A7R3HlZl93nE8tQfoiGSJhf+sgrb+VqGx1JG+nXrSYrg7EwNsL/8iMMSh0y\nMbUcztWnhXUMHwiAkVKNCCnkNiA7oLA+iHtp3ZRU5f+0AQ1IHV2Z2IhNhobD\nNWmk7Dn/oPq4fDdZKTW1r7aRGooqwLTSEVKY0BSsVzi6e3DxZ4fUZZAMyu1b\nCCFN4reXxhkheoBfNYIBe6xr5kiGJ0Ih/GKSr8lWuw03SSz/SUc9TYRisDiE\nyJA+Qc/A6CbDpGx8jLiJZxw6pT62cgBprx7TiP9dWwK/t6o8WQ6e9aSybF0H\nqadfYXitVTpHsBTy20Tyc8NHKloTPSSvt9kAVQOXJS4EFHS6pJ1U1HKXDn4I\ntL6ZijvkseS8WKhD672b+20GqIbKivclVzrnwL7lYdVDbFIcVSOyXyYkXAbo\nxOUJzdx38Nd4YkZ3VXMJBk7N2A2gdHWIMwQL2CkM4tpMUZhi3xKmvMm9SkSd\n7RZ1nVLFiIQKCa2HCJQ8pwnOMWp7mdkhk8OYG83JeiCDNhwh7Bv7aWMzyoZ3\np61SY5zibmvvq5RMClMKKYuSLi/oj11FWYxdL5bLIiEWWTOGXCbDjWjuB+o0\nwpTcYbs1jn61goDBsYdoNksUIYBmzJhRRhEb0uN8O0rNEexwmR3QH0KQ2A04\n6/DY\r\n=r+jS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"27220fe16ebbbdcba193340cb99388e30976a2d7","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.6236f3576.0_1629993879011_0.6008848998619525","host":"s3://npm-registry-packages"}},"13.0.0-canary.1d19158a1.0":{"name":"@material/animation","version":"13.0.0-canary.1d19158a1.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.1d19158a1.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9af6dda678f20697ce42f3e4eda6961d8edc3801","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.1d19158a1.0.tgz","fileCount":25,"integrity":"sha512-QsJ2O+XgG3wNgBrul9FYxEVBvsP83qLh5g7tm47nfE/X8+6F3qQ66CeMm06GdsX7mk0Gl7rK+8PQ0SbnVG2goA==","signatures":[{"sig":"MEQCIClRcKr1ZFJ3WrsWwrttSR6T4GkWzaeme/AgUQelRop5AiB+RZ13w+/YCw4uyKUfv27bZ203l+BnHv2aXudap5sPkw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJ8pmCRA9TVsSAnZWagAAXZcP/RZE6+bH/iKYaBy71c6O\nWFEDptPQr/M7oUVOwgHN1YwNY7oK/5WnlDHurPwcKeG23Y2oenimLhuSx8i9\n3jfIsUxSni0TkxCTKu8sbtB1IsapVWNMjNtWHwIj+oYhJJwU6oGJYaBI1cGw\neKG8J346etYzyUnhd+jPgZrhpfSE1iGme087WlJrgqi5f3M9pZ1eYdWqCc0s\nbNLKp0tX/KOiZBrhL7yALdLiAEGIYUvg5UBVi7y1CfB4WDNExaPfpGppmDUT\nkAsKSsAWypx0b4+e3UbSHJHdgy6DoOOUZyEhDKg6SnpeuhnExkacPYgEPZoE\nBKHExw7i3DEwW7XZimKa05ZwPg9uVNIrFOORA81b6QnUi+7mI8vpwHiWXW/v\nJyYKmPpMHaCXHNhPNcPmHnV/6+Ks+uHvevZ1grhaf1zb0f/27rrhUfNRh2cG\nsKg7MrUgJXTcpx21u+37J2kqzgHoeLghW52sb99t/7MhSvimMv9acksAbkfW\nxlazEF8ex+KknFr5QfKItBUebxjixbJRzNp8G9XSHvC0UgHDeWDRlaOC2sLU\nFX44B4Wuh11MeJSwMU5SrHm/dxryMEf3n52qWrJtn1BnkUOrHFws257lBjcO\nn6FkaQenQZqt4+cI54nhbxz475viRjVneoPCyQvmupDL9kLIKJEtMqW9ohb5\nNjMQ\r\n=uusG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"451d11fe02e89db73e3ac79cab01741c3da63ab6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.1d19158a1.0_1629997670740_0.2867551742867285","host":"s3://npm-registry-packages"}},"13.0.0-canary.6adc9e83f.0":{"name":"@material/animation","version":"13.0.0-canary.6adc9e83f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.6adc9e83f.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"00211daf58ced5f9c83f0a9d2d967611ba0babf5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.6adc9e83f.0.tgz","fileCount":25,"integrity":"sha512-mh4D+KQIkgHknw4dWcH7sUpKW5N063oiJ9n7wQsC0ePav+YPjj+tDE0p6Bfp/iYqUxvoyMXHXXcc4WnRG/x7yQ==","signatures":[{"sig":"MEQCIDHpaYSANv2fDsETOAk5QZ6ysSyt0MtAqXaSzfzykKY0AiAOanD4sd+4MjHTZZjj+sW6D+2ZAXAc6CgFlHn8fWU/rA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhLV8CCRA9TVsSAnZWagAAEIUP/iJTy9xEX2hqnM4RY8bi\nfalgpXGb0l6YTp5E+/ziN7QWL5OfsLRqCY4qCKMeYeT//DV7DBMIlHnmEZk+\nEWlfsuEaY702RwmzFrmklicHjdzjqHkgzZ0GD6UG0fAj4qVFbHytyuomY41W\na9GxyvZ5ILQLb2ngfYwEf3sW0pFl8NIqJeSYxxmGkD67yLXXyegDzmXGAcZA\nEhhOrWcselATS0vTeS5VMw/tOERJMvZgqWuaunLwVqPaClWqrrrvQ4ma6z3r\n1BovStlyXvZyO1Y3i375VioPqUWcdEJlA9etxTEYMJxqgwRA0AXDJkN/sBn1\nOfNg8ZvLhLP+zkIunUy+FlzW+ZLQhNh+PKYk8GNPD+bUROXm2lbXiT/wlRFt\nZLIKQhgtVjwM2vU7bY6ZhumJGsxdsHgIcD3mYH82tOkcXK2hSq2GVOGemVz0\na4BeAadpISKfCGmdsClHeZ+RuAUyktlCiqA0vhvcrheUwBoHKKbu10yE1/Mp\nnNHy/UQsH93N3RpHyHa6yB56VaKOLU6M2yzqtH8XQ3EEJ5q1RLPBBbSZApvy\nyzx6XBXdVBZpcVzkUTZaTLcY+EweWjnv/zwAe2XJqexAjgpSmS4iKK3Vyau8\nY789+7/c/Aff8++MwNwQ7WvahjFSM05OGSbV5y4psRfbYtn5BtbsGcBJkh+Z\nwwlQ\r\n=yKJl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d3d9f017c96584c46d77544b9f0dcb6e22eeeede","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.6adc9e83f.0_1630363394764_0.17418899574044455","host":"s3://npm-registry-packages"}},"13.0.0-canary.d082790f0.0":{"name":"@material/animation","version":"13.0.0-canary.d082790f0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.d082790f0.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3e4bd9a2bc00fecb51b0a1bbd7844192cc20326c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.d082790f0.0.tgz","fileCount":25,"integrity":"sha512-5Qo7OFDWcQFITqb0bQS8VCl0zBl/EaWfZ1Usx5wLg0ztWtNWmTTTMSngRMS31LD0mcMOVBkvwTlrLJ1LSugWCA==","signatures":[{"sig":"MEUCIByGmot48NlrLNagb7wStJcJXzPTiAE421faRLk+I1rfAiEArmA9fM1lpnTELq3/4JKKJMyYJNWDgcRkfSP7r3PT3B4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhL/ZMCRA9TVsSAnZWagAAWmUP/23nafwvCxsGmWmdEt62\nSzwyoZWOwp4ISSJb+IxpEdwef6zaDZVSrH2obriaryCLCWp3ZpsrEHeqLX4j\nudNoPZsofLQhUPQqSnRsheqRarS8Yi/fKpK5ibAdTT7CwYE+oqZSD2sNpJtl\nKBxI494BXUm2FX6PurEXxR93fPxHOxPe/JZApu2zFBS16dXj3fO7c5mMFBM+\n7zv/YNmGXL6sIblaNAW+YxF72iZn1gSfI0nX9cZp0VB5TYo73T36muoOBAAT\n5gp/cLCwpfYKStXyoHhTCRYww23WvBFHv1yyB2gwlO4BW4TTX/675aLz5+Cx\n7Wd3BXtSH4sGL5X0Pn/GLGx/QgU11cjk9fMyY041Z15u6oXN465+pPhVffJP\nVWPjgMDSHQVZet89TQdogw2YOOy+PwB6kg4zVyEw7agAquXubpTE99rlTzxV\nAayu88Ez9br60NuUDC+XA68LvT4y+Np9/2QnccshXGttdnN91BTOR8ZObxYH\nrdgAw2npgOqhN+ncIPcOa5HVegajuvbTToizfDnrpqRpw1khiZ1iOFukaevm\na1AmHvKTzQ42ZToBUOAxSMURYlLcwKZ7bEyRW6Ayn7Ir2L/01l+l4fiadYQe\nzqOX6HOcopJdFl1so7Bi6I/cWWb6TfM2ks6q/msTqTMGjfV7OfH/vLENS577\nKThh\r\n=uCAV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"77212852cf39af4379f15c0daae076eb8b562c15","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.d082790f0.0_1630533195982_0.9520555462980091","host":"s3://npm-registry-packages"}},"13.0.0-canary.e2c4f0196.0":{"name":"@material/animation","version":"13.0.0-canary.e2c4f0196.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.e2c4f0196.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"068e9a4082a6ffb8abd2caa1c9d8928051aaaabb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.e2c4f0196.0.tgz","fileCount":25,"integrity":"sha512-6pXHwqNanU9I6GEDsChor/+yOg6jzgxoEwdenKKPlibXKkqt+P+yLSi9wLEP7PUysR9eCtp22fCQm2y7Pk+8IA==","signatures":[{"sig":"MEQCIHz8bLQpipKP6dY+7766YqMGzZ6BvpTvgVbDyC5M4M3bAiBPXFYdjtwdyO2IUABbzUixjeaPN1w4lKE8GHACSFyf9A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhMDJ9CRA9TVsSAnZWagAAAbQP/A0vBBLUqVsW7Xo4kDWU\n1iwTiZY0qiyxeeBDMusCXOfP0KXuH2Lg11YhDDUskwl9X6a9qvbXOvEFTrVQ\nKdLQ+JU1YFPd0idnrJu2ZRh8J3fDahYOI4mbzv3A0IL9Hkf0y5CvkwW2sHIF\nXwP5QYwOcK8piNDZBNJ9oQVwzXzJcmbYGISrQ6B200IwEqHgXcdDzCgedmPG\nKGw3YxlqXb++A203w95IXyOKZawiZVBmw5bWTr8/Ov6fsvzfCUgIcnpdDXYP\nR7kSkl67thDab+AkD0Y4zhdtDbd2lfzcN1X9vy4EpyqSpsyx4MHSXBElvqFj\nIK7o5JpCeyIJ4OYv0rH6Q5Fez000VSIaodxYYDn2dIniw394JEmF+9il422J\nNe8td2yoVxpaW5/M/eWg0a+mz5TqH4gMUrao3Fz9Ao3q0q8VRYzZA1EP7DhH\nszGcjpLxeC1e+FP2/hjoNoh4P5XdyotQCTZ3vbZJs6H9/m5862Vog/nKeeMj\nG5bB+Kg1eu2N4pVw/ytIVLd71aBq/9473ers+DCkFf6JGkDZJMmaZLBhQW8Z\nNW2EF+V1pnnredkG1U5o9UwKfIxtGNMoWoJXnF7N8K1FsNqyfZ9QRxAnHFGE\nI7FWnvlN//NW+zQt2L+PubZlxASCRtV/hcXuxjPjLpSqTAx87rw92Sh7+tSo\nPAjl\r\n=IXva\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2100e21debb7fbebda0966c953fb24e1964c19fa","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.e2c4f0196.0_1630548605323_0.9028976200483869","host":"s3://npm-registry-packages"}},"13.0.0-canary.611db508e.0":{"name":"@material/animation","version":"13.0.0-canary.611db508e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.611db508e.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d30af2a596e5607ea7b1e73bd7ddc2017b05d48b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.611db508e.0.tgz","fileCount":25,"integrity":"sha512-sUF8dMHvUnJCtYyhvHMSQPJoCG+3U5CbKJo3UCoYiM12aWVsyUmqlCOfb+aQ3cymAYr4o6gj6UEXciqD+5epyg==","signatures":[{"sig":"MEQCICkR77SdwiiDH3V4RC6sbHDoppvROsMPyHwSrH9ytI7IAiBV42UHEYBYEYT5uUHgL0ogYvV3djON5iDd0lljzTP5Gw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhMEFpCRA9TVsSAnZWagAA0YkP+gIT1Dhj6XD9t+uRdXW6\nYLd8fOAjkHS8UHt48eptrfYsRqh62HLXpdQmkYiEgLuxIPsX2O7O5r5PwByU\n2/fdqHvFxvgE6GpqEauXZfFllWN5QLBkyOfwgHJhc8cJ1rDJ69VVc8yIRF8Q\ndpz4ZpJAzf6jXZkwQgzSHzbfZS+zhP9rfdAAug9s6MhKBrbvSDsvGUlTtHdS\nQ/lvVD+/WcovItfy9Jtg1CLAahWzUT/dEE+KCdMewFnHeofx0Kn7azmf0Xm4\n+cXVxlWo2vJpYur98X6g1rh/K/O6oGTDgaCH3gTl19GGb1RcAF1q7NQ0uO/T\n6hQE1rRYfV1Wmu0ZR/54C4YFqA/KfqZ6ZoOwdHagRdnQARWTM0yjC5ZZ/Yp7\nscJfKPzh7rMGSBEyDhQPMzlNLSzg4zyVPFhy5cufqu9rHRrj8/rzhtGR2f5o\nnPn7h1WL9QwF8h66YIpNA84gbbM3UenAmE9HEhEgGxhgccZJUF9BiBVnVGYK\nMqgNS1pCQL7JXb3sNGEbH1ZYqE5zQ//WtCFuY/kTpfstPqEFuytgbRTi/UAW\n6xIvnKXZ/mw7fbZE5x70pj6O1GCUqw5wt4O8IqZKMoZ4RLGXs9Lc5O5nVHFQ\nd8y89ERxgDOxux60LZrK/Fc+3lCatDjYG1cT2dQpchG7daentPYAqYqfXIpY\npe8c\r\n=mqMo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"5d75be4b0e067fa5d6477869a053c630a67cd643","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.611db508e.0_1630552425687_0.10032823735758156","host":"s3://npm-registry-packages"}},"13.0.0-canary.d4706933f.0":{"name":"@material/animation","version":"13.0.0-canary.d4706933f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.d4706933f.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"933e6dfd0060ef8468ed5e8c31a9804f812923fa","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.d4706933f.0.tgz","fileCount":25,"integrity":"sha512-yMgIR70kDk+jRtpB2ZnQ8D/MgchECniKY7vfb1kHUY6cnLZmHVJV2TT9/pP0l/4UWQg6UK0AQa/5XcNdryDKlQ==","signatures":[{"sig":"MEYCIQC2tSVhPklMJpH1trec6ho1BrJ3kTcs+kx3st+k6FlfhQIhAIr4g99trGVnqin7/Wlyru3/MxbudwsRqj27hOieiHNZ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhMO+FCRA9TVsSAnZWagAAUTEP/0Fi9jumuoSyoN8jNmc4\nThornZxwEsVVZP+RTBxgQtgBIhyK2fCcEo2jWJsVxNNVK098ftnhCNkKmCIx\nZGSt2L0Xacv7KXAtZZIPW9uQMyutMoBksWxkBnHqBEe7GNgAIb0UM3w2ePdZ\nfs3Q2N6kxz4XZqXUOfjkrXyw6ZmkwJ1fsVIvAj1rKZAPyZGb4efKEjX+SyTn\ntS5SqLzStjg/gRXotxHFKdhVCSmEzxj7xxsDiaSDMvz0mZBWtld7c30DrCZA\nzUEsuKi97EnHBE7iiGMp+idg5UVgGnvQ3VPM3OEQXBwewYOryxeUBdPs/9dg\nN4ntl4zHqRlq6z0svZqFpo5jSgdrFaFK57kQu1c6HZwuB2nMEwAXE6xyvlSG\nj0ZxQ7IR6AN46MU/ddWKPzN7adPikMTue3Q5Lq2r8lUbAtudc/0eJLKPTFSP\nelDBdKrsV7L0WrMgzPgAu+uGiPjNWP9xihesDcY89s3GfeMSDV9QibCavo/J\nxp4cvx5usETCI5wRanl88FDnB/OGxn/cCbbdPpx9VUKkHrtpDJJv9vfj/q/M\n3sNloJtJuUr62mazX2ppZy43CPRNAjc15sNgGFnUBvNdNnW/nH4ufp0Bcd+N\n8m+h37iF9GF8/oW1U055d26lhuuHmjBpuiaiQVOq13oCGBckLzpB9lItMh5i\ni3yt\r\n=jf5Z\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"9e7edb1e0621060d55bf2765cadc8f2ffcfa0f30","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.d4706933f.0_1630596997631_0.9026578629297772","host":"s3://npm-registry-packages"}},"13.0.0-canary.c16fe03ce.0":{"name":"@material/animation","version":"13.0.0-canary.c16fe03ce.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.c16fe03ce.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9059a0f2511f8aa8c4f9d2445391b712ce4182a7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.c16fe03ce.0.tgz","fileCount":25,"integrity":"sha512-0mXnuxMiH35yHRB8/dc3Gzx1sf7IApa1TqZxDReznrJhXaQ5stsDUYpn4+P8lRg/nplK3Lxz5U6n4sjhwqyZPQ==","signatures":[{"sig":"MEQCIB800FfKVzjNf545JNzCX/ZnLH4eMyjJQDBA+6T7SJ0lAiB+nF1Il5Rc4rz+wCicHyYLXbClUetq5sXPisgU8OUKqg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhMQ1OCRA9TVsSAnZWagAAs7sP/23jaYjCsF0w/XS37Ppz\ndhWjeUPywdDHWrevXCAC3yKc7SGAihSt4wgGkIXtFeqW3CfScOSMIZ9Uenjz\n1PkFYZwC15ZdVexM9YV2hGq8dFyE2CkVWWIbLzhIPD90jIng7LqZfOfS6QkU\ncEcywySu3/cftenqq7xAfPxLVingx+hM5oXK7/vcie+LBvLpVBY7GsfnYuQS\nPegjETB8DcGanPuaXfOaY2CEwVdjjFRJmlfLCsZhfAgyMOZIMlh3Ci1+oGo/\nnqZ4/YxVWvXFJIeEr91PPz2mM2HZWeWPnJAITW977xO78UZZ/nT9PAYesd6s\noX+JyHlvcarxh+F2o5rrWUTgOZTVHCG8FRBYC1x7uJaHMcndBmBemBtg2HUH\nclyWfwLbUrV08nY1erNdLMwPOQWqR85BGbNkRDnC2GEh1WQmnANXP6eI2H6J\nfUcVoLD4cWPEaA635k5zh/tgBRw8EzGdMKOl+hJBgSl7R52x9fpv9Cqp0hIe\nE7snnJ/tmiXZ/6jFaGdOpgQG0TTpHgFw78MksPec9uKATD6h68HfTZoGdtlu\nsxYXK0PxnfXFkHNL9CwvQm6oAlcVVF8SGHn+v5A/BRef4eLBAiV118evKR54\n5EqqxMJjKGVumg6wqbqIRW7fylnn0DlsCJrJ3bbl7z1uBvnpHBhLJiWlpX+y\nWTDh\r\n=9aTM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"28281c91b41ff8002401a21d1210e0fc629d55ae","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.c16fe03ce.0_1630604622282_0.05556282849546901","host":"s3://npm-registry-packages"}},"13.0.0-canary.9203a958a.0":{"name":"@material/animation","version":"13.0.0-canary.9203a958a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.9203a958a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a34c42e1c69a0cdf57c47a2dc9d7759df3b2a121","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.9203a958a.0.tgz","fileCount":25,"integrity":"sha512-SCG3247ZQhN4JaO4GYcFL8y11u5kqM0wrx98YFZxBj6IWeWoTkfnDlT4Rfz9IosE0BDMDL7u1/cz+IjXAL40RQ==","signatures":[{"sig":"MEQCIHbvNBOISyR2wfs2yunmy+web/Cp2sWjw95jTdjm1jZcAiA3G6RhZ6YjQAFuipFiO1taDThUPvqRx+Zge7eNP0s23w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhMWIRCRA9TVsSAnZWagAAxTcP/ilHN3MQUn72RPfOHJ9h\nwTm3+9uaMRZ4/Z8ae8i2yK5Bu1cx9+vPg+XHnY9XXeWhWmpZBR4Rdv5FkXK4\nWn1isaIxbik00eLyNCOhZDNcsEHEFjCQV9ruCjBIX4KBaEed1wOScgpqjEU4\nibSfOfi7RisfvT8/vFOJt+chx/wPwIklOBqvKdCfiMYrljcpICn/x6R6qW2g\n09FBvJ12YLu4rYBmmKzJntyBd1tt7+10V4XQsmuD3KXnpCxjIoa1B370LQRj\nCt8y8Z9f0KWY6ipweH9KbX6xK5gb7IVaILobycQBFfcHVFDY3D7usbom9lpM\ng/IRgrLmuWQL8RdFlxiZPb6S6n0a9Gg7wHyVqzGQ90cDYVMC1Ifwd7QP1Sr3\nnetaNoh2v/hrnZA6TZBm+ZISkhMaQ8dihUCP0ao0zknNhDOuNSM8B9cyNpHB\n0TYwmb9MAC+o+0RFlmcl9068w09lINR/I8d/rSIxxIMNKzA5SV7Dz1x3aoo0\nV3DyRTaQhAhYX4Z3KYEAADRsQJkk8u59v3HyIYFGS+TDz9CGQR+3F5rvDjuL\nYj8oPwBq1PszeQg91JcUL1+UhfDquXuZNp7Fajuk76MVcjEbba1QQoM60XMb\n/lzgydDC0N81BFAzphk1tDWhIm0kFylojncHgbCtCEPj1n1e9FztxGqfZtsQ\nzqHL\r\n=HsOY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2e0f9de34d700b0d1eabd5186c5b5cf8080eaf74","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.9203a958a.0_1630626320926_0.13017030590654555","host":"s3://npm-registry-packages"}},"13.0.0-canary.fddd5ae93.0":{"name":"@material/animation","version":"13.0.0-canary.fddd5ae93.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.fddd5ae93.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0ce7ec3bc358812d797a66c340d5b14841dd3c74","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.fddd5ae93.0.tgz","fileCount":25,"integrity":"sha512-wT2UMB+vSHOLui/eN74j5jXN6RbB2uUbWvF2vjha6bTdp/r4QXUDOKVWXZMhcPcpR34aQayJhP7BfcdT80HMwQ==","signatures":[{"sig":"MEUCIGIT46VgLgHy+G3VvKsx/MKPmd0RoXrFrs5lMTD56OiBAiEAmwCLXpQV3NEjDr7NlywoVXkNg8rVIUHoxT/wAzL+A00=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhMc6yCRA9TVsSAnZWagAAC44P/iOAvJ+gCRYrPKHP7j4g\nuxU1/b8gIjK7YJfUDxKlJoKWHyrdXoqr4AS4Eu8yQMU+kQS6Eq/jycA/0zPQ\nSOmaDVDYpKuwtpDFdC9hX3OCw0jYr0kgKBxRvOh0vKwV+TUV7so8BWpTV77N\n6w4rnx1r7a84ZF58lgvErVTCyp4eWZU2f6PB/nUbVGln27bUDlB8XX+bDgwz\nLI2ZUBGR6l/LelckEnjsc65M7PRjoRatJtAS0/lKiyElo957An6EQYHeO37C\nHpTe0f8Cj7Ea1nTEdbsNSpoEugRjvjvvLpTrF8Y0jQCQ6tsu2Wy9O/8cJpaD\ncMVvRjZy7NZLQGcqAdZE/lNxvAMsTgFLMv0zSTlBdxHlyQjXArI8BC+W7bM3\nJQhSu2fqtkqfO91BdCWX1nwfWWggL1D8R4UTK1F/aj7v40edJBku1IOgnB4H\n63+sx/6mt1nJcqK6SOrlryYJD6Qw4FddcnZIQP+UUwfvJ7tN2kRgwft9TnaP\nHtvhLT5Li1zMR5VEtKc/e3lV7StmJxofQhPrDMLvSN8xmsKQpz9Pkr6yVlJt\nOD0LbSdMslyr/h1jYbkY6CLApWVh8quO8iCaeDPJrB3ftwVE1Qv7BgcOwl+s\nGjj5SMEECmGkhM+D82QRYxYJKcSt8LOW1xZSE61ZeE98kEAv6WG2VVC5I+Js\nyZsp\r\n=8upu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b5407901afd7b18f851e64db0350e0c38797ae29","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.fddd5ae93.0_1630654130137_0.6062471227843931","host":"s3://npm-registry-packages"}},"13.0.0-canary.117599a8b.0":{"name":"@material/animation","version":"13.0.0-canary.117599a8b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.117599a8b.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6dc24d33e498c51f6518a9195268cac3ffaab238","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.117599a8b.0.tgz","fileCount":25,"integrity":"sha512-nP7sFgXqMf+yz/f9SxQQg019p+jCvrcNymykLFUwGZbCs40kTgh01FRJrmm+zaSrCMfu7EN/JwZ4qZSqXirKxA==","signatures":[{"sig":"MEUCIQCzQpwLCbgemPvVuPKZVfXCY60L9Nf3qy6StR8yf9WePAIgCLccBTXBDffUb4maMRUHQRiJKHm4kKwnl9yzQaA+gt4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhMc8ECRA9TVsSAnZWagAAJ7IP/ApmncVJv4Xu8MpXLQyS\nW7eUKnyOVlr2dP4vOiEYmZ5x/18o+Rhgco8x+qlkLSExfmkBlb5mZ6hIayvl\nT1x12w/E78Aq8ZblhqRK3c6d99toFBQ0L+GyL3DOqzFn1DARSA/MdbCVno8a\nI9+1KtvT+Df/+R0Cd49+/fsWtNsQqTcqpTolVjrkaUaO3ZR0kwrVw6vCYHNe\ntgE+esKhUKmLX1Dw0OoD7P8O4uEBYehNzLBJO+4egB6v2r5x+HmoGUga2XJe\nFigIM8xiL11LEEmIEO7scxr+K040gu+3QjPl4CXuFkqMWqPkpCTAyMvG0yGU\nIQYUu2Q6qh/vniq3tO5QX3PgX15pTgVl1iokSZ7YN/0I9GQFwemqZWh+yxx2\nDEOOqAySbjKmntccCKrUPP/sH5oYizBhGYBt/oQjWwdc6ColDO8txjl4QBB6\ncfwIE9oQOKLLcZ7kF+2BikoyW9L3F8mURGeReuqOzASRasitS88365G2ffdM\npDzgOpgRF0g6khwxLuM3oU4t9ITids78xeckFhGSH6kJyMCJ+BFfN752TioQ\neWU29Po/xwpTnmbrX+xNCiL8Nn6c1HQ6xJk53YpDcPP1WlAn1htglbF0adYY\nyfis8tmfaNAC/GpnN9Dki4y84T9Nv++SERuEBXog1iEdhQyKbNz6sDHPSD8V\nsR3b\r\n=WGRu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"3dd17eaeb796b36aeda593de120f16c60ff06a0f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.117599a8b.0_1630654212000_0.7266132503968565","host":"s3://npm-registry-packages"}},"13.0.0-canary.e4180d07b.0":{"name":"@material/animation","version":"13.0.0-canary.e4180d07b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.e4180d07b.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"588d0ba82cc8b6e0de46f8728acd53bcf18afa85","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.e4180d07b.0.tgz","fileCount":25,"integrity":"sha512-RlVrkuex7UQKVWa9To7Fmv+wxcq2WfMC+akcSR/Kc0M/ZbSCVu77Ds5e6q6JgJYVYjNWqsZkpQpN1qLJhtqUYQ==","signatures":[{"sig":"MEYCIQCNojmz3Vi3zM73PU7L9egtpb0Qs7qzl2l8sTiw3OwJdgIhALtqG16k1NJxlAcr2XwuGuWfX6agqAUyVkQN1XFxFfyM","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhMc8iCRA9TVsSAnZWagAAQPoP/1O6k8tmd2HtOAiUJ4Gf\nUR6wKwiQGzq29EHTgp3Z5Bo3FCk/qv5wxywfx4i3M6vDDipYPXQZrgdEL1wi\nNq2+hc7tVmhu6ML2lDUYVwZWiK5JVjn6BAGvKKoJkvqwHhYp8kFczs2LeG9n\nzHHYMzSkPSMyiODFqW1Xdfw1WMIkgZad9aR3iBG1v1y3HS8rvYmX7aGXuzSx\nBUHg4HqmVcBhE76iGIDqiosFvBw2rHeuWshLWpuIxv4/IYgN/Q27bQ/g6YHP\nrPG48eqllwmnoLW1AOYfv0M7Z9yq2duxxNFRckgA1LikuNfGcZzeZ1USWVDY\n6K4oO1fwS/JuXl3DvwHa7SFtccP9FUzDzoeIlRtbL6scDnFTNH8TyBH/NUe0\ncqipB/5RkyyZEKnZc67bA5/AqJT1/nDHgu/GTxq03w1LkrxRFShJLKPuXo6C\nUSxgVXatd46RBoU9xoaEum7+t1JcUJu11ig+DNe/smqOT/d7xntFbKlyiVp3\nAWFJV07G2f3egsExmEhD3+L9eLXSkA8x0eMC5tPVZ9bCxRWtljTdv38GNM0i\nK6W94Uq7/6IkurnAO9q4535wAYcIGpU1C765ZVtEEg7mHbE7TLRxRpOeaoCA\nSjVRTtTMtAwiddX5prl7iW6wsxYVU5jSzCEJEziyydqzZh+FPP6zg04n7a1l\nBo/0\r\n=Hamm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"3b94d02f75df256cd0543dbdf5062823ee527d4f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.e4180d07b.0_1630654242558_0.2778855771356299","host":"s3://npm-registry-packages"}},"13.0.0-canary.42d175efc.0":{"name":"@material/animation","version":"13.0.0-canary.42d175efc.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.42d175efc.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9deb69989d1d071dd3f2530fc680c4048de6771f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.42d175efc.0.tgz","fileCount":25,"integrity":"sha512-3S2+NGXQO73lpeKc1PwGvrfdSaxGgEr0YPM5sxDAp+1WXRVIR7Cy78VeWEgFv4EcIVwwc92RJ5dM0/R/dKmMgA==","signatures":[{"sig":"MEUCIQDvXBYQLq8q12Y1mPq3C3ABPMS8hYB7cNWehKVANN3SpwIgb/r5SJKaePkrqsisJGZFIFvGV3S9W5pKD/gzd0nm59M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhMkI8CRA9TVsSAnZWagAAU6UQAIcqJBmGknEykcIzUyQU\nN5SqHLbMKW00orxFfOn2TtvGixvxOWnncWv0cfqAAz30ZZWKPn9iYlmMkVc+\n5dGRRSnsNkJWHX+sVSuYaOVWFQbdV9pt76pKU76zPrR44sEbzxHPrf4nr14R\nBvgs+v8IB/j5B9O21aGzacz47JIS5kJGDJ/0VJC3OrxiKOdoUc4RcaHljLuJ\n1bi8OtMYNEtedWnIMkuVjskm1LsyBfa5AWLL/pOk3xd2LPIfFGk19zvDGQwE\n9WyVuOIWSfpkLy7X0hsJSbiEpLM21DaycxizZ4IpO8XGhHvZI/kZLtvNewX9\ne9b67NhCUe6fnTLmaqKTRRZCPrJbSMk3zSm2YBiA6MqUf1WYVD2RMzlyc4rh\nduaawywMz+EFh0sgKVPl8/iwKIzIYAeH0Tpsi9oo2qB0kJeGMNOKG95sctKV\nn/zgdS6SEM/7uJ5AQC6KKTLMiyQH7hayz3chOXUBf9f8hx2WnuTbOkuGu6oi\n5WNvuQO3AdXAyj8s21FfS41oH2U+TjpHRRYDB+a8jFnWLQfpgj4D8+Z3PDYS\nn/pYCna0MXaSCEZVq2sETihnVsRmoTx+KM6xlhlmKE7Q8Shwe4PoytR5nVrW\nJWSiDdApdybUfiXLZ5WEiiDJUQlpjfS/WgzdSzZG44siFXHPAIS2S/nTqGpM\npN9a\r\n=sZ/v\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"64e749d9e76a60e5559d8b19e4b57da1f44ebf0d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.42d175efc.0_1630683708082_0.18947214758128195","host":"s3://npm-registry-packages"}},"13.0.0-canary.72464476c.0":{"name":"@material/animation","version":"13.0.0-canary.72464476c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.72464476c.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"75251f7774dfc8e831c555248a14bc87c31e5637","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.72464476c.0.tgz","fileCount":25,"integrity":"sha512-f7Z+7aZYOzSXwCR/isHf78e677mcrQXfooyc22qhDCwJjkeD7zpBK78BjxCn5OZH5SFBO80Am+VsOpzqd0DL/g==","signatures":[{"sig":"MEYCIQD+ZehVwl3fkbJqwOvzsw+BsSt2P1xHRAHb+svx1ZkLrgIhAM0G3ZvUweZEvRpbs32laY1T4Getx/JAkXlY6nRdVFqH","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhN4YoCRA9TVsSAnZWagAAB3gP+gO+6sjt6uTcuq1fZru7\nPVNVabcAJ5Yx/qqZDwdmgrRaB++vEtsxBBq/c0LfnOExK9SkpnuxDijn0thj\n1oJFyJi9WZ4Doab/Klb4XoLjXa1Hpn/FSc1lAXcPYSKUPS0pG7FKCY9Jyq/v\nTwVwnXnsPCXe8vi+2WEzllPF4kZDJmVkLQulfNnRNslBZH4U5Ir8I7rI3R2/\nN8AXPw5CibV2BD4X6UK8H66m2Hui8xHZyYweEH+5hutSCCfcx9GfbwZFmKFw\ny6X6QZZVgx6JkVfZX52XPNvAnOpviWlAHDnoJFNbFNWaXGNAGzqovQ24+x1L\nA8QfaijAydlwO4/l9VkahXzQZ9UbMCIfS5Ul/Rvxdi0C+FrKpknrDGgIcZ5V\nitwOXwFrkrV1OE+x/CjAGcrNoQtZQlvFQj8O0YSnIzkid8JO4vVyK9w/QVp3\nuk763z8/Rtml6TdQjVBdTZ0rVVj2FhF7hYPCI850F5DJXdm+efQ2OYZ23iJ+\nHPWc210lHYAyu0qf0q9mtjSuFzHRFCroZbQNS51CDQXYI2m9wqz64s3wMLte\nUhm8NVqKz6peBPUzvlRPZRnoKoTBEsJqcnUIOwZ6HEWVqxf/E+40+eSMyFG9\nKcuyVDtSTw9IW1Vhn6eLEXSy+Y5mpPPE0DEmdTeKvLc4qjV4Lwr96t+56+He\n0KDW\r\n=6BEi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"4c409a18f3ef0a7ee6f9b223a514471c0515b639","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.72464476c.0_1631028776708_0.7456721487923357","host":"s3://npm-registry-packages"}},"13.0.0-canary.37d4db866.0":{"name":"@material/animation","version":"13.0.0-canary.37d4db866.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.37d4db866.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6fbe4e00222157f48e12ff2a9564c89ddbca139d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.37d4db866.0.tgz","fileCount":25,"integrity":"sha512-pjj3u6k+8JiWICaJyb0/21rukMpP+UqFuKbYspL/F3tTRg2doQH3k6aL5jDi8syvi8ckDspkk7k2K89GjKvSzg==","signatures":[{"sig":"MEYCIQCvc9sGjRaUxCq+FZr0mLQlDEJV01nv65W5Ai5PUyAzhwIhAKt1HAZJXKx9wOtIATFWmL5sgfW0S5c0CwCVvPXkMMEo","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhOhrxCRA9TVsSAnZWagAAxTsP/3df9b8l2m2AKkaxfA6r\nx7k84F9G9wA3kIfOUx7lFIYRQaSxdAzxrurU3JiotPhv+O7oL+khwrW9VVsJ\n6uHpXCwg3wxQr7cuzD7HW77tq57UBlpQvDISSqDqeRydEz4IOjw1uZQIxc4G\nhI9mPaPffs0bFMSAed8VvlG3JMG6uazRTHogRT72wEPOKnpFt0rV4du/oCtf\n+W4yscuDLZSVFC+d0tT89oTErtjb1XLCjvWkHu4ybsOQ8Dye5ID7EZohqiL8\ntyz9jKlGYibzkP2HLug6J84S/nLANWVn0RUxUmeawNgQASwIHisfHd5pEXf8\nCzX4OUbN5LCgCXgSk0gt8PMUw48KKajxoG+0i6qC0dQiQn3fQCpXPubfc/bP\n22EENaiDTvNj7tAkXlcXP/fS4iKU4O4QTnaYH8Zk6kY7OmtFmlM1rULB0LSj\nCucqrX/xHff8Xi9NVplz5K1rpZ4DGNvSoSFTSpe4kxrHR/6tiiex1OTLyjkP\nJYdQB3ogwkYTkczs6VBUya+vEkCkCqhj/oUyxnL+wdGE8ObJ5RbXmk4Q57ee\nn3KKdZlAPHVyBBkTW1z3F8uVo0E6AsuRhWjtKmP2M0cSlhBlQfPjij98xyKy\nJZ2XLEFLQmSRQjsswy5x/vVLBVJpUZjwS46Ijs8NO/WuPv6i+JotRa+FZOGd\nC4dE\r\n=VLDv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"25270b452713f831fa1adf302fa3f2c357ba759a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.37d4db866.0_1631197937233_0.4767690478115252","host":"s3://npm-registry-packages"}},"13.0.0-canary.6df682e74.0":{"name":"@material/animation","version":"13.0.0-canary.6df682e74.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.6df682e74.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"070b884b4b31def1fb29ed94fec4c5fb6646371e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.6df682e74.0.tgz","fileCount":25,"integrity":"sha512-lsv7F5z6INm7TxppfaR81yLXeU6FOzCww/oqhmAGtWQFKiiYUlPiuSfWsAPSN0efBAgHAVyIsjDOBta6i8M35Q==","signatures":[{"sig":"MEQCIAmO5sFzOuPS8qPw5QcYIwLtyKt2lOVi7fWH3ZtUyPD4AiAbNUTzz6IfK57y7fprvBkkUjjrDuhCrBxMu0xwfdjmww==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhOitLCRA9TVsSAnZWagAAU3MP/0h3+uQ1F3fYA6+L958g\nhgDeO7dhh4wEisohWtw2Cwayr2CP1Fq44ZAMUTPDSFKyZoNgLm1Wem9jfkuu\nolRTD5KHII5/UaFZ+3rwGyr/y1hFiU7NkZw5tjhQK/1wACX7M9+sOuDq+Ace\nPEWmJaxx0eFlnLetiC3xlbaPnGYtYh0k6gU64ZI45Tb4xEiTjbrtE1SOmGih\nrfXsNPhb4fBSFXiPBH6SFO7Sr456v44dI3JdWeThrrGbaalnY8n/hcptrxod\nduhqsiiqKrd3qnWYjvFhWfUII1Lw9WZbfJlTCFmAGwhzLMV7QLYTPj0VUzkJ\neLACYFW3pAZcaUJlDThMHwzWmFyrFV4YzUrMQIzr8+EE08zLSzHUcTKsNMYQ\nnx4QRaBGSTwqeEvYCWfyfEYNCxDWby5beUr2oWaBLRdv/OX+H1ZG6PkDaNxy\nN1O0AD+yz+nhprwJLSY0Tq+v39p0jxe9j1o5XfOkFGp1xymwQt5xa3quEamW\nPwLyChNqXrQQ60jAvoXZCCV1+MMFCebJMD9LSKwJXwkP3R0MzUiuDHGsxetv\nDPKHqxp6v134J1PNL8oG65IOvnVMmGBdd8d4fJA3zcOiEcVZ9beV855gbGK4\nwLJUA4w8NYUlq3nk5ev6tWGx4Li3qDEmwgWg+vXN8UE1iU/8/52dJ3Jgdjqp\nc7QY\r\n=t+x8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f8640926b088e6e6fd8688e2bf177fbb60e83f2f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.6df682e74.0_1631202123033_0.9862629976821813","host":"s3://npm-registry-packages"}},"13.0.0-canary.b49359c35.0":{"name":"@material/animation","version":"13.0.0-canary.b49359c35.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.b49359c35.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1b398d3dc773095817d9cd94c8825b2254898215","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.b49359c35.0.tgz","fileCount":25,"integrity":"sha512-smikuvg/tHTXXCWKO6xMu27b+qtsJy+zrEhz909NOyuXnrZbJX9b1sQHHz5cnj6BHLRrxOQ8LInkmOiEFU8E+A==","signatures":[{"sig":"MEUCIQCEQ0ItQlbIrXC9/3VRvzMMdFEuA3MYGCOIuO8oe0q6rAIgTx8WD6vouHvEl7B/DFSwrTwdRZxpOpNgpmApQg8Lqps=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhOkWhCRA9TVsSAnZWagAA5pIP/10jL9nGk7Q3I8T4yvQI\ndGg7MbDHl5eCZ00INPBahAbQUsUUc4I1m9WEdoFfat5L9EmFyXDmLSG391+c\nCjppViDTNDiZ8p0dvxF+w7IdCQPV/KdFKEdBTJTHiwIu+OpTMlfKs8sXwF/5\nwy6Y12oYpoPy+J0xEk1S4Wa4V2aGc67MLylMgcSPM4Ljclf4VEsVFOrq5yHO\nPqRbjNJ04IV7GT+jELi412tmtgSgVhQ7VTJPQYKqn+iqavwgHeerHml1+rgF\nNoppZg6coj4gGKhxEBK4hZWQeNc4kKq5lIePoeKUoWo5poD+Iaada4hN0Z6y\ndew3WqG6CBRRNsdF+IEjSux1Mefbb4uyXnsb38vvoX+qMD7EP2fFJKCzvWgX\nyXrV9g20D6j/iGisPg90XbyAGOMGK2or8sVjqoZdATI6yP+k+hLfI4gYb2CD\nCPpLh7i/kvT6M1Y2A/db6jOA5i7nlaEgHCfrlnfnvIy0DlmDLjUA4IkJgK/R\n2OTfekt14/eChpbzD0SSnhEXDeViTMZge9cK9E/HnyATN6UgMaHSMPpAWsH7\nOdjBf3ON/0vnc0/ESthB1ajKf8PLHV51RuPMjr0KCpUZTtO/vIx1kcIuvXG5\nmRsH6B9u39N1Es69C71hduBT4Jw1FAx2P3qMshhCURSeWOSPwTSdXiTzDd5W\nuIfj\r\n=AiKp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"817b18da85c93007b9b038927a1ae036f98f686e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.b49359c35.0_1631208865648_0.8109049755806994","host":"s3://npm-registry-packages"}},"13.0.0-canary.470bd34e8.0":{"name":"@material/animation","version":"13.0.0-canary.470bd34e8.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.470bd34e8.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d38869ddc5d4b098cb1a80992e3c1c4974b06074","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.470bd34e8.0.tgz","fileCount":25,"integrity":"sha512-/rN7I3Q/PPyMY1SdWW29NyJTqlJ8VaCUvqjHdowoNDapV72EYpl93OU4ZOYAyV/6aNIKdrSke/Y1Rzu0grSJLQ==","signatures":[{"sig":"MEQCIB/cmLwYv+/BE6+EoYbcC0SWtmL4rNpOM39umYG0+rQVAiBQf+LB/xeJFU4jxJbqo0kfNldKzOwlAhuCY1uSLCUCuQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhOkuWCRA9TVsSAnZWagAAopYP/1MSH5d31FyIK37JleUX\ndEQTRaH5IdpqQP1GP7AuTMqT7FspS4NXPkT9oIXa6l4IJL8kkXU05vmdHgOA\nnVOXe5bPeqnJM+9Ue16OnteMeywbGGpF1zaAUvd/QL5Lw/vDsdSQMEIcxv7Q\n/ZXwQXzSXmf0KL+bkuKJvuWLNp5akSwqCBK7guIFd+5uI+XY553szRcm5JXf\nwQ5Z51/4QkcJXrDo4oGx4qHzfeLxQlXQP6PT9kweI2R58Z9/6uXH5lN6rrUT\nSdX+XPsKx4Ua9TYwODQr93uet0CyTefrPqxaONnGjrwv4Z7zm1MuTCmptNvz\nLzNEm1YYI+Axoh+TT9K0pG/uze2vOnocATsbdYsyL3J0g5pfCX/S/PHBvqFY\noLKws+e/qGOr6Kk7TJPzQC/f4AUbq560qHVI9jRMYZR6JgnNgejhtar0FSp8\niE9ztazMZa5WrbxfijzuOoFJZHVRTlkp/BIFdhvAPVVfW4ZVOox058fm6uHy\nQzRpDNsZnjYnt+WsgKPoU/NoBQerna0Yka5DJkPDFodonB5BueUlYFkgZoxZ\ncXu7dfoJwslK0GUr+UOBXgp+qODYIVTHfJrx+Ve9PoE9lHecfV8aFaqsS4Sw\nKceZXoyh3v2JwjE+5nMFWcwuLriN+GTF9P5iDB029QiKuRNAuCElUoDJKb0M\naq4I\r\n=BY4a\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f249b00e3cc067fbfdf722d71dd85392d031ca0c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.470bd34e8.0_1631210390584_0.32919951840147355","host":"s3://npm-registry-packages"}},"13.0.0-canary.d48a01771.0":{"name":"@material/animation","version":"13.0.0-canary.d48a01771.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.d48a01771.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"629329f87738cb89cbc86e97fd83a07d0f54411b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.d48a01771.0.tgz","fileCount":25,"integrity":"sha512-heEyd/YUE8Xr14f7xMVzm3fHx0Ul6SvNDMMSalAsMRI9RlTh7izrhHNaF6THctCAWYRwHXOsN5ojV0CklLJToA==","signatures":[{"sig":"MEQCIGYmsPhs7XOUmczSD1/ruIoDYKyUGSxqAKUDPQrTdhYrAiBw5WAEhsJrW2iVnWVGSzObPesVY8vRznKrJPW68itqPg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhOk3HCRA9TVsSAnZWagAA074P/1wz3NXl5jST1KV4qGS1\nvdrvqnyL8bcsrcQQ0Tk0mCf1XaHKjztxhGc3pUFouOwSsgIDWMEgNN3ioKWa\nNU6ps9wPV0RddHPIumXR9kCQMFa5Pp0Iyx+8kqgRkt0HZc7cQHybTxsQJqrF\nYZ7zrDBK9dMFlNOBlCONQOobxypkkyAYqK3hA6IXAzFpQadWdnjrBYzWdaSN\n+TT86rorYjSjq9YjOYLAkkDSnnwik0BVcxCH+8E7micdAI0Khc4YnfsrRUn9\nsZSFABG2YtsXj8nZ0xOJIXkuQLgg14CAOz7ZAG8Ufn1vog8PLt6/CLmatGZz\nGX8WV6ojeFHCyI2svQQUOet6IgaYL9ZC2D8HiVKh9CE5f8LsYoBbimrRNSvx\nwqCt+/F6hEgR84pk3CdU7x2GWykyY9IXhJsMIpLo9+G9bZecSeFBATrpcPMa\nK5W2MbOFy5gabCRpfBXMQtZywKXDPNGvduGo0IHmuAtY4dvw8Xawie8gmrFK\nUcPW96kKL1urSb4SSY9q5y9lccTmzJvyTSwgkeja9iTLxRQHaYAp6zQ0s68H\n+Zn3JELjbJpgfDNJQmSZg8bujC01Kd7409SuOsa3FOTZnuEd6J/Zy6vShcnn\n/ga8Oay+GQNMQ5ceiaYVL8EEwYxtpU2R5P5gCT4AavOJqMUdI0EXkYzHpPKy\n7xOe\r\n=w9Cy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"6796441e86b583e99919b207640bd02efef6fdeb","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.d48a01771.0_1631210951285_0.5962104077016064","host":"s3://npm-registry-packages"}},"13.0.0-canary.13db34b34.0":{"name":"@material/animation","version":"13.0.0-canary.13db34b34.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.13db34b34.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"38cd5c93fa8f77f711da62fd04ee74f42928b954","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.13db34b34.0.tgz","fileCount":25,"integrity":"sha512-ahZPg6CEiSfIko9r8s4g77WLOv7U9ZZJR0mLoBKX79AER2ZGPlq2mh+IWgt14CYa11forwlF9MJVYHQUvVEa6g==","signatures":[{"sig":"MEUCIQC5hrCXp2dDQamzQ+ckovdd9qxi1AFbPzdU10faIkBo1AIgDZmmzuNW677K4vXoelEtXgUmEPo2+6wldKMKwxUIApY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhOlFKCRA9TVsSAnZWagAADjoP/iDDl4jMBW+fTIh1YYut\na3YJZRcsVbm46izM/Jy0/bOdaDmRM2f+mV7dc3CdNFqXvrp5CqyHPTmmzBCf\n2shqQMq+CO9KvwYQLhkGDZAa5Ogq01MMXiCNKsm+UYPNnW1FCDJtrBQJtqoZ\nLgmsMrDY5wUkWTqiPh8vowjx2aDf3vqkp0stzD81Tz87LM8bBTOPDTrsBOov\nlU8DN1NwtaJSRayK9oai/0SoDnL68G+o0IHhnQxJdXD+n7sITTxg2zQ20Jlf\nohwon0Nw+X22dF9M2yI0QXgdf3x35HBGvJj41T0dDua7EOAeRS9hYA4GgH5I\neFDhQvobpfZqCUlxLsYTgrTaBgAP9lGwwp2lhJs1OeCQC/VhUIC3MXukzlNG\nG4MkpOU7umEf5MBL3NPM3WwHJ1dT2cisdij+Ej5sHMwiOZRcKQKsgT44mLhC\nr9y9hUwWuIt+1vAKZoJqr1faZ6Vso8YSFepDuo5VD+bJTXffLOyRe3d7Oglp\nn8mR6kEHxPn9dMTXoLeHJV4xn/cEo8IgXyTbc7XUGCFyO+UVimMqgiM7Ixxb\nmggfIyHJi0Y9zKeOEPR5BypmuvEtBYNBYMcAG2CKyudARxKQJpBLP9s5xHLA\nnAOAijKiiFsHA6I6JpJ0kE04MHJQ/1bsc1O/Kir5xZoW4DKhhPGs3IUYkdgM\nR2Ln\r\n=Rlsh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7883b32c9c6a3280e801925b874df667e1055809","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.13db34b34.0_1631211849825_0.21485854072719635","host":"s3://npm-registry-packages"}},"13.0.0-canary.864798678.0":{"name":"@material/animation","version":"13.0.0-canary.864798678.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.864798678.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"258b8ad819843b733a13fb94aa1b14970eb9889e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.864798678.0.tgz","fileCount":25,"integrity":"sha512-EHM9PQZViuhFWmIXQwQlPdThxdGkJGduMMMLc3k4EMP7cV4EHQAN+K7q2i5KsglfCnEKJcnICN6B+nl0kxEmNw==","signatures":[{"sig":"MEYCIQDrUo2iVaCUJYwWqURkatf1KmSMKFg4Z/yGelxAgu7CYQIhAIsqn16yqvCupxqAHUqNMs9cyht/UHgV3yi1BSo1A49+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhOlP6CRA9TVsSAnZWagAAXlAP/3BC3FWjIHUH8wV/e+NE\ndrbt8P488qa4Q15HvhW5DAFTEBrkJxiM5sYHggtuSBvtfsI/i7TAX6Z2WR7x\nwzOKzRtsZ5ay7XfnWc1t0gNaWIGEvLFoxf0Vm8+WuRR2HFlMeWP8eZ0tQ2tg\ntn5J+TuvtJj6Ydst9GQCKW2DI8jrx6/cqGTFAQhaognv7vycKvUdaf2tq3ZM\nIGG/8MRV5BGtb3S/X74BsH4SBPJpvofvMnUiizg8angh6mvExZ6Vv/rMvGBA\n4SeFuvj7Kh5EVXwUDNL3mLzRsW2uX2VT5cre/H4KHe/BoI14dFzoq5UaQ601\nPa5YYSKNQhCikgF4RW4wXGLbNnezlqilu6jZaxKVJzyB1wTuB96zLT8LKtGN\nZKChFZg8WBuBR6QRbZub/t132DXvl1EREbsJ5oYyjbUnFw3JQDKLhR26oivN\nSySmrPPZCjOK8Q/glE5l3Bxa8gC8sB48bIWEgLUFzH6LTV4YyaTZ0Ml7rqHn\nd8dQoBAdhBXcg6/uPb8YM4BA+l3MsKOlb50ZGEh1Erni59TmRhc0OYyyvYH+\nEk0o+CzwdCfsexM1jnQhAyAgfZvvp5lqST19iwpEDSOt2RKIbSN3ioQYU1qV\nkXBH7ddoZOuHPmlOHF5mz63Cvbu14OGwQCQl2VRmYk7ehLGcv7MfKzR7oC4P\nf8ox\r\n=azuj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"08d2ae683a56b5e86f7a54eaf5a2090fd4288df1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.864798678.0_1631212538005_0.0703677095064581","host":"s3://npm-registry-packages"}},"13.0.0-canary.d04bda3fb.0":{"name":"@material/animation","version":"13.0.0-canary.d04bda3fb.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.d04bda3fb.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4a6de4d2a0fe35922c25b0c36612c1579f92285f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.d04bda3fb.0.tgz","fileCount":25,"integrity":"sha512-DXs4nrWbRrsKTudZXwzK9pyI67n1aAUOWsE8RyuvBuaZsCS6RMJ/uCNfvIpfV3C39Y3hVBewjE9uhcslDoDPjw==","signatures":[{"sig":"MEUCIQDWmfKFrj25gYh48d2W8/ktehBx2xdPy3An3CnDZ3bBIAIgf/P0Tr2RXKTZPmncqkUn5mi5WNvNC7ekM/zIacoG6q4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhO3ezCRA9TVsSAnZWagAA9pwP+wYotSr40VweAQTE0VHB\nHbm+xuqNzn13lJFhBCVIxYBLKvst5/+9DVmUj09++tT7s0hYK+Y2BHvtIk2f\nQHzv1R07/0QCYuBoOR5ZmhXMrDsxzyz+u5j05RdFAj5917mVn4kcDigv58Oi\nPWZ63ElIYMn2TjV2TMhZ3lE9Vsqp80ey0K+aZl8P9x+dlJZOg6g51YPX3x0Z\nxRXt+1bCaIzGErf1tzGlRiheAj7GbE2SSxp/0pydhPTopVTRhAzVMK7t3Rn2\nDwrNErweftAmzypPOghqFtiJOJ/oTtBUWrhetHFlmkUx8x04S1tlZ0geqxem\nkNRq5pewI6gKiIG70YTdJ3vNh/YEceUK9Xgjc9/OlN+AtLGezXnjArp/8dy8\nH5/qTNqsgYLpq02lLvuT7O8MkXGWC3bW5dFXd6vi9j7m//8AHASwt087LcW+\nPxKoKb/TEpgRJB+RhDZbfYRswbdqx6GnVrDvYxvh/yl1JwMrMM92r9eJLNhq\nNxKH93BhkhcWXCvYZ+E7q7ZKDgPflaCthT6griYkvKBwJ+XWYtqWGvaV8sys\nUUrb3NoMEq16F6alrvYGm74ccHqT0XB2Jq9XNQ/rc6nhrO9T92o/+MTxff7s\n7yyogmzqLRPIwa/aYgaOd+hGRNp8Z1fn8lxYkKwyj6eNnOxBBAtiSQcEDnL5\nzjyJ\r\n=cTOa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7dcba6a47b77f0011a1f0e22b3540e2a70b285cd","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.d04bda3fb.0_1631287218947_0.5684586636196114","host":"s3://npm-registry-packages"}},"13.0.0-canary.5533f73d3.0":{"name":"@material/animation","version":"13.0.0-canary.5533f73d3.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.5533f73d3.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7027a1858a2ccd5033a2dea8aa0205e4e2a3ac88","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.5533f73d3.0.tgz","fileCount":25,"integrity":"sha512-SPiLlx2IuFZvrl5rsZB50PoFyp4NKoiOsinnDV9SfxE6yJydDfZaDcOLmDO/l0K+r+A5WnF+1QhZSO5CAA451Q==","signatures":[{"sig":"MEYCIQCwxLhM0FDVsGE6N0O9WqQG4wuJDl6kfJnn3lUXpdaepAIhAMQhVVaA/9k1k5DAONKCOPd5W3ZTOIb8D8d+4TSOkt+1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhP9iFCRA9TVsSAnZWagAAEDIP/jXEaIG83HZg/eSnFnh+\nLwLeCIwwg9TxsLg0Kl2uMFvtz5P7KhqoA5C3KGFgM3N9izaN8k8RtroPRCrF\n5QejHQLJmMKab8tnNcpUWSMzsb4xyjs1+RsA0AXOJ8omlDO7/YaT40Z2udzx\nYmMzBnq97CXrR+LorgMkijhEkCFK/b+nExC8YfAYKtAKYYNJ3jO1ITaawdCV\naMU9p7wkHC7Ka1/jrEExV6lCklISdTB6+BR8MDVCXtqWrj/ACYSM+8J3ft3d\n4EHBTW0W/0P9teOdlFh4zsp84GMcuEj6h+QDIlo1ZvlXqsoiFfXr3sPMdZny\ncJN1bb9I9Mmnui3gwS26rYtnWk0qla2DhrDN5YVpAbxKjEjcisnmwybKynbU\nQOAdQZ7EJXBJoHyrcOJHFMAW2202zWEd4zgFWpc1Og/3rIMpX61gdivxqxCX\njCYQHMUvY376WtxE8cBIelhJfilmPTChsh9/ozWF+LSpLDI2Wf1HWgtRyTsP\nw3EOJESTzjOIuNi9A2qHuhUSYMCgVAVf4mPJK1Bd8qRtsW+x5ReLCH+6ePZG\n07nnKcdqXPpOkarnVhWK6oQR9jfgg9b94bTyfjyy2p2Jnz96fRPon8BozvRm\nClsT2o02ZwXAljpWPOpeRlJX9o12hMmEOIBpAGBoKZ6RoiLA+8WsiYm1btt0\nFN4E\r\n=hBZR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"20bf1d151f241eb77dfa3233eb61f4e35d5b2838","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.5533f73d3.0_1631574149722_0.396454579509804","host":"s3://npm-registry-packages"}},"13.0.0-canary.08398f880.0":{"name":"@material/animation","version":"13.0.0-canary.08398f880.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.08398f880.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ac5824e4ea314d1c0126013b42e45e7187aaa48c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.08398f880.0.tgz","fileCount":25,"integrity":"sha512-t/GZ1S4nsgVSdQXb7fduA7XprEjiXjEFMEMUkrc0EQWkxhHLZZDMhPENGBKueee25hGiZv3sL8kih6kUO+1iAA==","signatures":[{"sig":"MEYCIQDLlyApVvQVGnSU4O4/5x8Ra2Df0XKUlG4h2vDUqqr0AgIhAIyV323R1mZDsVltSRqxYeh5Ln0hW4HvNGvxcKkVpsxD","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhP9+6CRA9TVsSAnZWagAA5WsP/2xdvC+0ePQMmB32xVZX\nAbUaymHiu3ozMzoZtz+Z7Triy946lk/jQHaUGc6JY0EGv6Az1lvNyVqQMFlt\n3pf5xwoDhLhjnUpBlND4r7rsP8DF8PVGF9gOhC/q0cwKyZ7LyA8lpzEAtE9m\naiTUaj0WWmaeW55xbCjim6vc5GvOCw15TxUWUzHTQOffhLFow9DZNnkh176D\nMLQvKGssT1ywEnT4ffFdNKHpgfG2aoThG85ZhYy91Xc2Y8OK8W6KGkt2LHl9\nKweURvCvJDWWxLjfjtYh1LDP9ds6cfymihc6B5LcNomr6QfoyjOsy7O0KA9M\nTLnREOatF7zRsi8ucXWUtlR5HwpdxH5fNkK0yEzlsw03E1CEZ5tRLBFIFr6k\nTn2JogSDKxVBhIr8Tpf7UJK7fbpSclclbBF9NFVmt3bc7IXZWJkEpVWij7KS\nD4CwrQIXhJI08Jq/YR3CIOEEXynqebjdyDuV7iFyTlrbnHSkxdJN02Mwe0YX\njq872DeB4dxBuFEB+rfJLwTY4VDoBBu1aAgMr9cSmAXfGevzigB/79OQjntl\nPGOy7T/4/5IahTYy4Oyh61aWEKNLdQF90qOUYb+8tY5PbckXchqHCcBRC8lM\nHiEjxXVqxHo0eCbES3PWZzyeaiURv2W30LmFBZnxz6RMkLygYpbqpb16KvF4\nY6lC\r\n=0IFJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"1a993a7d6bd4a018cc4ae230bf1cc3fecfc16d1b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.08398f880.0_1631575993935_0.629811758609556","host":"s3://npm-registry-packages"}},"13.0.0-canary.818f4ee93.0":{"name":"@material/animation","version":"13.0.0-canary.818f4ee93.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.818f4ee93.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"59cbfcd587071299621e601492096091eca2ef97","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.818f4ee93.0.tgz","fileCount":25,"integrity":"sha512-Asw7YX/875H9UNEI9lR/cqWYtMNxJ150YQFPmUOzx8jUzBrJKZR6NFwjaVXqp4E+wFWdt+as92MGrQ+2gnnTmQ==","signatures":[{"sig":"MEYCIQCD4DPTrwSXMJkzncVvXdZbj4eL5R6I5hCjC80ZCKo8vQIhAI61X6oVIeGp/QIJFZTCV9MjoShmfOXCyrtZzkVKTwOL","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhQjITCRA9TVsSAnZWagAAF5UP/jMzJ8JVGiQzOApNe6KC\nGsWRPhhrYJLx1AkuqZlC6u0aa5uRVrxZBQSnsRhGwmTQvJ26+VhXeDOsYmkv\nq1CtDTRxEWaMnKyxN5OtgivcUzImTuSTuoL+m8GwIYuUAfMyxqqk5XvwTOde\nYzCNTyQqHNmvzAKSzOmgxpctpeejRLjydTrCGCgBVGnOrgyT1rLD2pUJ0oMY\nJLDG/dJWeoc/dStWZBFmF0R3R8pfScnIVKL/iFRB/9LllbU37amgS92LWmqO\nDJEtOg6FdZrCVTpzY58NbjaMOL4KOOdEIj/Rdr6VCaVL49J8C0xFsenxG7rW\nlDntfO6QJd8/nmzEnTgbAT2DS9Cv/pzOlChHcMdZG06YRm4yjmIzWfz3IPVC\nC7vO6uXtL8vK0MlcnJXcQY1QJIOljedPSXIwfeMafOs2MOSrVfZZvc1XT8Z3\nCpBuzimLXYvuswuK/5sh8P5myY2WyVZBBUWLNS/KgeGfw39gbWwBTrtZiopO\nzgqgMLqVMPW8wfIuKxTYEdoT3JkgMQz8GgCtOMj1MqtmCto9XbdlOGivC+sJ\ngSyepZBMVI1KN5Si4ZzOwpZXaLJQX+M2t21ayNh04IjybRiSRAggDYF5nrOf\nckR6e/AybZIxKaGiYz4pbaWg6YQurAfQh3SBoJV810Zk4SQgZmFkXXy2u+ai\nq6bq\r\n=Qt4/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"1d88a726d331a878c9a8721e3237e8cf6df49f1a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.818f4ee93.0_1631728147607_0.5383086011422369","host":"s3://npm-registry-packages"}},"13.0.0-canary.8355e14dc.0":{"name":"@material/animation","version":"13.0.0-canary.8355e14dc.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.8355e14dc.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"884b2512ddfbc90a4f7887ae92d4dbc1a5a9b89b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.8355e14dc.0.tgz","fileCount":25,"integrity":"sha512-Z73w3VKna9mvzrD6vt5cjTlhWabHp+3D4raK/v4G0om4T/wM/3aNoYlXSPjaewfZh9LwQDeKI/HmvOue6OPFnw==","signatures":[{"sig":"MEUCIAYAXLxoHaie7hkpbn3txXsKTa1z5IVMG66dg0DlnNjSAiEAjaZZRO/W5T1VGwmUhf9wireh4iBG2a5X4OR3zBmtF+o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhQkVJCRA9TVsSAnZWagAA01QP/iMs+nfJlwEgWBIHQri8\nuTz2T3MTooOudWcwT3t/0w4OFIZ4ajq2KPAek5zG7XiQ4bB6T5sKfzLmc+o1\nICUMNe5GXO7tYCQQ/CbomE04Fq5d6H+031ucleSy/cpGxgMVsfubrc21MNJM\nTxNVJpG/gipPhve2LdIJYiREbOZGjXHyUkeRdiZRJFCv3doOvsDwsZUrsYIp\nYxk45J+krje2t6vnq4JmdIhDd0TpvKTW5is10eu4naAbfeo2PuPASMMJSU19\nibreZUzBA4rkEQFubS373+HtkEuJGjGoJF4XZ1ATKlejisW63+m0UQCAu2Wa\npg7yfNIfFujIhvBZ+oDZlhJStO0/hbYaOQNwmLyHMPdy9kf2TYVDfjofMiwi\nA8w8QnvOtcING41KL3HBMZ0fSfJvFRlwjT1sy9oY3K4yzZFBLJ/Tznqqy0ET\nIx8A0ApLaTF2qqJcF2JITDJxSMkmnU9p/HJkR7CoN8cZV6GGIXLwyct25nQ5\nbnIYzLHirVJ3ayK12+93UJp0bNf9uQghwJfV9xB+jsFvGibVorvbrGlG+Jl3\nKPAI31BUDVwMip4MjDANf9Z+x9QDy9jiGL2V38HEatvMEtGHI7EbLmrZ4p7o\nY6xZkOa0irq4jqGjYOJYTrxr4EZiKaGal9ppcdUw5SElTKA2El9EM6PUOAw6\nGsA+\r\n=4bXp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"065f64e5cbd54d86f092d8d1406bbd0852b2a6a7","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.8355e14dc.0_1631733065071_0.12502768772584916","host":"s3://npm-registry-packages"}},"13.0.0-canary.d4e16a6c4.0":{"name":"@material/animation","version":"13.0.0-canary.d4e16a6c4.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.d4e16a6c4.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"02c93809833e625ab5b9f1212a5f67a89bf717ec","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.d4e16a6c4.0.tgz","fileCount":25,"integrity":"sha512-d7XTYQ3yqeQpJzEICKspkO9FQoUMMzApKUV2bS17odRtY4tEPsdUQUOpQR7PTPFpJvfwPh86RDhWUL17qvPv1g==","signatures":[{"sig":"MEUCIBDQMolYFsxiSMW/CklsBtIl76TykM/vcGhYBFsXrBNeAiEAxpl7E0lDx4MZ+v3DzkOXY3m3hBziG9ROFLtYFiG3SOI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhQmxiCRA9TVsSAnZWagAAn34P/jso0myoPvNKItPl5EFX\n4GKzj287ygEpwYWj8M1nP/8iVMEiooI78xNTYrLBQIZZPDvMKiVKxioLndGm\n2bv/36gnvv4z2qtlaDfdNuJhwvLHCDhR/mkqi3bazRyshDvrZcBBRykVbKSv\nPH3FojE1kL+iQQb2FydvJ+ApMZ5ZSeJnQoWnkwk8YgGAvLaAgn3bFK/eCfZg\n9S7qyDUTFHxSmdnfPF3PpA3Xl/oU5xvLvvT/vAeH73KTgkMAIGw3zxT58GnA\nnYadgPep1ZCMw2F1ssD1W6DEhW6gQ3oVDkIZC1t6wK1jmIYRSdcH9t80jQjm\niUpxuKuEWpWbHxbL92Ze4KslRFkkBR37DX/eLN0DQC24DM4KPLFRKokjPmwL\nie7q40IdOjPjoIANzVhtGjXCS2K/aG5MxgQjc4yldpI2kmdojATkx8ZOVEZU\n3qRpjetDSI27TwvlGWTZiwdb0Wkya01H5h3qX4w7hsHoQtZVoASobVDcc6iC\nfEYPolJqjXKd/xGs7CdMec2HySG08xM/eYJXq58TjVe1iPI2Le5c3+cw2ikw\nfiOgar18Sqfbl2Bg0PVhQiU2cNPtHFO3NxZfZcxt7WhMjsyrUod2caITLBwC\ndLNaB+jgB7es0RXi7Y0uBuW+p3IGtijDveOX/kwFE7jjMUiezFTIPY2JDM3u\nWW09\r\n=Ib5i\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2c2d0c3f7c18e3a2b581679df71df5e7a0e2fcb3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.d4e16a6c4.0_1631743074549_0.4848702834048644","host":"s3://npm-registry-packages"}},"13.0.0-canary.65125b3a6.0":{"name":"@material/animation","version":"13.0.0-canary.65125b3a6.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.65125b3a6.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ce5a8b0b4cd2e087694c656d59be22c80ef92d5d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.65125b3a6.0.tgz","fileCount":25,"integrity":"sha512-MIBRoHQnzGyFXOf/txHfR5wH75kQqsymYTQCM50GeNBIVUqBYWhr6Nnu5ow47mykq1PwqRHSat0ohfSw+ILskQ==","signatures":[{"sig":"MEYCIQC8JkcUDteO7XYDKeXGzFGs4hmE85XDAyhg727AD87vQQIhALcM9fmiW3MQlH6TiWqvFCOItHGono4ZJbw+qlngEQtG","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhQ7QbCRA9TVsSAnZWagAAMpMP/0mgiMYIpbhgu9R59HTo\nUfIq5ri8o2WEYgWbG+MVH9PtmYpR6D/Wjqs/2COFdJRNPxuagzdsFX/jndlu\nqqPQR4O0Ydj9+leWFy0Yc8BPTuvzTKYGa7FjwsDrvefAEuK2H1rgldxtJlq7\nH6oeklt54IW8x8kD+iHyJ46KvgERSw194GWavJSMPS7ShfrujBLaHRrf1GQO\nY+AJChWPFqU8f7PyMMbXDGPKktXnlvgGIeiOZMgEDnXhvdgFB1ABMZGBT4CF\nIff7ihTBhVIDt7q81LGhQIs90Hr9Mm8oYlDM5Pli7Tg9CbMp1DoJGQr72mKo\n6CmTtzeVZ/c8DElmvLEbL3EApNfCbFBmduVr86RaADc17jhvb49D1MbjW45d\nKsWtv4tXvz6T0HSEKgsj4nOR4/EQjqscH/0pjfWs+DfdP2CiLfOXjou8S8F2\nPX3/U12F1kRAj1nud6R6HzJsVOINGr2rk5gx+YmzvgV/g3SHEpyRAqJsclZ3\nnCJ8olHuvZj2L646VdVpem9su9DSOF+pa5OsC8wWXdZd2m4FMTSLMEL4Jiun\ni5Xv8ekb9F99svDOkeqOuvaVbkIndA/vkmAjBZ+N2vo+jWs07k0Krd8/F425\nC+ikPHx3Evgx/sQKpsH6w0bxG2LL560G9XvUc5TXxl8kkLAmo89MEbXRsL0q\npT2Y\r\n=WNO1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7f141fcd82e6061ac62fb457dad40c0ad70e52d5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.65125b3a6.0_1631826971473_0.26582512839962646","host":"s3://npm-registry-packages"}},"13.0.0-canary.80a583365.0":{"name":"@material/animation","version":"13.0.0-canary.80a583365.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.80a583365.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ab4d192543e33f8713b1b084462243337595b2ef","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.80a583365.0.tgz","fileCount":25,"integrity":"sha512-mqhd5yJsOZB+xn1uk8l/nDOGKX6rjkrUdpZyhNEJg8eMn9VweV+HAQEhnP8yqatOIei5eNVkOo3nsqDrA+vNYQ==","signatures":[{"sig":"MEUCIQClcZeHU/3ZtFJVZBw1WECDenNZqKl8s7uGNLzuHwtEnwIgSVBwzQ32z1UhkGhojkjM4v01dybA3Y43hPABkZBMW24=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c174baf193216601da7fe07831dd2152585c6beb","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.80a583365.0_1631910888002_0.8182034347441707","host":"s3://npm-registry-packages"}},"13.0.0-canary.83900936a.0":{"name":"@material/animation","version":"13.0.0-canary.83900936a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.83900936a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6273ac32335f39e1b2531cc036fb8ac183370953","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.83900936a.0.tgz","fileCount":25,"integrity":"sha512-2DYvtKDhq6LLNUJCOC1MqcRJPht+vkE/wUjqe1mjFEU6gwuQxDZnDcLI9ssLaYCwFO/WnxVT6bOVtdw3AXlGmw==","signatures":[{"sig":"MEUCIQC1Lp7cU88pPBzQioXCP3ZRJfKEJTnQSOS1jYnYlZHJ2AIgI7cYZZ0KYXEEMiQ2/J7gjuYCY/Bbn7Ygy7H7Xj469TE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ca6026fb6b378ac9a4f14997612369fe29f31093","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.83900936a.0_1631921002202_0.4763011855376875","host":"s3://npm-registry-packages"}},"13.0.0-canary.860ad06a1.0":{"name":"@material/animation","version":"13.0.0-canary.860ad06a1.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.860ad06a1.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"944aeedcfed5fe398c6c21fcfd619f3611822d62","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.860ad06a1.0.tgz","fileCount":25,"integrity":"sha512-9QnRQQpMrd25igZeFoQVOSV2Jz30zbkH7nPzlGoc2YNBLLRs40AR4q2pizwZNqZz/HMvsSMmbePFMmyQH4qXhw==","signatures":[{"sig":"MEUCICxvB3O2HsyxfKRqX8ZJwQBVqgDlr+T+yrnsfisck0bQAiEA2IHHoU01ooJXmx0voZW56jEwiHTZyI4621EBZnU3fss=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"8f156ac018a526d53d5f5077762518483bfa7dc7","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.860ad06a1.0_1631921701272_0.12673443092062953","host":"s3://npm-registry-packages"}},"13.0.0-canary.3b8d4429e.0":{"name":"@material/animation","version":"13.0.0-canary.3b8d4429e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.3b8d4429e.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e3bac73fc8bf4c2365daf6f7e516110f9a5873ce","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.3b8d4429e.0.tgz","fileCount":25,"integrity":"sha512-Gysfk4Hto0EBF3FCIwhrF84rk2wg2FFjE6rA5GvZUSuenMyRxb5vh9zJlhht/eZvdEt6kFhx1nUrdHDRAi0qIg==","signatures":[{"sig":"MEQCIE+Qkm/825qLwSTHzX7mWQ5T5oSvblKihqvI4f3dzU4YAiABewTVA23rCNtL4Iczn7TK8mjj1RsCAXzRoLvFraHqCA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c548d2fdb2731631683bc92955d6701cd0c2bd14","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.3b8d4429e.0_1632159992784_0.9260386389548687","host":"s3://npm-registry-packages"}},"13.0.0-canary.2da3606b9.0":{"name":"@material/animation","version":"13.0.0-canary.2da3606b9.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.2da3606b9.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7875d5fc49c63d9db1a2bbc2c0fba9bee2abb0dd","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.2da3606b9.0.tgz","fileCount":25,"integrity":"sha512-qpgmgKvIcMsUKJeeKDv2BRAuqBIXpHEdjo/L6ZxJwqVvtAgWwsx8zmSGFY3ngeFxQTYc9ZAFB+xkOkVHNlytwA==","signatures":[{"sig":"MEUCIB7nqc8EeLWVEyWkWinPltxRa3c3209Z4eLHi4ylkmtDAiEAyVkNP5352rBq+oqPyDftddfOZjgDh0JL4yw9a3iyO9E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c452408cf52d900869313ad573c1b84c9d6a3105","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.2da3606b9.0_1632166605984_0.651907709714225","host":"s3://npm-registry-packages"}},"13.0.0-canary.e8c598d1e.0":{"name":"@material/animation","version":"13.0.0-canary.e8c598d1e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.e8c598d1e.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9d24cf5cb7efaf2166fd87ade3096906a7ab5af5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.e8c598d1e.0.tgz","fileCount":25,"integrity":"sha512-dt+pKXxrWTHZp/4g30tMzxN/cXFHFv+9UXWN+wzU4wr8W0jwqo/L+2shdgk05VKqEuo6R0wgaUYcqhHJ2328Gw==","signatures":[{"sig":"MEUCIEOUhIgWOwBaMqjFdkuX80u/ovPnBsDcQ0l7hBZUDkEQAiEA/LCjtUNDJe17y4N4/xszhSEWxklwIentYEAgEMocCN8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"11ab5557b275cc7f950ff2123684083e6245eafe","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.e8c598d1e.0_1632172254212_0.7295406470272094","host":"s3://npm-registry-packages"}},"13.0.0-canary.1340ee9f7.0":{"name":"@material/animation","version":"13.0.0-canary.1340ee9f7.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.1340ee9f7.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bd83c843963fccc4bec0867337593a3916b66eef","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.1340ee9f7.0.tgz","fileCount":25,"integrity":"sha512-R2p1JWbHwngMMFLBG5aAGsvREb7bP4hiOvTLZ6lg2cESptdvA5Pl1MpHy1uZvIU0Lm6M+LfNscsa7nN2czMQMQ==","signatures":[{"sig":"MEUCIDbyqLkYOb9OYGX0nDirirNG/unR/w9EaCHEjX2h9+epAiEAjCv7UrPXMu9ygemY6zFP/bkZw35XE5PcX+sCy2LAUSU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c9cbdc93fd9954f12cb74ebaf2cfa5806d078879","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.1340ee9f7.0_1632333415482_0.7980981680383981","host":"s3://npm-registry-packages"}},"13.0.0-canary.65084baff.0":{"name":"@material/animation","version":"13.0.0-canary.65084baff.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.65084baff.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b252cd5ceeee24a49032ada7d658beff22f74213","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.65084baff.0.tgz","fileCount":25,"integrity":"sha512-E10ZTbfKy1tn0ZDDcAGnauUdr3lD07UGAar3bFexF7SM0eSqUE9+ic9UzvDKpHoYvW5XsMCtotCwJ/w6SpvxqA==","signatures":[{"sig":"MEYCIQClOscALVrYpbY+HUeNPIN2sO+uUS8mOLgv64PedpVW1QIhAIAC/UgHVeS4goxCkvxcGe+qr8VYwVesdRhuXHOk6Nh+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"afe4cce0d8c7e5038058ea8198ffd72e99e1c941","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.65084baff.0_1632432264533_0.2537516992177542","host":"s3://npm-registry-packages"}},"13.0.0-canary.c79aa0cdd.0":{"name":"@material/animation","version":"13.0.0-canary.c79aa0cdd.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0-canary.c79aa0cdd.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"de3513363159af59dabf91c52bc4113d3c660c44","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0-canary.c79aa0cdd.0.tgz","fileCount":25,"integrity":"sha512-+m7lhCacXWSWVOH6VFeTfDhb0FqTrCftrUu3EPR26mbLAOljLsNtGNMGHnNij8s3b5Scge7+pj96EUjOBI+rOA==","signatures":[{"sig":"MEYCIQCuHWV/kue2yMNL1NDYw+1OYCARnPgAeZdzzUaTJF3HywIhAJH//N4ufSmzgYLchTHrdTOCMx2oyQhIpH/Gh5qIa00C","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2caa02d38f883966fd5f78948743dabdced9b689","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0-canary.c79aa0cdd.0_1632490838082_0.8388885390452145","host":"s3://npm-registry-packages"}},"13.0.0":{"name":"@material/animation","version":"13.0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@13.0.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"42ec7aee6548ba27edb49063c7a7ae431e4ef450","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-13.0.0.tgz","fileCount":24,"integrity":"sha512-YR0/u4u56qXDjKYolQ7F+IvlPkaSBhMl/dZv8DK0FbD6PH4ckOPd3bEXNRndXtprsxwknQQP2pttjPImylkl0g==","signatures":[{"sig":"MEYCIQCxcginxYIRZSb8bpDm/3WHT60J51YRR+/ANyxRerQNYAIhAJw9KnSjar2k069AClZIJelwjh6TWEhfcO2d48IXdfQu","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":64673},"main":"dist/mdc.animation.js","module":"index.js","gitHead":"198431fcd8ff3028934d2cf3a5b292f8482a4570","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/animation_13.0.0_1632512692773_0.39645387231896323","host":"s3://npm-registry-packages"}},"14.0.0-canary.198431fcd.0":{"name":"@material/animation","version":"14.0.0-canary.198431fcd.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.198431fcd.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"88cc6909e1b187c9e41c0e5ff03c40fc1a6ab6a6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.198431fcd.0.tgz","fileCount":25,"integrity":"sha512-lgnZq8aoSBQzZ7t0pgQewHOiP+A09i/iug/staOydVaSwLGhRT6pejdqsk3cZ/J1kikH/SX2DuoFZXvyZGH4Jw==","signatures":[{"sig":"MEUCIQDQTwLYaUMW6hc9C36Qj7IvJgXaapjtdeUoWe07DPWDkAIgWBjWWygO7W4Ht96aKB0H4qvu7UUzfklhuS8eCyY2vNc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"34242e3354729334618dc12d6bc959e0a8f14dd4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.198431fcd.0_1632512736165_0.1716706027791679","host":"s3://npm-registry-packages"}},"14.0.0-canary.9a02b6ef8.0":{"name":"@material/animation","version":"14.0.0-canary.9a02b6ef8.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.9a02b6ef8.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0ceeb44bd151047a22a2a2640427bd4f317578be","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.9a02b6ef8.0.tgz","fileCount":25,"integrity":"sha512-pCUtJ3OxkU/gujJXdbGr2I7cFIxc+w1WMKbTMPyUTlpzNMEsaVaVP3sv3CpJNMgFvsD/I8O6kVpOz1VnoNmjdw==","signatures":[{"sig":"MEYCIQDsBOz46PmJ8HgwtxP8oZZ88vmpzS924psOzYR2ZjhxXwIhAMVT8DuoFUmlWDhR6mQgcJ+1c0Fl0OAlO1VMPdjdWbRl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"13e91b1150d6339b15d71c44c8743eb9e2026eaf","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.9a02b6ef8.0_1632575405740_0.010251688189852892","host":"s3://npm-registry-packages"}},"14.0.0-canary.758ce31d9.0":{"name":"@material/animation","version":"14.0.0-canary.758ce31d9.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.758ce31d9.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cbad56435c8a0601cd2125ffa57c025aea2c39d6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.758ce31d9.0.tgz","fileCount":25,"integrity":"sha512-PvAiBz0d7eTdZiWI75wWYPUqQZcUBXUJU+4+arVLmxVSpNyuAppYV3D5JFeRffZpOek5N9ojsCBCYDuDmwEnyA==","signatures":[{"sig":"MEUCIGNkUiZ5wvCgboNtpMUh6aN6L9huAja42LFCgCkW0dteAiEA3UzOCNE49jFUVNvd03fPXrJc5sYPPrJSEF0wG7aWgZo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"09083795b738aece76a37f8a1dcc8daf958204b1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.758ce31d9.0_1632763698176_0.34783016414686174","host":"s3://npm-registry-packages"}},"14.0.0-canary.86b50ef74.0":{"name":"@material/animation","version":"14.0.0-canary.86b50ef74.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.86b50ef74.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d02c63b19cd15e88cf28071f051a39f0378aec57","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.86b50ef74.0.tgz","fileCount":25,"integrity":"sha512-9Bqnis95amO8tvFpioNWwBksn0jjFNJK1JTRtQZ/jQDPikmKOWaLdRVIJ+pjT2z/xrKM7VkZ+l5IbTpKTKdKCA==","signatures":[{"sig":"MEQCIACScaeKg5MYkHOVO2PXZcmNXLBTNjhKCDqS07D49jkwAiBzjdw4vJ32Mq8Khwav/r9aoOXLt+svTItkaVa09tbOEg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"5941ece7c1e494e720865be940d098a5556de149","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.86b50ef74.0_1632850919668_0.03701740795015818","host":"s3://npm-registry-packages"}},"14.0.0-canary.b2fe3528b.0":{"name":"@material/animation","version":"14.0.0-canary.b2fe3528b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.b2fe3528b.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"518623975df2d78b3a20e3a6935b380ac5dc706a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.b2fe3528b.0.tgz","fileCount":25,"integrity":"sha512-T+xGebmMxu/4tF4raG+EhGepNrPl0ehcHYJ00Q8+o81N25hmlU4bcRZLuPKOuYkl7KMDIfcEFFvjbZOaS+iMjg==","signatures":[{"sig":"MEQCIQC34WUZ4/rgnoKkCdTupstNZz/1IE+dqM5CdYiL/o4S9wIfMCCfekQQtzqYgsxQmh2lhUNkitxbnGREisDSvLndhg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"cce11b1c181ea84c0bfdbef26112377518afa98b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.b2fe3528b.0_1632956152408_0.1319327930425318","host":"s3://npm-registry-packages"}},"14.0.0-canary.586e740dd.0":{"name":"@material/animation","version":"14.0.0-canary.586e740dd.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.586e740dd.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4e78b9d6676597c75662e7bc00e6eadfb98403eb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.586e740dd.0.tgz","fileCount":25,"integrity":"sha512-KVopZl6h/Aw6BVutk2k9S5qX6kvOf+cCH4V5qkMiLanP+GzqzwBsxGuSaaUZdUiI5TQ9SIvldyKkAJQ9kuTF1Q==","signatures":[{"sig":"MEQCIDfLzIbTy8nCthash/kAwde9AN5SfzOmpRZ9g/DsUkllAiAt+LL9fHKyeyssAVwduKXQMmB3InaLYIcf39+wIreCyA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"6c765889db11456de00c45d7bb289b6c7cf3ec27","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.586e740dd.0_1633019416027_0.8411605203258021","host":"s3://npm-registry-packages"}},"14.0.0-canary.2ac92d766.0":{"name":"@material/animation","version":"14.0.0-canary.2ac92d766.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.2ac92d766.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"deeaef945187819817f505c3e0f3f2f2798ec180","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.2ac92d766.0.tgz","fileCount":25,"integrity":"sha512-cI0stdPlYFMh3X8Z0jgO4OgIkUtxmiJIwE6tlaPKxf1dZN5knTRKscxRN+BYGDQ4ePWMnaR7cMetywvOBPa1iw==","signatures":[{"sig":"MEUCIQCbex6NhFgpTp3f6Y7+7TS741lp8MYX4pYq0tMkseGPIwIgI0w0wgscsruQM9n6G/HFnyU7BShoy3ungp1CiPz6Nw8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"3a797e3a01110aeaf8270a13c2cc32d0871a8bd2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.2ac92d766.0_1633462047284_0.5365409907510443","host":"s3://npm-registry-packages"}},"14.0.0-canary.353ca7e9f.0":{"name":"@material/animation","version":"14.0.0-canary.353ca7e9f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.353ca7e9f.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7f63ff2a8f792a65e21470e6aa0ebb9f17f17f2c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.353ca7e9f.0.tgz","fileCount":25,"integrity":"sha512-r2H1k9iSLw/gR16TFAL8rCcr13unLyLVhI79FV39D2w6FvjXIH4XUqCOwHjUxDkO7NiHuB4TBCC5trgGVmwrXg==","signatures":[{"sig":"MEUCIQCqhKXlmehVptjeNzUb85hboKusnQT5TFtwHwUGm6QEzQIgQsrszHQ10pn39bwkUHv/VWojcQiKD1xOthyuy/0mJbY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"4f091efbfcb52d523712f9b99808d737b06a60af","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.353ca7e9f.0_1633718755292_0.9443097590236462","host":"s3://npm-registry-packages"}},"14.0.0-canary.c78ff0429.0":{"name":"@material/animation","version":"14.0.0-canary.c78ff0429.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.c78ff0429.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2374577bc7f2cc9eb0d098c40dc01c87c3e6c87d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.c78ff0429.0.tgz","fileCount":25,"integrity":"sha512-dbj2aeZID9JFQNfxcxdHz1wCOik7ZGKQ+ShHu7oMlGLKU2evQXZ8jTog9X7cWyj6RF+QsjK/PXJHnZD5u7V8Fw==","signatures":[{"sig":"MEQCIGAmQJ2WW7mozn5pIBzzwFoIrPUG9Ee422Doois6Wm15AiAE0zXxD91gw7nl82zIJeYMrXuKnTROa+Ua766+zjidOA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"55d918ee5ce9842b93075fa0d0ffd2b64b5f3ed3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.c78ff0429.0_1633972863788_0.9180156445799563","host":"s3://npm-registry-packages"}},"14.0.0-canary.261f2db59.0":{"name":"@material/animation","version":"14.0.0-canary.261f2db59.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.261f2db59.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1e3897a25dc4264afd5beb40f8040686276903fc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.261f2db59.0.tgz","fileCount":25,"integrity":"sha512-OjxWJYSRNs4vnPe8NclaNn+TsNc8TR/wHusGtezF5F+wl+5mh+K69BMXAmURtq3idoRg4XaOSC/Ohk1ovD1fMQ==","signatures":[{"sig":"MEYCIQCgsTu0sTM5Hg/eFu0Do+8fM/BS6XxgbGwRUUrI744+LwIhALrrj63xJOzbYuIEFJAJ207sMUTg16n/CD8ypXq72aTl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"22c1cb4091a589b9a53b844da4e8d98309c75acd","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.261f2db59.0_1634749120457_0.9669874911169016","host":"s3://npm-registry-packages"}},"14.0.0-canary.9803d2dc1.0":{"name":"@material/animation","version":"14.0.0-canary.9803d2dc1.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.9803d2dc1.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"781562d8cab1b3a35babf100c4039f2d25287b3e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.9803d2dc1.0.tgz","fileCount":25,"integrity":"sha512-woWbunjxO4PpISCPXWmwAra76qgkmctzJC1VlMQFR/sDXqjzWWLrdBbkvUFlxqP8bOtjdkGH3VkxnSVBWtnhYQ==","signatures":[{"sig":"MEUCIQDdhhha7tq+a3Fvatxh7lNEWK6TwWkVGJwP+NcEM8AjUAIgcR7Cu/U+PiS/UOn4MoosX8etnOYAxDqb2NZLGqKt2ZY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"4ef0574fd4b362b2609f5dc9bc002ef96f07fcc9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.9803d2dc1.0_1634757652754_0.040587884811913666","host":"s3://npm-registry-packages"}},"14.0.0-canary.348665978.0":{"name":"@material/animation","version":"14.0.0-canary.348665978.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.348665978.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4cebb2c203460d69314145780c38c2d69943bdba","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.348665978.0.tgz","fileCount":25,"integrity":"sha512-0BnGk4IY864X5sb6uyvRhm5ZF6M9M/6bn3KY4lx5un0qU6+EBef0uGU70e95yVvlLS3ba3Rl0VCcKBXLT6n+iQ==","signatures":[{"sig":"MEYCIQCRlXj5c4Sb9HJp+rC4kxogtrA4On4wypabzLNsd1vgygIhAMy+w2Yhv65alwOGQoacepTOQQxMLhewBu4a2aFbPI3w","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"bf16d95c07dcfc371fc864fe30028299a2d5d0d2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.348665978.0_1634827776229_0.7449796824584602","host":"s3://npm-registry-packages"}},"14.0.0-canary.b2b979a8a.0":{"name":"@material/animation","version":"14.0.0-canary.b2b979a8a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.b2b979a8a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9b0408841d1846ff0231b9f3ba45489e092ea99b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.b2b979a8a.0.tgz","fileCount":25,"integrity":"sha512-xnx4uUJZfNrinftoVHqJLb5QnbacNe6IrT8j/Br8bhQz6oK41xTFnt2FYxZTnTa0/6Im4rQW3mKaLXadsgvfCg==","signatures":[{"sig":"MEUCICxKcJqCpjO2YbzIbWehO5MIZKISz5lsyb5JU9u7UG9+AiEA3Wu7egxQ+Nz/Fp08laM0QpwHwsTc6jfJnzsZD1Vz4/g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"08377359fe2dfa41ac960f776df2ba00e50e9819","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.b2b979a8a.0_1635433870500_0.23237232277392872","host":"s3://npm-registry-packages"}},"14.0.0-canary.1af7c1c4a.0":{"name":"@material/animation","version":"14.0.0-canary.1af7c1c4a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.1af7c1c4a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"19718e1fabc8580ef96e228e50c89b7d1ec5462f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.1af7c1c4a.0.tgz","fileCount":25,"integrity":"sha512-iPMyADIFJa2F1aFIq4xS4Fh8429Ka2zlhOW57nJTbJ+zopPcCLVejSPAh0Vr1aO5wbWXuo+nC7RtpFETRYdvMg==","signatures":[{"sig":"MEUCIQDBoyoOZjxbpLrVCD8bScgXuUedKW+wOlnIZ+KwCDE7+AIgWXlbV69d1o7/wvmuuaXiGuMMrWLxUpKaZZ1qw6GRZe4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"3673ef3144cd47c5faba873a239454e11e3d72eb","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.1af7c1c4a.0_1635443507974_0.767117049845105","host":"s3://npm-registry-packages"}},"14.0.0-canary.4afd353cd.0":{"name":"@material/animation","version":"14.0.0-canary.4afd353cd.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.4afd353cd.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"739161264442f8dc97cb69a596a550b118a3f901","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.4afd353cd.0.tgz","fileCount":25,"integrity":"sha512-jw+Q1sRcLRUoQLpYRxZjKABk2vxlTE9LmarXBvj1F+FF8f1S4TDURhThYetrGgvuEIbOLvLf9lt/12BgmmR1rQ==","signatures":[{"sig":"MEUCIG6ODlh6Pwvt2OyDIPnlLGUMPM4X2V5bbomzSDXqwytAAiEA6PjSsjsrQc5Y+eFl1SdaPSju9PfPB/7y+x3UZ7S1yPM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"491d940b4e97c65f274b1b4d42b3842e9bd3a4f9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.4afd353cd.0_1635519635952_0.7797744216220426","host":"s3://npm-registry-packages"}},"14.0.0-canary.a986df922.0":{"name":"@material/animation","version":"14.0.0-canary.a986df922.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.a986df922.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"65c60cb1114dc0210b176ae3eb2eb4dc22165f9f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.a986df922.0.tgz","fileCount":25,"integrity":"sha512-7r903t+OQZT6WS1FbWDzTTVbpDPaWB+u9UY3jfR+8wspxzU/1bKvyHnOluhQQWeIPVR8UfawjMCjgAyAcW3qKA==","signatures":[{"sig":"MEUCIFc84bvGZxs0DkmMqIZ51wEKYjsjfMrobfn4W/6S3E+fAiEAxYWgJ9LUkqOeaCubyO3dqLrkQEmB12dhN4hu+bazBeI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"6fd5c666012fea37f8a5a820b4979cc66e59fe9f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.a986df922.0_1635543245973_0.40296528711791635","host":"s3://npm-registry-packages"}},"14.0.0-canary.c3cdff07b.0":{"name":"@material/animation","version":"14.0.0-canary.c3cdff07b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.c3cdff07b.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"65da5d18862ce12686a57bbd9b1a9428b191f4a5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.c3cdff07b.0.tgz","fileCount":25,"integrity":"sha512-2VGs8J30Zo+/URQa8Fsx/U5Nxq8yI7ZXlQbIH4pLcT5DlyVAIowdMoVGo7tkYwEcSWoNHDc9KY3BBg9Y6LUqTQ==","signatures":[{"sig":"MEUCIG9VUOIK7MQB7qvfi+DW7Qq6Ael7h4yDOxDlyUXmlu6PAiEA/m2goau2/SlWOFBTdM1smNi8FCZO9lpPfIZ9NUOzo/w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"078c19c333e3161ad6b51a3fdc993d883bdc19c8","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.c3cdff07b.0_1636484696460_0.739610685825485","host":"s3://npm-registry-packages"}},"14.0.0-canary.468392606.0":{"name":"@material/animation","version":"14.0.0-canary.468392606.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.468392606.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"01d517adc8702a1947faf225cd46d48570ec40d2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.468392606.0.tgz","fileCount":25,"integrity":"sha512-IzO9I/DG+M2T/MbEvn3fhpTM9NjYm2QH773eveSH5es9pzmFD9be3TZ2EtKRFcxGocCRmpwMy2Lk8ZOiq3M+7g==","signatures":[{"sig":"MEQCIDNP/Rtxf7lqq3WNzFaEZXXm0OheMN6NtdJnPBeESQ7YAiBV3GdmQ6RvSjYsAuUhw03GB3MRMlGwQSIqSXPw+1rtjA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ac451ce035a924184caaae0df5252896a7392e33","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.468392606.0_1636659549408_0.3466231537624438","host":"s3://npm-registry-packages"}},"14.0.0-canary.828f9803b.0":{"name":"@material/animation","version":"14.0.0-canary.828f9803b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.828f9803b.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d8ffab5e01e63bca2097e4acd05c5f8920888403","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.828f9803b.0.tgz","fileCount":25,"integrity":"sha512-LSlzi7rgH0XbZQnQ6Ht2unPZypFmQzx6DOPvDtoJuPhJXCm/nyMjqOU98CHqbHF3ECVH/BmJDujoHQ/OhgTUfg==","signatures":[{"sig":"MEYCIQDh/RYwo9H8udD6YjR7YMPX+BEUaEvoqq2z14+p2+x6KwIhANxTA/2zx2sVgcympyiIk8QjvqtSuLAokjl0t8G3qgim","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c64e9f941d45dc823621c068481be90a0eaa0f39","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.828f9803b.0_1636660194304_0.5392341144593746","host":"s3://npm-registry-packages"}},"14.0.0-canary.8795cba87.0":{"name":"@material/animation","version":"14.0.0-canary.8795cba87.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.8795cba87.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a6ba2752ac8e7411b3c112a6a66631e271ba1ed1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.8795cba87.0.tgz","fileCount":25,"integrity":"sha512-0rl1gWR/juiPczXR7nQU0TOQLSdxhJ9jxUAoTA/AgXp6QyvQFS0azF6O3u0g07O4U0yO+dBra7aTCmX2rIctsQ==","signatures":[{"sig":"MEUCIQCsQ1nCx0LhY3ZCsNYFWLzoY5TFj0NVqBaZqCag5Cl5FwIgejItlxlJ/k4o2C/5fczM/nDIS8cJVj0IotFUqJENIbc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"12c2e8ee797434819828bade998610af66a528ac","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.8795cba87.0_1636660550273_0.8355145170385856","host":"s3://npm-registry-packages"}},"14.0.0-canary.cd7f8cace.0":{"name":"@material/animation","version":"14.0.0-canary.cd7f8cace.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.cd7f8cace.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f26f16fc7ab6dd48c2cd29f36837eff31a20dd9b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.cd7f8cace.0.tgz","fileCount":25,"integrity":"sha512-9StR5X7/W1z+Y8X2yq7wFnrZCbtdm2q4Ogcl0OnwME9OywqYjFWNHyVXmcCbWT8PSaTH87tc2XHxuPG8HTGRHw==","signatures":[{"sig":"MEYCIQDFU/yL5+EjkJVbNFGqzoLHAerE3xxAgI3jwRBA0q6HawIhAJKy/rgIbPnVJSg+NALhWfjIDNDEKYSZUzwvDGxUvSdp","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"6f1e9f39fe9a43e01e67b849cc2a96a5a31be67c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.cd7f8cace.0_1636660647163_0.4654158036875431","host":"s3://npm-registry-packages"}},"14.0.0-canary.207230eb8.0":{"name":"@material/animation","version":"14.0.0-canary.207230eb8.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.207230eb8.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"42098e164026e06d70fec9281f68bb343685284d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.207230eb8.0.tgz","fileCount":25,"integrity":"sha512-Z4E+19rgvPAlMZZhdGC8ouZBFFa7WoQAu5O8r7GXotn7jUpirTsYRsdEkdtQLSv+dlSFy79NcVbrWctxv8KxHg==","signatures":[{"sig":"MEYCIQC6Sz0pmccHhB5ZdUDO1Zk0IKQqEeOrDkTVUqvb69SvDwIhAJag+acVmh9sVleFjuEEA154/PqqcWvx639TDsr2Hkyq","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"de1b12d24234ecfbfbf5a665f46c26b71016be2e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.207230eb8.0_1636669401951_0.8165249107806118","host":"s3://npm-registry-packages"}},"14.0.0-canary.991fb99f7.0":{"name":"@material/animation","version":"14.0.0-canary.991fb99f7.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.991fb99f7.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5289a0a4fef9ede5249b580fe006c06ce98062f7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.991fb99f7.0.tgz","fileCount":25,"integrity":"sha512-tcvQRg/S31VZA6OCAEMs/NsHNkztFYtA/Iwo0f5/prCGDuz/2tClvZHMytvSzpJqRswi0sxeaTp+Z8cJpdS9Gw==","signatures":[{"sig":"MEUCIQCscwq0GDZu5b84mJLTLEbgiSpF0aOfGsUUcLrxSNy4dwIgPJrgJvxea2DafISi8JMVflASQbUXt/kdmM4Q2pEs1v0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d13dee60c11cfef5bdcac33da4fff6f13626c05b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.991fb99f7.0_1636670127659_0.7458162228018304","host":"s3://npm-registry-packages"}},"14.0.0-canary.15db4f164.0":{"name":"@material/animation","version":"14.0.0-canary.15db4f164.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.15db4f164.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"978e71c90c9f416453dc136e6cfe547a9ab4d6f0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.15db4f164.0.tgz","fileCount":25,"integrity":"sha512-XQlbscVthaU0OqzOvSuG3J3AaQvXxXRE0R6DFan2a/+OzPgIfrgVj6jDX6wZxCqVAyGvo+JDDjPn+/MkQBYSIQ==","signatures":[{"sig":"MEUCIGhG0VOP4Z7rFgpN3e/sRLikeuUrZ+jH72jo6NVC7IZNAiEA3+928uXOf8URiCGTjOFgFVHrFxIso5z/4IbhbTlvhv8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"562e11bb445a0e51783e848adc61b690a7a1ba3a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.15db4f164.0_1636738131625_0.04139899917474188","host":"s3://npm-registry-packages"}},"14.0.0-canary.8fcad5a3c.0":{"name":"@material/animation","version":"14.0.0-canary.8fcad5a3c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.8fcad5a3c.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"488bfb66e677508c353d54387999395b71b91b49","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.8fcad5a3c.0.tgz","fileCount":25,"integrity":"sha512-V1P6iSq8/fNHrSoO+jTlA8p1noa4tf1Fg3Km3yBa6zXPzWEN8sphJpOhyGA0MrNDuSzMaY4MZpTl4kRT/jqa+A==","signatures":[{"sig":"MEYCIQCdOgmkXjSCh8JuifT6mcwlYmyFnUVSsHTPi24JRFCH6gIhAJQJYSAMZCSrTHePNiCfj14+HjqPKQnHOrfpBD6BBHuN","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"14b654013dacdda833d34b73c1a94811202298d0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.8fcad5a3c.0_1636744371602_0.2682494185036042","host":"s3://npm-registry-packages"}},"14.0.0-canary.f81fb1d23.0":{"name":"@material/animation","version":"14.0.0-canary.f81fb1d23.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.f81fb1d23.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"eb32989d6b048ad86825d3c2abc55695e328959a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.f81fb1d23.0.tgz","fileCount":25,"integrity":"sha512-JfD4nl1vt6UhYmpnzmbCCm8qhBgrWHwoyehBM0x+yt1kDE2O+ml4ldZ88ikyTEWa6WSYyXwsP42NUjQZyGHEuA==","signatures":[{"sig":"MEUCIQDVOjiz+U5vX3YHOXEzoIbGbgdS5+o7juk34nIVS5g0LwIgB1FM8Df2gaN+TmJtIZDvlXDDv0rXPcdVw7oDxg1iRls=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"60600a1b8cf651dddedd6881a54b20db7b75cdc6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.f81fb1d23.0_1636756757787_0.7032878009129158","host":"s3://npm-registry-packages"}},"14.0.0-canary.783f6fd5a.0":{"name":"@material/animation","version":"14.0.0-canary.783f6fd5a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.783f6fd5a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c5d62bd9741be3ff495b45ae5d2c7eed786fc825","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.783f6fd5a.0.tgz","fileCount":25,"integrity":"sha512-R8a9Q0XzmOxe3nOCwC8D0lEXLg02M49jik4JiXmmQWWiu+TTntK14ewBi7SGGnb7vaKSlHaBIe3UHkRBFjll9g==","signatures":[{"sig":"MEYCIQC+0gUJXWgpL2YUL+cESb22IhBHzMfHtC0Tlz4kO0wGkQIhAPWxEWvjCHZDRyHRCZ/WaGWPJK1M627xtnWYn1Pve7tt","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"29ba9297d5424f35d235c8ff87e393874c1b0a25","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.783f6fd5a.0_1637041724361_0.10922332317881644","host":"s3://npm-registry-packages"}},"14.0.0-canary.d57ec74c7.0":{"name":"@material/animation","version":"14.0.0-canary.d57ec74c7.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.d57ec74c7.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"41db4566e1d5802899e5b5fb6c445d8f11b31b49","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.d57ec74c7.0.tgz","fileCount":25,"integrity":"sha512-yTRjlK7hJEtuvTY5nLEw7yFCsdRKbAHvSy3dewkEiDaWqn2p9AFhdxeZOxY/mpvh05dP9zOe0Qr6EgTRdwH6pw==","signatures":[{"sig":"MEQCIClsvzNBG5keqkSJsa13KiSGHXtCGsEF23Z5mVDqWsIdAiBW3sm4YMqCylPJKWZ99H+umwRcbSEdeOig3MiS3luWxA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhk9kICRA9TVsSAnZWagAAvyMP/2CKHuoDms3QUBPAubgc\nyR/A54g474drJQ1Pdt8je+bK6J8zCurEaC2S/kdwPF5vERRNFl11BCIZSwG8\npZxPyTT99TE7tj8433BoLmk9m8sQT775wv5RWz9NqNMEGQ7qqbbnp9sv2MvJ\nnzf180qXPgsUDHZ8Ni3qq1whIFkGoVCabRLHBFGM3juQsS5vrqbG+8+LLTei\nGpJKvF/xfopKXeS9fvDnbcV9/4sT92NZG3VEQuU6y5/Iz0qgzmdxTXNajZbd\nX9kmho378edc+wcZD0jyLqvUwypNePOb0gcru7Z9lbV6Ckyv9huh4XR4xx6r\nraxL/3QoU0spntEveETGlcyc2EL6436Fgv4bysRdDjcyL04yHdRS3eGJ3vpw\nyVEbMWAlMZfWnyv6kyYVylDFApN/w7H0BhzGwEriRCT6nZ7dzxiIFfKXU1Pg\n2/OyCxJJ9aazalB+drW72O3D7+twrPrA33y0/ehVdsGi/D//IupmsBR8FzQF\nGq/mJE5cKKVxFeibFbxrmJp3Na7Etbe8QGMBrVgH73zWIA2w2Mbut0Tq4mw5\niSqfizSuTE3eE9h+PeYcPkxJsUOwMKgfn+ZQnBNsg6ctOTQ4t4+rCH/r4f4I\nkye2KwPR/KFU03M6qxhNYgkmOkkBSh/lLFPaHMC16wpGs4wKOHFam9JzCPvj\n8ZMU\r\n=SdeL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"dbbd8db21de66e88b3e713faa99419e6b2f53c68","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.d57ec74c7.0_1637079304291_0.23932629506233116","host":"s3://npm-registry-packages"}},"14.0.0-canary.554c71829.0":{"name":"@material/animation","version":"14.0.0-canary.554c71829.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.554c71829.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f9dc3174845102a9ed34c6e3fc7286189d383bb2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.554c71829.0.tgz","fileCount":25,"integrity":"sha512-50rnHYPzdsiZ5IqtH0vbGjCdrW9gux6/OLPqHmL3H4f7+i+GZEkhTAGtkVuq+HFIBKn0+7AyFw0X3lAXpzsaOQ==","signatures":[{"sig":"MEUCIDipbshNDoVjt6cDYFAVjoVykzr+ideV6kRFMUb4k+eTAiEAiNix0qEbQLqaQF3oyP1XRywYrl4EYSmKcEEiNyzXTf4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhk9mtCRA9TVsSAnZWagAA3IoP/jLywZAQtOZ96oEeDe//\nzwWXuhv1cXJZAUJPbthUFWCviDGnJgwFAmMfFaJO481WoRkxF4L7EOlQXxDF\nRtTUYILDpPkV3xnUI0E1pPi+VWIQKS541YzxXmoagomr6ievO/KVwQkvwgcT\nvZktYflHeTaNLJMtLLarnMAxXtD72/fLiX7hQYn1Hsn2774ildJuVjVd7Li0\nyRJMTVKgRKPm05Z44Sv5Kzmap7sIV4MApjYo2X0xNNcy247ydTi09Lt8Ks4p\nVr5P28INBSUTIQpl1pJ+0iRTMmqeWUFDFV46KbFAjVoK8IZHtChf1vJlPLlW\ncdrT5g3ES5gTtiDCCkbNPApol7S5jZF+kEJtaSDvIqPKXMuPXIoJEBhLqKzR\nmcImjWcYYoEtTB61NNqfDnoBIUkI5r6Cy+MpTX8/6WxHBJrLoBFNlDCY/0RV\nmGsPJ3EY0iA7wH+Lx5oN/+HdtSP8ADNjt6+n4hkYWGqI9QtcBNjj2D4OsF1g\ng5sqlHZCYyO9uejeU+wIzJo27EZQuzaMHADCItiPjb0PrXqzHqv4WM3Xz29a\nqO2Eg98nMgRehRMsgLVgYZaJeeVLEaoBEG+tEhVCfUSuDt61nyfhG/bhxotT\nwutFVoy29yPGw/w80lamgN3yzRe5Nr1ih1eZ5zX3Ujvqpe8FnmbsNg5Ev5nG\nC1hS\r\n=Cl8P\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"be0799ddf10fc34b46ab20d754f7ef73d9efbefa","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.554c71829.0_1637079469756_0.7796251861503567","host":"s3://npm-registry-packages"}},"14.0.0-canary.3ef470efe.0":{"name":"@material/animation","version":"14.0.0-canary.3ef470efe.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.3ef470efe.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4a136bc11bdf4c4bcc7f24b7e83fccd155894b87","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.3ef470efe.0.tgz","fileCount":25,"integrity":"sha512-0+X934wzAe7KURxB7S4ktzawWA4/ZfxZzNLgLg2sRb28jDajLYp+Jnt1qNTU72b27395pHMuuulasclrMquRHg==","signatures":[{"sig":"MEYCIQDqEhbvm9YuhlnjERO810V/DSpLPMxhOfvJYrg2n+hSbQIhANLrWTW0FexpH2d810FFinfTuQOjCrmqpPo/6+ol663m","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhk9rbCRA9TVsSAnZWagAAlp8P/jHlClzJmubrjHRE69t9\nKlkOsDKSODqpOOIldu6CQ7kAx4cUows9CUUIalkiv4n6KzE7KhH5pGAz6yN+\nowjmFKFz4AxoGqVb5QYj2RpblaT2XSc3Ar+WmZ5ikBpsLSoVmi7NqRFtQUO2\nFbKMDPeat0DAWLqGW2CUD4M4FNibDdCzI39yZP39RRCn5eEkskdsWcnYhByP\n1VOyxx/8GghN7YJY8xN91Lc3JcW9B4x9LesKpKTjwAtcpeFioVpkCveCFp9M\nmU5y8e1E9Hbts0hdITLdQhiQmMT0rBx+izVFZu7gudfmYLHqM8OvQXgYu5Es\nt7h+adKuvvl8iz0qpCQYWCi0NF2D+IFLgnl6t+Gn43i2EhhLjvA0cv39IOTj\nFFCK0Le5uuu+dvYWNTUaF6XTUIYvECzzgl3SRm/Bj1D69aT9nbqnohDiZw9y\nprciq/1QDixWaOXec07027QHULDYkbdFyN/LB3SKn6qwfxenZhvcsEYb0Waf\nwQsyqAUh/N2t7BqMesWlgR99um+EDUSUme5b1o25RG9CbEIayTEw0NSbyaXb\n9YYl5QPxSA4J9CN/AqT7BfXbgU/NwyxWRFMe0RFZoZjZVUCD0vDbRDdXPeJ/\nw/lmQY5fxZcNjYvAK1M63xRMoL9btc9Z7X4vQzbsmiyqMiVDZ/on8oHsrKwY\nVLtS\r\n=JkzE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"49429a109e0c13bb4f9d8fce0142cc5f142a6afd","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.3ef470efe.0_1637079771048_0.8854147555460667","host":"s3://npm-registry-packages"}},"14.0.0-canary.61a28b2b5.0":{"name":"@material/animation","version":"14.0.0-canary.61a28b2b5.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.61a28b2b5.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cbe3af929b7460f92b3fd3ae94d1326386208267","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.61a28b2b5.0.tgz","fileCount":25,"integrity":"sha512-J3ruIhO2QV0Dp7wbPKDopuQISdOdiSLLhbrGrQlxyAXUNmkOU8PqQFgzZDmm1mX/kK4d/8AcmPwqnfHUOq1aeQ==","signatures":[{"sig":"MEYCIQDgMeMcvKapCDY8qlsAf6TwQkTaGVfDyBMd94dqHQorBAIhALig/QkkCTw9ek9mdWc61O08XWVnkagpb3xEMUAxe7xT","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhlVC3CRA9TVsSAnZWagAAVeUP/2GPvZW4/sZy7H1MTrWv\nGZkK1ywagKEshaeD4hL6A7LIASYfDH4wi9ITF6polVwBi9Nz4FdZLBOXFFuX\n00gA59Omn0/kavxkVKGcSSOaFDpG90qyVtCCa0TeZ1+kgzw8u6qpF00J7QL+\nSrebPNJUYIdre2mjVXrk5Jqyd+8Six4bhR68P5QPD7Qybfdq3Es83azq9lUf\n03LmbGsB0mMhutnS/tCYRQas9MgGD/+7bBUC2ptTP5oBOGqjcn+uo/FZa4ta\nf70ACZ+PN+Q/yN1QadweOdB1tIqKDswVxXxsJqqy4/5tfIgNebyF3Zr+iEIu\nSDEcC0OucbW9bypkbz5udjul997jTNJC/VdbM6+W6gP46pV7d8Zs+xh61TpI\nevkiDNnpK5b83bkrA+8TLz1MnEyTUeJWJnPAc+en+Qglsv+a25fYbkdqJ0fP\nGI8rCazkQ9CeKNuEIwEIgjpP1iLgDWAdNorKnf3l8vxgbCp9FNm/Vf8lho+D\nfFte5cOxXcrJo6fbsC8JEVtjNRl2abGFyO04Y0u18BWQVcNM4RcajTYYqT/x\nnNEbTdhgSPX+E0WIq6Pyx1409Jg1wVsEGYU5RwbKXcT7pevrs8flMN/HY35f\nfh9Uv093x0WqUTehj0qKkmFTTzH44+HjAzRHvztN80acuQgxI3u+K0x0BfrN\n0Scr\r\n=ytVr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"314b98aa8ec5a35ba8a45706765f4cd7496dd803","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.61a28b2b5.0_1637175479739_0.6310343777727265","host":"s3://npm-registry-packages"}},"14.0.0-canary.fae6c652d.0":{"name":"@material/animation","version":"14.0.0-canary.fae6c652d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.fae6c652d.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bedb8e0a7a50a1da024b24b4a0780baaafe8df49","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.fae6c652d.0.tgz","fileCount":25,"integrity":"sha512-x9iZbVdz1d5TQ0DW1UKmZ9H4jx2bhLrBvZQ+OMq3EbandIocQ94dAiF9oFE8jhWyKIZxjS+ltsCqcFIlyAGY9A==","signatures":[{"sig":"MEQCIG1EuWhRj2YqNFF7JYhRHxKur9FCiRwe3bGkgPwOAC3QAiBRSCs3+G+0ToufNNrESgdUZpucmAS4EzTelQhhW4JobA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhln4PCRA9TVsSAnZWagAAAxMP/jkOajOyfp5J0f2wb5tk\nl358GEsHncX3dcHHCLbdaU/4q4XrfdecWAgOtWu0tIWc9EGngzkF6VOqPfi/\nU13/98b+hAh8ULn1QdTdW6ybiBEWxvJm9Xow5IkWEorYRW8BgrKJevoenzo4\n8xi/eHUIBGZ40oXH5u+5V7wsO08cNKsTLscUI7Wc47dzD4NnX8WjDgBQ7J7o\n6471cL7C4t0NZ3UADp+W3U6OnxIs1eJdhx67UY/ThkfJYKhhdGtRIk9SqedF\ni2dkuMC3juPL0VE2eYQzZGl2olvCyvYYHQY8R1RoLGd3P5oCqSCZIrGEfIMT\nJL9c3+3tuKdCDpjE37+Tb/9JawyOZk6s1CI31nEEGcI/HMDlvPyx+87QKxMS\nfGvL025wxrNRNWnDamJ+r4g9k1Tu5/t3sVH2Hsn3/ChDfo5VpSZt1q/AmFCV\nVxTYa54HmyKDklct3BzSj8ijV/ijnOVPLXTPr5IV5iji+qo9R/d8mBAg/CwB\nYDdCGGEMxqW2tyI70v+ftGJoKTIAFKihGcRCsdxK/mf/7vcDtln5UR437OTJ\nnsjsibmVT+iGpQjv/ADOdDtOyvl5qE2sacvyYHs0i3Nzr+Ga9xuVtzrqznin\ny3sZa379FDMkt/szdHe7gX7bBVcEmnTK2lrWaJ3zgpwmnfmISUybOs3r0J6G\nY3dn\r\n=czLx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d27c4bc9db002b9009b70cb7437b393ce59b9992","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.fae6c652d.0_1637252623739_0.22691031238569925","host":"s3://npm-registry-packages"}},"14.0.0-canary.978a3b5bb.0":{"name":"@material/animation","version":"14.0.0-canary.978a3b5bb.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.978a3b5bb.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"dd43dce52f52b58d5169a2192cce567832eaf2cb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.978a3b5bb.0.tgz","fileCount":25,"integrity":"sha512-RTVi5GkuHoXbTPLGwZY0IFav/ingo9qN80SeepTOZWXsK2AzP4nWPF0XqfZcFr95O+6obSAMPQ2QdHpVz/cn3Q==","signatures":[{"sig":"MEUCIHTB7iyxQ5csQha4Fzo7HH2C+MyDtMIwwC30hAsBRlBwAiEA1KSQKcVdN7536dmeavkambkeAVECEOUjejxjHf4phBs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhl/0CCRA9TVsSAnZWagAA+hMP/jzD+Ljk0sNHrA3Vlkuh\nWhxGNHL5/3O73flWi3V+oqJDyR6OX5Ll5WbWf2q0nBj/SGTV5bnpdXRzPssh\nmJa/HH88ojHR+3kA22pgIRBtAHEbbamEajdX4/BTzmuahskY4yN36TxXGYV/\nan/ZXVMtGZ7ukaP2PGd3T8VK5RW6tl1L1kUisiizdJGmlRhF3S+D4biSdF+B\neAxu2dR5qKIckJihAlW9bJK0hKBwe8PmrdH5YYJVrUC+00NZ0AaWSmzO3JH7\nO12w3vo/7hkcmeIGcKqe2i/mrBrEeKg/qRlygg/aNwhwgZJNeqqSM/PukN9+\n2H+cE+oZcHFnWN+H037ClSV7X/U5YG8ZDb8hSNTisxboWF4wuyvV7ih5ZzDg\nBA0FoDGVSsnpvjO5big0IWFlX6IshtYkgApqS/rWetPSWYiFtk3vAUyZmqvq\nk48maC790jMGWQMn/P1zJnDaUB2pr+Vio6eizomI3ArKp575kA9TIlF8Edgs\nlB0hds0ZlavW4mBkbuW2pnWt8/i8ACIlSKWm1iuCE1GeXY5FsIyrxQ6ODpvV\nr7urAO2/oGLqtsFNsODlr7DfNfjkEsiOAIpdNwRp1MgXAFQEFG2ZUqomFpTW\nYhHTh7KLTHMJWIcFSx+NFoc88MHhylmE3SsvV5ZNoWQtcb9ANuyxqCdVGK0M\nBD6N\r\n=T0jY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"0d21a3472967f5ff791662e03961fb034a9227d5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.978a3b5bb.0_1637350658394_0.8343681547680606","host":"s3://npm-registry-packages"}},"14.0.0-canary.e6f43cf44.0":{"name":"@material/animation","version":"14.0.0-canary.e6f43cf44.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.e6f43cf44.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"de79a2ea59fdb284fe65c41affa1d67243d69a8f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.e6f43cf44.0.tgz","fileCount":25,"integrity":"sha512-bDZkQ1NbigF7ye5jd+9Wjn6Sgbfzh9JP+YUsKRq/2b0RD83HksTQai/cLEfhIeJ98OblujCbFEENziGtvSOqOQ==","signatures":[{"sig":"MEQCIBYmJ2ik96Yn24I1rEFYfjxtm+ZffsY94gYXS6lxZSPlAiAZ/rTSXtut7PsfsMZokvrqQ+WXNODW652wSBN3mObtjg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhm9SACRA9TVsSAnZWagAALPkP/3Goe3xmtVeOg/ZZzy61\nCesTdSqOiximTtTKpv+L7rvyL/IxE4U9oz4RflWPBv4/N/clwtdmAHfdobMs\na/vAKZ9uiouomFZ6WSlKV6sc3ECrZS6BqMdtBkHzA7mzf42wD5X4rtdXShK+\n9pQQXP08kMNKP0bHEJeV+/o/UeiEQmbk+nuzk5vDVuW7HyiJIlt0z9efkwRT\nTfwjjmst5wcRlc8jNc92J933ADH0pbvOF5DEo8oT/geQdl4A/yVvNtlpd+9a\nDci++zhRresH1YTh45Hf+mQr8HNlGJRyAO0+5bgzx/R2yCjX6yamuUc6QoYz\nEta5o63Cg++SyU14ln5I7LLMf5K2G1LpmM27KREMVhDZ973wpeJpU4LF9ck7\nY+Viblmd3XBccb2/8p7SVf+LAGRwFtTdznWxOwpD5ugZx+IvkKqtvy/fe73M\nymCBUcf7yR+zLF52ANaE0ZvVmON8nFGzKJxf8dh8LK3rDY1TVwGa57IBojVW\nLxxDcCTp1cTzU4cDrPSO2y5elgpWJthn1qQdry6mRAlm9/vrHQyah9OGsGdw\nHgCyrW76sYAO/2iChTYwsQAK6jROVo/vDOb/XWA6oUaT86EA8PKemMxgXXKi\nT175SK4DYiRrE2dtgm3ltMAL+F7TG5cE2QrsuBI+klVGt2EtG/on8j1YM9nY\noZ22\r\n=LW7i\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"36200e7acad50905888cd5fbe17075663a96ef91","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.e6f43cf44.0_1637602431638_0.4048215346567019","host":"s3://npm-registry-packages"}},"14.0.0-canary.39cf14bc3.0":{"name":"@material/animation","version":"14.0.0-canary.39cf14bc3.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.39cf14bc3.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"90c5c11da770abb1c1f5d79d443ecdd790cc5268","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.39cf14bc3.0.tgz","fileCount":25,"integrity":"sha512-6jgxAFQYbmjDbNueUxLswJvdXms73DU+jF0JaSLQHlRVjEgpnNdOmM/WElI5GA26kM9wdDobM+mVNWO2NwzQuw==","signatures":[{"sig":"MEQCIAbFYguYSHk5XdJetc63l9H13CkAr0Yte3ih+b4YZ374AiBh9pq7PrsOJ1uLF+oihaKgjzOpJR3an/jy4aYg0C9e9w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhnCGuCRA9TVsSAnZWagAAPLsP+gJaRcWdE7ecXtXZo8dZ\ntX9/viapCSW4pwk1DbbsqXXOSX57wNFfx1veFsGNN0AGH4vn5nxBZBKzF2PM\nO5oGI95qR5tYmfwtPC+BdDnauCH0Tsr+sfPp+wUO2gfYWa7Wh6sXzBi1wrvn\nCRLq4VnA/7NGA3y5cYNlrReJ7XlFnF4qWGadd20ITBMbQuIjpLzeqxp+b2e1\niHGOhqqtQCT+DTTTPVgKd1bC8aZtYsxZQyENlBAGQa3oiP1QZrn+IbunU2mX\nG2u/r61a3jle1XZU5vxNSfi4dOW5MdVIKWys89Djhtg6BxOQYblD8uv3i5rn\noskn45ODxBi/mLFHQu2pbnMRC3dS69mcQeLmK2H72nQKcdfxNv8XdaQSAAse\nfp6Ul2448j5f8GTITaIMi24k3NjWzwS1A3NfLgBxe/f1cu1A/CpACq75MeQ+\nAQtjQvGZqJdT0ZF7592EuMEnlAQDAbxJzQl+d3iSM2clCvWIwY2fpm9VnG0w\ndDvvYUcPnsq2DtUGwqrHQiwDLBekVwgN72tbJYZqS5YoyZ2jG7kNsAiwR05j\ns1GZFYhTRyu+RPcn0LwnidDmON9oLB75BsWOsXvEwHBBnrBic0Te4hdwxn87\nyGElI/zoSrZqJdyLzCaFSW4B2f2GF46CcH2ybM+JVyemqlLvfGorxau+zids\nYvgW\r\n=NFBR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7a4dadfef1095fc344517a394b0286ecb59751dc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.39cf14bc3.0_1637622189885_0.9079631340742946","host":"s3://npm-registry-packages"}},"14.0.0-canary.93134d453.0":{"name":"@material/animation","version":"14.0.0-canary.93134d453.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.93134d453.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"da54b6ca15d20ee51d599c374e7046795590edc9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.93134d453.0.tgz","fileCount":25,"integrity":"sha512-r/iB+h5Gvon1FFbs77nFWNzUWt5NCpsZGQ9z3LwbOJ1IqzaT6/vAOVz3JZq0GsvMXdcw1sNQh0wcHnl2G56zSg==","signatures":[{"sig":"MEQCIH60L7gWLQs8M5Hel5r9o/3/2Znp33IoQ6lwYqcnacymAiBc8Q3zJ6tz6ZE8CgvLpsUPSVfzYV/EsezdR4PTE8MJjw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhnQqyCRA9TVsSAnZWagAAtjMP/0w8s19d73SdqwlYD9SG\n93ywHWd7Trdy5lI/3rh1HmI0VTQEZAiH97UIAP8PVjffq5Abp0y4HLcRExn6\n/73Osh4sMAwaWHhak7LgMC4nUhOqxCkvxS8hjNgb1En8yn2xaPcXrg8wAPcZ\nR3/vi7gbSs+QEnNCvnrf8KTiVRLjCqYn6y1oRp5GfIEVYyVuZSweMFmMjX+z\nsfH6K2c5RD8lSLP+mF15q6kOQwCoUjIlPm3rf1PXhwArg0mE++WBKG24Mcq+\nJdDX9t213xupTnU5IEh+vjKq0sX9hTUeCoS3HD2I+g2lsXG23n9uFn99UA55\nvl8ZINx0vVDr8999JvTQJ/ogAZgdMOuhD2bhCIhZa+TLsncOmQDYIwYYdhkU\n02h/2MRcKYeyY7g8zIS07MRasOYZjnX+N/7WhpRcRM3TDIOb8MBgSE5AMHii\nEePPl8pq07J0lXU8S1YtJiVy+SO5aMsdymO1ndsrk2HQrQ/8GBUEgCUwHnik\nJxdulM7rJx1Be1BrZEYi24CRzdcT752FDKVgjBWxoAbP1P++5RQqW6JENmmo\n2uanwv4KCL0wZGClD5Rdyf7S0Ljbhib3Y9V+UcqhoO/UQXmySkkOu/69E2YZ\n+BHjYmSe0RMVdOW0ZAo735wAZi8p/m+iTM4ImDPU+wJZ7CCPmyz4Rve7EHEF\nE3ut\r\n=BSwe\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f37d4e46e027a3258621f6950e12796013661afc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.93134d453.0_1637681842722_0.06533076837365592","host":"s3://npm-registry-packages"}},"14.0.0-canary.bbd11268f.0":{"name":"@material/animation","version":"14.0.0-canary.bbd11268f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.bbd11268f.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bdb018c5e7aa390a4818ddb44aef09190ebb8457","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.bbd11268f.0.tgz","fileCount":25,"integrity":"sha512-gNu9SkrzIM1fnJAU7FySERAT0aS0aQZkHhUcTv0UTGQI20nVDPkmJOHjltivK7xiaryEWhP8m0IFMVftdAhjXg==","signatures":[{"sig":"MEUCIDSoGYUKrDMk3kvWURJP7kptGGSbDFQJMbBPnXxIoeO1AiEAwji967Z+P5fd+tU+OzVBjRxXBq5R5KK7qkpe1Jfu5Fg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhnWugCRA9TVsSAnZWagAAqUQP/j8QX8HoqXVclvyFSg8P\nzLiBPFXOLt6snfhklvLDx5GaNz+9BpFUBIakW6VFd2tGQXIXMGwjnj9ybpMr\n1ZQlm8G+AXrVWiOkgCcDvAzozPXxdY3bcrVZxzsBjPAcUhuuMHJ6Iv4PCTdW\nWclsleP/6YBKapMZ6FUCqXU5Evx3icC4FDwp3LL0wcFwlHohEWfGQbyZEj8Q\na9Muu9ECCoKQKqGrdV6LjTxl8jbpq86CAAeMqCx2W6Jo8PB57Oqwv4kDF+Aj\nGmPKDAhpDusnt/AOmaUdip4QS396xQvfuh7YlB3XbR8y8hG6kBIWIgagnUr5\nttowr/bqZvm9HTb+GGeKp7c+5V1P9rXg21NBsRNi4jshxBoGHZIpfdel0iEe\nRZkJdX9Mzz+x+ibCx3yus3FPXLL4Mg20Jib4PngCOav9fYcu5mRPEIuIkRZ8\nG/jqW1th/vmlNL6REi/L0HFvMe89u+wgfqrxj1MYs34P1XWEWlqFeO0ykna/\nR7G+wdpo+sakbyFHJa3aN6Gw29/AlPnzZfBkyBt1XP86xyQzLylau+ENkw9C\nRr0FA+FtqCcL8ZcUe5812YLjHVP/yCSjQF6jO7YtbIWz+gA2bDZ7gfavgjXg\n7Q8w3bOMsRnJUjNHUzMN097vxzUL0KqR9yNQvlTPFJTVOuaRqX9ePgst6qv5\nxl82\r\n=6Tgo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"46484a77ecd0c6d7b548301f4e92325ffc4f8010","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.bbd11268f.0_1637706655826_0.771865020459158","host":"s3://npm-registry-packages"}},"14.0.0-canary.3db9c4d3d.0":{"name":"@material/animation","version":"14.0.0-canary.3db9c4d3d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.3db9c4d3d.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f3f087d2d07ce95b6ae06a2fff6be0b43b962e64","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.3db9c4d3d.0.tgz","fileCount":25,"integrity":"sha512-1nldiPdJPu3k9M8L0GtaMKORwxmDJkYlRD0siaz0944v5o945GbyFItHZm5r961ibcCnq4LIytyDJ7QVBm9eNA==","signatures":[{"sig":"MEUCIGXdCh77kVc0klnl7c3x2or9bog2AOAJFd3UlffkUdEYAiEAkaPO7FDQXoGMDjr3Ci6f0iDn3leepUiRN8EuChEKPww=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhnlvjCRA9TVsSAnZWagAAwf4P/1NRppZAsvBTY5RznKQ3\n7Wo6Ru9x0phXw6BJmtXt3CAoRf5oCeVkYSmeU29Oq8CyhdhZqYpFXw0iYmQi\n+jLRL66daszW0j69pgZRE/4Jn0rUti+ftSp2Mhr61KBi+jzzVKYyUmPF2rSo\nNTZfE35Bo0s6PGxzqzdORKPwltaNYkCUrbpB0hOLPUxS4wYn2jEquN9URJsL\nu6eMVzJM3yxdlTcOIf8uXnZ2NzyrmS4W/GEoFLY5dEvlGFfUKRAN3MH5aJtx\nCFbr6/EM/Zxs3APc6fZ1Fwqpi/L0eVb89O+a02yvthWOVj5RgWmVke66cZTs\noRdykjJY709WixYILf45rPNYR1czrzQBlKptfd1I2ZZ2eKir440rhz54Y39u\nl2BWw5yKeZlJAsmVrHslNc7oMrEz6UWnTksnOhffCJtUCGvKQuUkeW4iYnQ7\nxE91qBvQK85eZ1A+tCbRdr5ZkXLH7okGSdtiofxa8Gu+4CSedEXtt9utgVUG\nyHCsRmdn1rvbjzdUEiRzr4rFI85WrV1mYQtzDXdHuj+D5aIcX9GhsZsrkShU\npY+ZEqbPnnmEbUELhp3dPdj46QlsYV/zh4vP6npHlGIhLq/WjLx6kM6VCEL8\nggoKvz4nzvX2ILyFuMCgFNwMo5W7eELlx1u1Uu85inF1mfEcL8vUEaVfPphi\ndlgo\r\n=3osT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"61e9de8c9bd6ef83a5f0949cf53ce4a8b689f158","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.3db9c4d3d.0_1637768162813_0.9195207714763005","host":"s3://npm-registry-packages"}},"14.0.0-canary.78305b6d5.0":{"name":"@material/animation","version":"14.0.0-canary.78305b6d5.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.78305b6d5.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2ce5778c137ed18d542addcb346e2c6dd1cc941b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.78305b6d5.0.tgz","fileCount":25,"integrity":"sha512-0MEG0YJ6yxqiuaxw+DanZ0xrNe3oouvp0AZxXAIO/+lgb+HrFq7gVjKyjDNC2aoZVLiw5a2zMPnWW27Oua2GEw==","signatures":[{"sig":"MEQCIGQyNnIVmb+tnpRSbYL2t9+hDJMAUULOUE/7Dj4yynKyAiAXTLT1eIkoA1t/Hv6xtemEnFxaW15hnvn5tTafA3SmFg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhnpdDCRA9TVsSAnZWagAA9/4P/25o+HvWFaye3fguMGJW\nEXnPtsK/i68IUzPKz3NlOUOxoGPRDkf4LQnyzJuEhDHNQ221rm3Zc5/qZTpG\nPQR9z25/GpVWc1yPc2FIZFow5GmM+438qdBke0qyJu56S5Z5XaLWpyv1iouu\ntnXqlx18dfWMWTp/mF/Foqpas5qA12I7VQHakb5q3/Wox0rO460uaIo4jdo3\n90jaqjFARgEpd5jjsZNMop8f0rDiXGzey8RJHd1knWms0zBogsjPX8yEV36h\n3qkfyzQOQd89tnjmngVxxCXV1eSZxUOsXg7yIc3z7b4nXaENxJ2pvYcJucnu\nOGuVLUUneJfI8Oc3R1wpi4Qit8bC+C/thKwSdJj6agHDQMvXS7niSKWxbyvb\n3QWGCoMXdJkJO2Br29S1nKQu4pnIa1JMSVlyadVQmQqGBeVowerqhlbUGrwr\nbFtxxx7PE7jl+KbXUmzneKP3Er99Ri3XV1a8RJnnVVAa/0HN7iPrj6MOuRaA\nMKkisn8gVJZWrrDNLMi09+uavtYMJTMK8nctTUGGUOrBCYPCl6YLBdikntnu\nyMSFnv2rlfFvN9ISPXXJiP/3GldL6ltN/QieoFddT+Pdesd0hDghB0ChQLLL\nIS8qFBZjzi/+H6I9VJuf9/VSWsCyHGXYicsA8BwkiRO6UOYfe5QtSnPoAghL\nUSvK\r\n=ZI6r\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2885de69eab36903fec52b85e7001eb561624eff","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.78305b6d5.0_1637783363155_0.7250851777244705","host":"s3://npm-registry-packages"}},"14.0.0-canary.43d08ba77.0":{"name":"@material/animation","version":"14.0.0-canary.43d08ba77.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.43d08ba77.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"02776e3de29b2b6ff3248f716dc0c2ee5675dfdd","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.43d08ba77.0.tgz","fileCount":25,"integrity":"sha512-KuThN24CfUvBL6+coqiC0OZSHL9P2NiIxA7Xo41Od55BU2N9r/DoLuMLliCXuhZ7XvAveLvwAGprT42c1aDJiw==","signatures":[{"sig":"MEQCIHwwtFokX33LSdxzy6OG6iLBmQ3xkJsJ6UtBB4XlngL4AiAI2CfJZ4WjGCicXE4FdpSddW8k/KeJWV35YH5maLK+sw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhpqu4CRA9TVsSAnZWagAAK7sP/R78Ly0TNuPWWi3DYHng\nlR6PTj5yaBr0xlAkVsFZ8iC7JfAeUi5XXr3dSm1rT6bmG/I64/XT8pvKTfH/\nzNZfesCYeAELqmwcJAqVWJB1vSKMHmNKm//UpiYxka3DQ0VMMZH3UZvdBesM\n79a1+1JXYzXh5ypJrIIRXACgvpTSXsmHV+n4FuIdToLF7CO7Gp11fUUAiwwA\nFV4ZuV77QXSGoYvvCXnpYfI1odpq8iqS0SdoTHgo1WOEzBJNHb+mnd+57F13\ni/Igsz+1Mm3SRbGpCxt+WjcStHedkq8/TGrzPG5JbgbMPGn3RCvh1WyfmSvh\n1jXILT8BDduUs/7AVO7pWk2C5+RwORmftgtKffSzgNnhrlnb7TrEFsQQ2f26\nW0ekQwy4IXJaoEjsfHaGVHBUU67/wsMv758vPaZk8NdV9b1VVCVD/O5I26ex\n+F5/RQYx5PCs+VgRKZkG933bH/eTdFnjrwBemBttsABldRBSdTpmAr6+nPgB\nzKXuCFfdobpW2kmBvwUITsbENKrkUzWOq6vTmY4Nz0h7We8Dmn6Ss2ye7LlQ\noOida9kOzaO+C/rT5MTbH7NLRTiNgvcESpv0Apmv2VBjrTrKjlhb0yIkm6R5\nkdb5BqXgMIZ9H47Ex30zMpMlGa7tHc6J0MCXnrZbyEGObiNcTRSJw9WbV4nd\nAkLm\r\n=ZWGW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d1929fe60ad2c7ba249562f1c1702898df8f04d2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.43d08ba77.0_1638312888148_0.022603909928412547","host":"s3://npm-registry-packages"}},"14.0.0-canary.17a072535.0":{"name":"@material/animation","version":"14.0.0-canary.17a072535.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.17a072535.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"08da991df678142f1a150f84be6af96d8351270f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.17a072535.0.tgz","fileCount":25,"integrity":"sha512-fl1o+sZvaudMhnzfSgOQxBoLoKUwv6dXJt5hVyjezm971gI3qSiFc0ouyPNu9+iYmohvfOk9lqeNFpuWEmMLZA==","signatures":[{"sig":"MEQCIGfMUYLUWDz8H1T9Wvsqcolc6sYVqHnqhwZez+GhhIIAAiAgiKR5CDBTLyyk8GaU0EBnX43iG0B9sNDy4RXZAsSP8w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhqQqOCRA9TVsSAnZWagAAoaQP/2YgMMyfb3y9lmGSh4bi\nR6oTsITSagY91nxpHfrtbzL2q9CGMVgE05LqqxhF+f7sC9qS88Wg/yibmdmM\n/qDbGP8HbMYtt0tMxgzLvbo9HR3waemb4/MkamgNxcNiHcDu4o08ISpsnHtO\ngsPkVcOK96BlAmwIqvWK26w+VYiVQ/tFUxwlzfH0Hd0WNzaL5pjstNMxLaU8\n+8eNrWVifPibnrZKO3MFkT9ietRo14dbWhiqzHQ2FRh5ETx6aOFeYGh8hT1Q\nd08Y9G9NJD2Z3A09KbePpiKaCL60VCeJKG2wlqyOdFj+2PhEGPbkINueedpm\nJhT/wXdjYEmQUJ1aoBDMozCbcBskdNQKT8va73vYKycpeJOMJd2/Tvhy4IX5\nDxrNVRFdnm/vy68dcCmnkz3uB+3grrykS8iwW5ACilw4HimbZrqpqLXzGpGI\nQeE/va45C2koFQkSf+OJLeMOz0Ow8SUchGpduErZ/8LixKwMzkurrfY8A4CO\nYPNUKenBT4a+dPvKVdXzuOKUhEEl2vyOwAYkHrPtvuLfLxGqsPwswuV9RKln\nj5F3reEBaIKOjKtgShlH8y3XNQMjfVzHKo+VotfgX86vXX8HszOFG9wPfCCs\ne+z72YTzPEW4z2UJHTdUodnZCCI6P6T1zrxEGby5p9OWNyY5mFzPnYoYnaDQ\nsFU8\r\n=95O4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"317cda93b55159038a12575fec5c35e9ff5460a6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.17a072535.0_1638468237925_0.2012322674824769","host":"s3://npm-registry-packages"}},"14.0.0-canary.5d809696c.0":{"name":"@material/animation","version":"14.0.0-canary.5d809696c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.5d809696c.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7b680693753f258f19bb929077fc88757309eee3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.5d809696c.0.tgz","fileCount":25,"integrity":"sha512-LcPslDQ8L3k+AVXCZbnqhrJTu99D+ZLfO37P95kfdr3ORpl4wMaMi7X32WCDB60fnKy8lucKrXbS/afIScZhPA==","signatures":[{"sig":"MEUCIQDMglRV7ujGB9WYdqMzNdgHaFAb2UtjXRew/P2GBQG6iwIgDGxpF9lt8EoNpIAL+1tHFdw7t9r+/spWZ7YdFWZotAM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhsO6jCRA9TVsSAnZWagAAEcAP/2nFwZWvg0Xe4laggv7x\nJCZtQQpXPn2coPSxYXnKUyOkMdhFcxADVmyUJpd3V1YbRKjExviS0hvSFDOv\n2+WGONTksjA9Ho5l7caUPQUur6iUMBkINDkqKr2FGPh/Oqo5zCMnH47QAtv8\nsInbozxGuWKqTYBLe80gG+zrFyzz5zeHJoeDOMWmJu5yZh9PVKviRvRQOkvN\nGw9oukbzWb5w5TWrGsD6qX+tgTVu9SwIXGy1mNm1Dd1b5jiVN7dxowP44VCc\nz+UkbG/IKMpJksyxQekKvm9mbZIgW0QGNxJBQB3N99z92EPvI5Iz3FOh116/\n2bBsf3e1oUQOH9DVkg0rMIyblMxPgWFyUwDUXKtpT37hX4KICA74vPDSZIuI\nXmqTiVXhnrpyY8ml5T11ETHhy2u5k38l+ixpzC1vBbw3+1CH7W41u8a0bOYZ\nfXUxXLaYXqyVqMohFgSWduXgKwzNWVlKsElmuOpbLB1iduNVy0Ae60VxLrMe\nX7q/LNv+Yjz/qMmYNTkFYnVDmCslYF2aMV4s+3ri5Qjh0xXORYmTK8lo6l4y\nbXKIyDQSeUHPjDcvle5QJ2oEVy0rBH7MKN9+RRN/CdLcpGrt0j4ht6fud17O\nw6DxPDw024fAHvyxU0RRn/uyTV9RhvQGO9IJHvkcoOxQqJ3+krXZ8nKWX21t\nsRcc\r\n=Ljv/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"955aa3e4252f722f096ceef387b285a197760b82","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.5d809696c.0_1638985379755_0.00959272406408851","host":"s3://npm-registry-packages"}},"14.0.0-canary.b6510c8c1.0":{"name":"@material/animation","version":"14.0.0-canary.b6510c8c1.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.b6510c8c1.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"994560684b330304a6ecb14393173fbd17eb1af9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.b6510c8c1.0.tgz","fileCount":25,"integrity":"sha512-pOttDNbfXGJKI/4CLpoUCHnTtQN1eWI9NiGpWQulmqdIHRkQKh4Fo6ovRRlWNJ05WUSaRA+5GpxOa2ATKQFb4Q==","signatures":[{"sig":"MEUCIQCv0tq0TWMKArOowmeiKnNCOZt7C8m7G3WM4g2qwl65KQIgfJFg1awPgwMEfiV4gz1R8Q16pECmJITGnkG8B+0WxNo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhsPPMCRA9TVsSAnZWagAArHIP/RhJDPFdnDr1UxCug85I\nqIdGlkEA+Xj0XPj4kWrtN+xiqXV7pAuzZMY2ymEkpJrKKqhxnZwpfmixxENw\nnWFXgzaZViQzBJUmq8PyprGXJhlZMvPssp25AqsiK2iecEdkvg/2wOxfv8Es\n8GUddPdL8mcvtuGSHIlUnyghQVN16Zdj3ZAnpcM5Ta0mu/kPbkeM2+eXULTn\nUMNRamkJs46a+wtSgIcUo5vipvcJ5eUoC2LUN3MK+271ps1scu4Wu1D9LJ8N\nfD3D2wN8r+IBbyp6plEo9ADdBp+JgTsuRyW4hL0Rve7orbrxtOfYJUJdSp7s\nzsSkraPmAMOpVyYQuOLeIvzBUAdthe7MYsn8NEqzJrWPmKyAtaZ4/hWPjF/t\nQ2IhP/ZDGxCF40DRdjINYOeC87paGeQrVC+lCn8aoVJHLf01/DdUPVYZa4vZ\nu4sX+Qy72zxjLyhCmeX2N3jmwG7wNEO9p+0naZNrQWzrphDjB2raMlA/e1Yi\nUVsVY3TEMO1NF6HZMxYxn5YxxqnHBzG63rFs9P/5XMNW5tngUoJfu/qrk+s9\npa2DCSRFkeQfHMhLg/48ECPIUZdwGX7nYqU19SAsqgoxaQoMxl36j2RFQzN6\nDk459fHimDPqF3I1K9DTOCtLYAZ/wKt7RmQ+9hmzISlBQaNWwVoCTsxnDmbu\nOD/7\r\n=DQrw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7b9b6695d55be857206c67de94ea9741aa48bb38","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.b6510c8c1.0_1638986700617_0.8855288540311661","host":"s3://npm-registry-packages"}},"14.0.0-canary.f460e23da.0":{"name":"@material/animation","version":"14.0.0-canary.f460e23da.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.f460e23da.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"eb9f096d9cf26f7c6c326a7c600ed63887e469ae","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.f460e23da.0.tgz","fileCount":25,"integrity":"sha512-gaopbEgNz9kAvVQYs0KgPEBZhjCvlSMgp1+rQIWeTwdl0AwH1+lJ5WIUIizVXNYGByrvALkmz5UwkFp5ooZXdw==","signatures":[{"sig":"MEUCIQDDv/GEz+bGZp1FV4teYFt+7Yxm3dnXFeSwWPFU2vKr2AIgORBrLoAlDfg5ylDGOKIVbVkNmgJgi8beLjJuasLQydE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhs3ERCRA9TVsSAnZWagAAVFgP/R2ET/If4VuuDqqos5Ux\nyqEEGlCP4B5GpB5gjpN68T1B6pWdreVmlJaL365/ewvk0nqm3al/ndHKGdnY\nICEFNqPOSbgfyTHq5c7BhVSKvOA9p5Oh94jPjNB0c42G3kCqb/ZD4JYgofRv\nbZrmcp3uTNxXHuGyvu923qOtZXczDFY1vuFLa/zYqtFd8B7Qe9lqYXp8U5uE\nJuIEpEa9rX+9C5c61H45Q1Tmg4SMayWd46gGSh183GTX9nFIS2aXU0yfAFjG\ns16Ds/ymZoEfH5MSSzrKmKK5LuANOg8SUWlPYqNnqS6giASfav5s7a7wjGmo\nen+nZl+GK6nYQZ7SB/uh/HOqexK7nPYxMFKz9gy6qgMF3kj74a6loHz0iy18\nIdsNGL89hBAh0FUP1fN7pciHmardLG5CE7iopPoitUkF4eTXr+TMjjyVrYVE\nT5aEW43uhxe+cEZJxhIMZuESR1x557uqyacpWvhR5S7EIuV8c3rkttLcp1lJ\nRdzPO4XGGNYpxifEd9dHtlFGzuSv7eZ/gP5EqKgOmP7L0b9MehvPJWALCDG4\nh7+AZXNnP6JMlSy5QzrJU8qjzOvEQziOkHUbqvXPN4YFtGyuKNLGZKlrLB+J\npHFtIrp21keADcT7OSh04Po4ifzsjR0Q0ViZBuxHSCdjS6MU6IN8Jtg/umix\ny1Qa\r\n=u7KH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"6d994090cf732fc4f1fb93f91d64e265cada1b1c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.f460e23da.0_1639149841452_0.3207042677362941","host":"s3://npm-registry-packages"}},"14.0.0-canary.7d8ea4624.0":{"name":"@material/animation","version":"14.0.0-canary.7d8ea4624.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.7d8ea4624.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"80a2fa3a03aa0740186d9886df107bc9e92332f2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.7d8ea4624.0.tgz","fileCount":25,"integrity":"sha512-WzlM2xJFOB9PUY3aAylJZ0KAgDbrSZRVvcNZQBAs2cgh16/T/jRUXLkb/bPfSvgWPB3wu+YTlrOcX1h28Sh1Hg==","signatures":[{"sig":"MEUCIQDY7BY1RUV2ClZ2BNi8hkJTXH58BBUucv8nZBD1nCQhTgIgGgXc/36w8+53oQGyJTGMAlaeJsruiNDH1qlhxUWa/xg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhs6o8CRA9TVsSAnZWagAAuZ4P/1s5q2MEJkaN9PRnbwCd\nVWMkvp0oar+iM4z/Pmj4vrI1jJ/R6eaYWSmxrb43Y+VFFOEwn4MUDNYiW+pq\nHyhTVokwYO4vzlCZpY2OsBpGcK0lQYQAuxb2nxuMZ2f/S3jVAkT/H0W8rZou\n1754n99ur7DrGjmWWcywXpdfN8ExeB/0W/2crV28YopP5cEmxCOx+6IpKFJj\noRhWjv3E2YIsrY0WHKGAER16ZiCcR0XkZq5mBinD8Q4FgdOuS3ZGK04jGGDQ\nw4+f/ZYSVEhp1nZajutOAM3czu5KPBF/36v8h875BtVOldn5CwntIRsioV7+\njfWpuGrR/qTyNJIhCVdYobu+wczFgIU9Bq64n+6NAO64KS5JnUKVfhHac3iH\nTVtd/RkSC+Tq+iNbJR3DvihuYfbPm4yf2RlOQasUohvjN0wJ1Bd3doPSGlWo\nMDhNDVVRwMil7DZjmcOi/t2TxSTldPciJZmz6MlQJ7Dn7Sx8Jlz5uXQZMYtm\nQUWeCbNNZevfOqHArL6Kng/8rjvp+TXf+nN3KVNwek6IG+PtS4yb/NHt55JT\nAG8SoNKD3yeKflr5T3GLM8iHDLSgA5YVUq9o7YCiwy1xUAsKu0OchMdOQsRI\ni0Y8QIy5IQePxRagrp8BNXlHWa+wUfP2riMupwZvR1ZqnVdzRHNIZ1n+3tZg\ndAE4\r\n=4jDe\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c5733baaefa11aaca3bd6f32fb2ac29c20894738","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.7d8ea4624.0_1639164475860_0.12020551261020596","host":"s3://npm-registry-packages"}},"14.0.0-canary.8fffcb5dd.0":{"name":"@material/animation","version":"14.0.0-canary.8fffcb5dd.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.8fffcb5dd.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2a83bc5249bc864e9713818e483dcc5667cf719c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.8fffcb5dd.0.tgz","fileCount":25,"integrity":"sha512-Px7pBNtBW6d0oVD0HxypyPenBB2MhnUQDBLnzeQa+D16XVG80xUAviG2QkzjxA+Qa4onxbDQ3U7p1CA78fRLZw==","signatures":[{"sig":"MEUCIQCnOZmP7P1OXuJSdW7NuqiQThRV1DKHzdkq2CqL9ajfDAIga5d6AahAQUTpXaovmFm6mQUEShDdnbAPeFXfXs/c0WQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhuFuPCRA9TVsSAnZWagAAQxcP/3Q8cjKZIMcId4Qy9Y46\nrZMIaD27MbfET5/heNfGFDyrV4pvYPCKjwTZr84vE5TDHJ/8yqUQ88UdohXY\nwBYr23NlkXT4s2QJWYEloA2WdW45nm3saRAu4XODt+vzLESXrAh57OhzUiGl\n9p9TWbVtQ1dDhVKQyAy7Ro9j2kDmTrvdeBeQqau1/vg/eWeL80Z9cJh2N2rU\n/+6MJDylaK/3bhmL5CsJYDUZd5vOBy8CVqYY338fTypCrb94gt9LEkvaKyTC\nvzB8lwljKk2PjVpBce9UM4JlsPJ57+QPXXOxDFHFCu9xdm+gkmCHlUrJKzKa\nWsNH/OhrbUd4jWQlJNtkvswCp5zn/1tjdGnJFKdmBOIC+PwvzqaVs2ytljpd\nFVYnSlKyDOeHBFfzxXzr4Ph7eDxuQZi4wf2ggzLZlYcZRWoWHD9bB8FbvF7e\nKmTwK7WGQoAiqpizq2G5E0WWxHI9lGbL24t9qxtonA4w1YKq0tPHExcc+MJ1\nXbh1qWZgIHj741BOMx4fbWd0/monKikhYj7OjHgo4sdGQQ/CMe5j63RUWsmb\nY/q/w3ftjjjpydMrmWiaZrWKK6pRXOqmffBif9W2xeYf6SCllQgvkaYvZ3iq\nwgXzM04Kfxidlhs0LktCt/NqSAvgj9WR3Tyye/AazfWyDvimSzDC+EjDl9GT\nbjtA\r\n=0JWF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ed22e4daefd7bb5e95668ab484a3a4a65793437f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.2","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.8fffcb5dd.0_1639472015375_0.36147340313949616","host":"s3://npm-registry-packages"}},"14.0.0-canary.21e1cb9be.0":{"name":"@material/animation","version":"14.0.0-canary.21e1cb9be.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.21e1cb9be.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"04096e280aec5b24a1ae140f54221ef0638ea842","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.21e1cb9be.0.tgz","fileCount":25,"integrity":"sha512-HVnDTSQk6Yo69vEAbCUZCU68Me45mfBZg9fTwtvaF+T+dfdiY4WQ3Ay8aKbFkETe7kBLqAcvx7ZveCgVvlDJMg==","signatures":[{"sig":"MEUCIQC9z0A4g89V0JpQWEFMJemgRLQpqT+RkF+LIZCJM/ruWAIgD3U5h6DzkSHuTwdm3+iPx7nd9AxFxTdRP3PpsBMU15U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhuPK5CRA9TVsSAnZWagAAEIgP/2VXFBIVLtjU0YlfunM6\nBjfBO02pGGqM/dyKR2fKaDrFPIKVvhu6PF/K0sNEyILJBBydPdC5s8NEaTUH\nXvrsCtfJcmJL/HcYEkZI5vP04tu3PV8/fxIZEA2RySIFFLO6AniZZ8tiTs8M\nfO+PvwsWeUv2hq5HOQh5XftR0NgRQ8J5opZGjlkd0RRlJ/Z6DZZ7q3Pd351a\nJGOKFhCBo7MmmywAZN4g0ETy4Xcgg3XqxEYOtkYE8WxMtqrAxyzmVdlKG96O\n53z6p/uJPL25gpmd32dQvgena+8jWqVLhxdOBgFRIVQVOuvQVd3+VVgXP2Ep\nvlg0ZX3yDMNInnrjChcB5KZS9LWoN9cbEDHNCeQh+CO34cqPPYdgmN6s1XN8\n5nSFWAQCt422Mb/5Fs5ruoeJP1bqy18b/QbozZuRAnRNOqam+xbbVxRWVv6c\nWYvQkDOhf/BKGDwpK09LD7JRyOR0EPK22A3vUlzddid5zBJNt5VvWQ2DvcW1\nVmC2Xonfc8CeZFUDEBLvlhP/KMGxj1T5Oz+33k9dicinp5hlaF2FI5Wkl6IG\naDgub5ps2eGDz09PX0nuRYoDMT/uYjFkN6OhE2hwaFoj2VwUo+9A3xN1zU2m\nbdlkuyF3Q79ys8c+KGf28TfiIzZW5PzJnu9aFx+bWpB9PKq25zHkzXMH6Gqh\nhktW\r\n=62/R\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"091bafb203d13305d394af0cb6817b1bf05c64af","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.2","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.21e1cb9be.0_1639510713296_0.11656768518084304","host":"s3://npm-registry-packages"}},"14.0.0-canary.ba78e8724.0":{"name":"@material/animation","version":"14.0.0-canary.ba78e8724.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.ba78e8724.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9cd0dc8e7cae108e53f89821cf89a14caef71d9d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.ba78e8724.0.tgz","fileCount":25,"integrity":"sha512-5uCka1OSjYSBwqBfV+iBt5CmDcE77D18FmSZQe81xy9n3/kVnlQjRyR9zPBZUExuRd6rWrAy8Q2fIV73ErJfNg==","signatures":[{"sig":"MEUCIQDY/M76OJqYeFvETcPfnLesp0FCEny2TKbInR3CxWFUOAIgBQ9wSmb9p5QMaYIvr/zffvfRDJpZRe28D6SgwWBu6xI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhumgXCRA9TVsSAnZWagAAKJYP/RHdpMsBtjU6n16f4lQv\n3yO0c+7KTVwSWpIE4HX8C1CxSlXWYs6TWgwnAjmM8d7R0x8AmHsrXLXWRDdv\nNlrWgWjTvKqJK99IL3TYVFf9q1G2FKIN3YrISeEj7ckivIAbeaWLR9u6DhsD\n9O/Fffk+IULgP/SY/eW5a65vEV1G0EfUIkV5NXsZsY+9aBhsStvq+s9XiAXV\nOBOcM5pJb5G2SC0IINUxrr0Ic/59v1Fot2wMo6FghZMZJ6m1mknfPNKw7rcK\nJvEplb1nfNwRVJ9ozIFj5H9sjsDRxv8WmhoFhcAqD+qJMSs5ChCDUSzGURYE\n2DuyULwoL1yWC6Wc2bKq/+AZN/nkY+e2GTijz7WPM5/7vIiGHk0T5lWrZ5Wg\nIRxvOqJHX638VSqxMt0yBTMzASArir7c5XW0Snp+9pwJtn8zPAkbpJVlNoLD\n8tL7qLpIHLocpuHef0eSTY7Yrk+K7YGByfVEcUqrdaGkGe+HbxSMUAZ70NZb\nySpL+8BHlZhgo5K+GdNVUwryf4ZwA8I89TNsS78lC+qvf9aPQhiQyrrt0Nr7\nnMSN/RnrZd9GPhToLlVz/1ohdz4RCh9X4U+HYE3t4Dj3wuelmcc+nhShjgSy\nlbQQy6w3lSkaHCdCEvNxXFoWIBejt8d5m/YgyNl7ySAKJTkdwD3M0QkUG66S\nihNV\r\n=IldZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"396b66ccff73478ac662f95bc36087e71ae8d980","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.2","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.ba78e8724.0_1639606295625_0.3990200639719199","host":"s3://npm-registry-packages"}},"14.0.0-canary.e3e073c00.0":{"name":"@material/animation","version":"14.0.0-canary.e3e073c00.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.e3e073c00.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ebf1dfb0e854b0b645fa3f7fc137ed1194fac766","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.e3e073c00.0.tgz","fileCount":25,"integrity":"sha512-Fe04RysxDHZ5oHI7AVMfbHMz69vduSYh7BIJ9AvkFMwyVbhlOwRlBplaFZHkYuP5Yf2VmNDLsC7MmJidIFdcVg==","signatures":[{"sig":"MEYCIQCY42kZCFqOKAGLasIxPxt7doKhszjn77LeTRjGoCKYxgIhALZHbJtvDA+ncEXCmmD7el5LZkpTTv5HKLbxaiCbwU+P","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwPDLCRA9TVsSAnZWagAA9MUP/3xuJrJABGPxJ/rRF7e6\n5Qs9clMrprOVqqsC43w9nfDShax/YnJ4eUm4Om6pZS1RkQr0Ay3jA/2upN15\naL91jbV33Znv+ne/9DJMvuHV0GZTr70lCdph1zjFTGTWRrfQeDr9qkJnwfIL\nyoGEbwmLJOj04Sj33aT8LF5tsKvuzmwiKR1mwUIV0k0zV0nT6pC5Sqam4DP/\ncUGnzW+ISU/IeNrCCq8fzsadWFf05cK0GT/qQpdWgmSevUpJ1gPiqz9bnf7H\ngIl9lVKVrJJcWDgT5XvFWBkve/euz8q9yXOxl41r7QBNQBawA4R7TmQeIymY\nvtkWJy3mqJE+ufa4YG8MgCVLFrkNBmWJEJK8gq/qg/m0ni8VsfdEcMfae1O8\ndvwyDepq4gXHhp43T8yqZphnIWcj+IOdKrl+Ae06JwS6cJ1ZmKBcQaxegrSL\nEFabwJeMUcbKyq3BNUzuAqO3FdQOUVnV/04yEiR2St2v/9ntb9jRhx7DROkg\n3gumM2L9Jr50WHjdoSrDJi43wUt82ja11h0vKrdbJbpK7xYEqMpxrUGbxoFc\nk9nePE6usRncZ/NofbaPq5sh1KmcNuCEeT190hMu0Bt9IRAdDOaq3Tv2XLTN\n7Mb36t0lrQ9fhZYidepzo/UGEUem0AbGSPSG32Fm0pRnKpskgFz1NuLuUMGI\nrKTp\r\n=6FXT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"6ed0d4833cc10e9b5406989bcd66b072aaa259d3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.2","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.e3e073c00.0_1640034507420_0.18392758132997056","host":"s3://npm-registry-packages"}},"14.0.0-canary.3366a71d7.0":{"name":"@material/animation","version":"14.0.0-canary.3366a71d7.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.3366a71d7.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9031ab65132d104481a662db31233b525266d3ec","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.3366a71d7.0.tgz","fileCount":25,"integrity":"sha512-1T7D523G3xwiosSZvr/vDCGgs9tfG3Kkf/3Y7vQ1ZTAC5cWbbsvUtBjBQnj6RzHxiuULWlWi+MUpJ8QcK/39xQ==","signatures":[{"sig":"MEUCIQCerjm8SSut24DpM5Tde2hH95kzv98PQWFElvTj/ZXtGAIgK24Ys7u9xYKIHqcPQsEQEUm4a8WslMuhoSLeahFBYB8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwxqFCRA9TVsSAnZWagAAeNIP/0ZeIaFzMq5oAAf/s7el\nqLdOEP4iIghZirBeHGc0VRTMjfeeHUcO7PzqrHobPYav4Ifjcg8rILUcqsyK\n+8RDJDK7k1jaWjd6/kLSdAbXGbyUtwNU2eJpVPK2Gkv0p9UdaRw3alm5rXOu\nSKcHqNBjSFEDbxUHdzE5tK+51wTIFy6fHul/OyVY6ST0W7MA+LCl5my9lrv7\nUqu2kZ4Co30TdpMNhnTt9lUZwZIVaEDKypPBQw/tggWJRwfmLjmYhGKJ80fO\nL9/NR9NN3hNEmyrM02tZrc6DOluqGSjWjN5r4AT9cXZpkbsXwl+/JRrKgqsI\nygbNXipV9T5crUYb6ISgCaZY5ESqVRg+lLF1ifIzdyObGlFTgnwsqWqvYQ+G\naZZRaTh6MU2C4s/w+GcsFlunDpYzNAYqSoJrzD+MIT7DONjvaGiNiaQL8YoZ\n3Kv6hVZYQeeT+LSbBk/5chhDfYDJmrMP7v8TUhzU16bkL+yEygjUSyDtc309\n3nDQEcEvxZVTuQOEedt3+2Clw1THaaShKiG+r6MrMCbmGMYASdhL793brcCU\n6hYOCJtoB9eq011yhJk8BYEvwtequThY7TRpv5mLJOaVzh2urxyKn7AG2J1b\n656ljERDBxQwS4E2YHpFeA86BAB54AZsIqcgPncYeTv5TMT9HsvOGZjl6E5y\nIC+M\r\n=cYl1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"36f8040c2829cecee06f5c8f52e08e9cabc9004c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.2","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.3366a71d7.0_1640176261317_0.7078257180425678","host":"s3://npm-registry-packages"}},"14.0.0-canary.c047f7c19.0":{"name":"@material/animation","version":"14.0.0-canary.c047f7c19.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.c047f7c19.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0c35f52418d1de1677015ae7d092a29e34632ed0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.c047f7c19.0.tgz","fileCount":25,"integrity":"sha512-xArlxe2u94qyTm7+QG3A65sn0cERHEfNPtY5ViStXToe7mpBXsyCdsMTPZmXoxR5oH4ROFi3krG94XhbAtOXDg==","signatures":[{"sig":"MEQCIQCqxJx7+DagFjk5rEf1qlp93lIkJTjhWJfUsm1kiM+OCwIfSwY2T8PVsW1WjYqn1ncC/6/ZMqPLwd487AU1b75FlA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1croCRA9TVsSAnZWagAAS0cP/3tOZMoZRSrTdVEPZRqO\nVv/VjLMEhU/+oIGIVPmOBq29/JjcCnzsGDIw7KQ+7v/bZitFYOUpZcxeFajS\nL1yFF4JjYJAHbmVkkAcleAi6zmuG2dnHDuplI0tlyHjTf9LbSm/yPbTgvoQg\nFyafYL7aH13mystEV1wOL6WMc99SzdC3cbUCNJPGOZFuSvJgcZCEwy/1KGNN\ni7aSjKGz4Djx0wpYlkLZnNlzTYjwoKFIo4SuKrkP4JJWE8b6tdu9FascRM6k\nE+I/BKKEZ8+R/pIC/EZK9AlyvlQSYoBWLWT8tVicBDwUMwq6PQyKPDADEJWw\nbX6L37u4/qZKclG46Ql1vITf57f96pJDwAK6JeQW7SGFjtQ0JPMR3EEYNiTs\nhSijga3tx15ksX+E9ppCsAHnQxXIdCd0pZQ26VUE/8oooSAMia5uiFJCABdh\nCJde09B/GSfdvs5z5WKw9fW545gkJvtCluVQ8vDgsPcyA+ktSmUizNlIYKej\nVDbEq/mvh3CWDbho5JRh2dSZdpROK5OYTDze0Cs1MNbpZu1AK2RymhOdwvPI\nbQzTtVuZxhpp6EJzy8AMyUseRjtM/UPpGdDv9OQYqcHNCXzhCU1EU81ZC2hL\nmEQ/P/sJ2/+W/1x9EJB6LE42gpGCl6qxfzQUTnWDtcy1etHmiZGAEUIIx3z8\n8w6Z\r\n=WoyX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f89c0e152ba1bb64d7b262b279d38cf5d93dd788","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.2","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.c047f7c19.0_1641401064026_0.40473977091351254","host":"s3://npm-registry-packages"}},"14.0.0-canary.05db65ec0.0":{"name":"@material/animation","version":"14.0.0-canary.05db65ec0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.05db65ec0.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a356f623609fc635f0367aa46600f6a48344e3b3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.05db65ec0.0.tgz","fileCount":25,"integrity":"sha512-PjBsvL8o/11zZ/P21L4MqrE0bYDFYNC22+k6uBu/biWTxprDi4KLjGsJCAQ4p467xgNP6MWVuW2PUtbjdRFIRw==","signatures":[{"sig":"MEUCIHqjiRzMmITx8HwtYPDya3vIlRZ8v7FjhKPGznTaapTEAiEAu8Vsze03OGBW0txqJSrVNG6kGrrdaFFhYxLOF0CVk1k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1yMTCRA9TVsSAnZWagAAGmoP/35ZpE5qmrCM+e0aIu5E\nQvGDuCn/GHo8gHLZb7V1000bi3lqlGIbPwfqkGRsYB3KHWLzonlq/zZD+Omu\nR6554yU+wykF8+/7GSI5DN/oNgYQu6AKJqWeLJTVecRpucLxJtLoNQITUevD\nS2WuRtG2OpbjasYAZT55w0EurK66MOxZrROmauJt7MXGOsD/NBdA7OGEvLfI\n0Rn12S3lVezQxwiQtZqqVso2SVp88eDYZHKqcHN6fTeuvT6wG7XwGFB86TQo\ndrPexe+0IVzZvpHxxlDjaLUDtweLs11Axx34tQXEakZvx0t7n1nyNYBTir17\nLJEw7rbJ55ZxQyrqtbvBMMsPwsNhGSnCH2iyg9BZp6m+Nzu1liWFQ0VYKyZ6\nvwEwJRTWELHRpr0pYssgUfybq0839ZXMnwP1VNxKmlXlCyGG/taRfePeiXZV\neSZK2UaF2vap6hUBMAYXEloxS8eMnZHWTkURib/M8tfBJl91X0PYUCy6XNL3\ntYqW2M1Etoujn0U62/pHTPdnyDtzNiPOOMnbE9RlqiEXRMuvZ40Kc4/NNful\nVSgF+lD4CtHNRt+lFzG7G2Lcx7dwyyPU/tbAqY7gXZwKxutizXnKgblurhNv\nB49MW/FZCWdB3xPAiNcAKnIGJkaMdxa5eA6LXvMBUl061tkn+8BHaW9b0PcB\n7kbf\r\n=xzOT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"4ee3c4fadb795ccabc127e2a968744c5bed23d38","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.2","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.05db65ec0.0_1641489171156_0.15935562779074752","host":"s3://npm-registry-packages"}},"14.0.0-canary.6ca8b8f85.0":{"name":"@material/animation","version":"14.0.0-canary.6ca8b8f85.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.6ca8b8f85.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e18e13f2c924449357bce7828319e5c16fa7212a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.6ca8b8f85.0.tgz","fileCount":25,"integrity":"sha512-CDOW+NDtMblqAU2dewUr5ea1w0tW26GrN/vatSjTEL0Yrre8OatPwHBuKagMXJBLSSrayr5Z2bp9DxC/iNPZ3w==","signatures":[{"sig":"MEUCIQDGv8bPbjgZv5hz3aIbSZHxgPxdc94fHglHUCY6ofWJ1AIgHKCiYbTf15cqYGGMrCUbDmtAvyRTVh2CX87bA+JF5Gw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh2GNfCRA9TVsSAnZWagAACP8P/2Pl5a4vmznd9PGtyzyr\nWJJb7yzFxn59VgXJPI+4DRA1XU/iih6Ewu120NzXFvfjk5+YaqLgr77/KJo3\nKeofOqfzmyXrynChAHFOefqNH8ACdVbrofHooDKTK2kechCMeLzgeQA0jLVx\n3t8ErVU1bXM4SXGnihqgJTAjfClM8c75Q6sJ5Eq+ng/08eq8k/JbVbwtSU7x\nBJLxkM+9Kj2SeF48tHf1Et3BCpfhjCPFF6yIWEpUGnmmCXfbYnLqwXgQ7WT0\nfbRDa5yJY5Qm7l9KlyfVvdNdALAfQj+fma5v6iGBmJQJLO6ykAT8FHIFKUDC\npMqBMzjyBiJZaOmz2ypTgI4+WteDTfUVESkIv5VRaH2isn4Ruxn0mooyNaTb\nuJoD4P6aX3SQthsciLgVUFfrP5Ixli+nHMD1g3+pGfkRU8UcBkcilsulnAeR\ndYhZVve0PKjGxRwa0gYfC+eeTcSn0m1P4u49BkJVSsunIj6SXkawBfNCvPJu\nMoe0t07O0B6AX44o4JR9ZJRjP6hBvGqbNq0yISZgNxfkOQGceSJrFPkyiuSz\nmzE3m8vXYxgPd/JUZK8vcyhb8T1IzIFkCVH3ku1oOZD44tGhMocvxeQ4Uix9\nxqPOkJ0NZeGpRYUOPFJ3cLOsIDQa27MfGE1SGE1t8GVxw8oqE4l9lpYeIFQn\nkmqB\r\n=VPqj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b3237bcea052016fff824f201904a358e2cbeeaa","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.2","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.6ca8b8f85.0_1641571167499_0.13146596591228832","host":"s3://npm-registry-packages"}},"14.0.0-canary.173ee7a7a.0":{"name":"@material/animation","version":"14.0.0-canary.173ee7a7a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.173ee7a7a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fa2c7566624443d095dbdd10359272716c1ab100","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.173ee7a7a.0.tgz","fileCount":25,"integrity":"sha512-oScv1f/SDs2hoDkEuDnUjVAix1GXNMKj6PjRWTu+ipUGO6n4HDJL5GxVKx0DIN/quqTTnL8vHS1sQQ32GC3bkQ==","signatures":[{"sig":"MEYCIQCv/cnIy/QDXDMOZLXqpFQYscrnPYt7Bql8kk5pr96i4QIhAONULGvKMxYik9OMR2LQszZSmmJIsM/hPrFc+ygoEyqw","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3GRjCRA9TVsSAnZWagAAS0gP/2PvnIozjdFguHjwRJDu\noDSJI4ySxWO8CPO5OJtOgkk3gLhZLHDbqbp0MgzcKZfphozO+VeNrhdpRkjD\nfwx5VF/MOSdwrtYdAXO1PC7AUVC14IElFfc0IQ3jqZGVzw1EYhFpTB/eOZhx\nevqLUUFUYkZGmv39gFJD3tWySBSR/2Q+GBSOYnN8Qqr4mDDTc8TLeVbp46rl\n2d9eB8RsU+JfUjKMt3Z+YczRo6gNSEPYVTv71J2KCPm2IS4KkUjAOdCM8tfW\nU/VqCNoSBtn3is8H6zwWn9mMhK/Uj7NgN/MDLiwR2sXGuyqg7suIRNhGuvvQ\ne/9CahtJiX0CfO3m0BX5cKjDIK6A6uwGOs1kDbq0OlqU67fE6kemdmy+/dhL\ntBiVp87QbgvPUdlapXI51xY6bL1QVe72hgpm5/EfdoUjbPv4F89VbB4zZP7G\n+tffeiTy9saq9WXn6ukFkThxgSmGN0Tycf8aQMokiNwygIWXAZaxdo7YMiYE\nK9PcH9KXmorG7jvwAfUKMif+vblsKKM+4wOv5h/QeZaNp/bQncHL6TTVMDCp\ngitQ6fQz12n8VyHH+BOcatvW3VVcq2WcO7fmi4CBMVm3UCpyQXL12lnlnPtS\nse6NZKJzytQzym7FZwHR8Hg0pqhGhM0V6Osfswm7cJBkKQZbMq5iGG+i0BoD\n7h1O\r\n=cJt/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f034f9d63d29784b9608c7c25ea586070efbd27a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.2","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.173ee7a7a.0_1641833570999_0.6839563934788402","host":"s3://npm-registry-packages"}},"14.0.0-canary.b704e4dfc.0":{"name":"@material/animation","version":"14.0.0-canary.b704e4dfc.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.b704e4dfc.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6bb24602b15e6ea0e286d4944c5a83b7db582d26","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.b704e4dfc.0.tgz","fileCount":25,"integrity":"sha512-S3jfh6ktIQUSZ/y5jB6UWwQCS/SifHowP0npP6nkkuqqbBxOpDqUPweKBB7jThqVckVWSZXU4RhMYQRH8Ww5xw==","signatures":[{"sig":"MEQCIBIPZ+vuTsLca0ezgIToiXJhodNCrc+YhYoiz77LBdZSAiBRcmlL3MntYrsgSOLA3QQnXpHimuay5Wsre/WqwXtmDA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3HuECRA9TVsSAnZWagAAhrYQAIwUG3GAD/pXbcD2N4mo\nrWAPfO3NybLGP1dB1kDRmetN7IK6c4kA2G9T/bnC4tHu77k5n39pI/AkfxW3\nQLN/qIg5APDXgJdTgTtzI85vMeE98C5/f3OHHGsZ7HRWHH1dKPcMslguDlB3\nUV4uKc4M/o9zDRZsZPRfE4J3d9tHlhxDO0CaD1tUEIHWUYgg9Th2bEwZNRN1\nJ5UUmBMaNGJT/Zipmueszd4WcNi+lgZ2dLCObMD96F2jS8QSRS2UAoLexUjy\n+o1Ev2dBAsifmYwHd92v5xXMtpgXmdRQfctdG8ieyxWb5C7O5TdUsV/643Ck\nI3e3jpITeaWpjDSxD2RvXqNpvvWHIZSxGTDoYyVjgtZRzWPVDrtKlEP+XcmH\nVz/U261wXL1mj7pXfdAfSndUV+NTvaq0J4w/3G1orERmbZYjQXg/kwcHaQCk\njVV87BwCiFO7fOinPCze+eR1eG4xjyjk5UbNEsDl3la+6+d8HTTJR5KW+Bxy\nSevwY0hgHURfLdUCigEjN9NoZrcq65uNEnFP6mANw9jbGy4Ua/ju8YChChvh\niM1BTbProkhhEHkuKR2cIzDiGbOt36UaG2xZCrvVQ4U8jlEXKq9fBqTwHap+\nynh8fq37Ig/47udyWZNTD7Ct/XFieJ4XGSqa+3/EdxmS9e629kK/RQb6tUfN\nXr8v\r\n=j5+M\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7aa8626c10b7e0fe9826c55e7f08c4ab0aa493bd","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.2","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.b704e4dfc.0_1641839491901_0.8451237246233558","host":"s3://npm-registry-packages"}},"14.0.0-canary.c14e977ee.0":{"name":"@material/animation","version":"14.0.0-canary.c14e977ee.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.c14e977ee.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"652aaf8d84bb1a5ae8f955f9de723a75efa6320a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.c14e977ee.0.tgz","fileCount":25,"integrity":"sha512-y44nAWkHHeezSFc+pEW6vN2jUqjSmQBjVcX6GUiLOyMy8GS82fnJlpgIko6Z0WFyghlBKKAMj6G+MGidKNgiFQ==","signatures":[{"sig":"MEUCIQDjPytqkYOha5RxVN4kIsNfckMNsYS1vX9X6NuXLEHi7gIgdJ3cT+4Xi/ybtipZ3r97WrNlJced1nDtaJj63Mv19UM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3aalCRA9TVsSAnZWagAAb3QP/R85v3lhAAW7BDmzOdLk\ntG2YuBG1aMNXhMUsVC7xM0YaPOnxBGetp8kneA6SGhJH1B4mXv1M12VwNXI+\no9wdmoQHim+4bnAgutF7A6Gt7MA8JZj0pXJ+y8YBkj/mIfyCjz3v9htrSVPu\ncNmzMIl7m1fswwW2dO95bjXLMJXymsW78opewpB3YPnXWMRdxlBJoctkwcPd\neTfkhPOiCUbuU/PufE4xB8oOCwjsjn/vOyYq1/zqu6+MTiiFpzDq8IIC5T0d\nP77PE9VBRgXbtmR/On6bOWYVz8G+UVqaYTx0bFO+LBAHA2wS2e0xJLrDzoZu\nGUtfbwv7wHrmNhniWsNKngL5ceOUVHxRmsJnxG4DiTpc5lew8uAvjBZTjTwW\nJkvoJnDjYrqYrmfEOOn7c83jmTKNx9mQMpDSR3oD6UxOvszGDOzIyjG5IQ9f\nafJakvkE/UuHi6edsQd2ZnDfmZOyFA70JR7+1j+0XVm11OdZVD95E/Ua/GQC\nWTTEYKijQzKHc3unK85kd0bJLoasSA5xCfwhMiOak3zawnqvNiTtff0GAGuQ\n7Q+IpgQJ3VmKn8KhFPlJ1yHV5iuYlFoc7rXTJSXIjIEEdac8pphBuKmmWVL/\nvDpe2tgfECpgSjj3NcHV9je82OQJzrZrdEi3zLfogPrZ4Rz6cFS2tHBiiKBj\nSt23\r\n=5ebj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"9f7e1b7371c604a5d4692bdbe25aecc578fb16f5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.2","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.c14e977ee.0_1641916069763_0.009588462061556502","host":"s3://npm-registry-packages"}},"14.0.0-canary.b094eaa4e.0":{"name":"@material/animation","version":"14.0.0-canary.b094eaa4e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.b094eaa4e.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"40738bfd3f80092da07ebc831472ed8bd384ceae","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.b094eaa4e.0.tgz","fileCount":25,"integrity":"sha512-bOZD1Ji1WZYiMkpalptTHMHyjMhukdFM5e+6u/RMfD6IQ0UscSB5hdZjcDBzRJAjDH+2TCYOau5XK5sR3du0eQ==","signatures":[{"sig":"MEYCIQDhlbNfA3YecbF5CLRiVap9N/+/qm2NBmYkNtE1KAitxAIhAJ4VI5ZCfgPMp/5Nlos22I9MRupk4W1cAYClAoWkBg1n","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4cO9CRA9TVsSAnZWagAAtdEP/3ra+oZJFjJuoPqdagTK\nRHckGTWayNnv/D1E3+47Cduru7niZwcHx1PF2HqOVVQJdSiNH65myokbsV/j\niIO0mEhJoR1Z8SyY47Ab5cHmv2WAhN1RD2SWTwluZrWNHeDk2nZ50zEPo9VN\nKwqIUmAjTu34bS2/eS7+HtEZdLbVe8nAfrsjg3BPcLWAtI7CRt/BfKfYQ+S2\nP+1iOF9rnfe+HXXZzBnfjF7vOduuQe3l1NxhwC+oijXdmCHdxdRGPrzv+Gd2\nV2Fhb+lKHieARPS9duE640utnj1LrFr/C24VFE2qlF1E9LG/KII+rzv8dnf+\n4JNbyNjFUfVhRYkpHy2tFAl3hQJWuLNcYD2twa8f58CBDYdYtAF72CeKmBxU\nKqLxY4PXsdz4FnfZKaHeEDbl1utttEg1MaZ5hWq8mhzH5Dzh2Bc2X0Wdinbr\nsliJMwn1SAVvBL6RyjDS2B4nAlyMbj3k5kjm4UJG2Kk/PM/7D7QuuM6rD3AK\nCOyB/xby6sP8UADeIF335hNL6HfIySQsEPXTGCXg7+TPqpqwsl+Dzf6LqdoJ\nGneii9iX1BgBdDZjBTjbg9lNfyKhUm5mvOVPoKp96ScRQFRADwopMVWhuFxT\n3RmQyt/C6OZx7A8wSxJl4nASJPKUQjdFolOTURxpRM+R/37Hy62go8YkxpBw\niq30\r\n=Bgoi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"6b11b48b933746de14be90d79974d10e1fd48289","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.b094eaa4e.0_1642185661778_0.7185343344664683","host":"s3://npm-registry-packages"}},"14.0.0-canary.390220e42.0":{"name":"@material/animation","version":"14.0.0-canary.390220e42.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.390220e42.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"56281ea55ad3024137006542810c9aec9a25d765","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.390220e42.0.tgz","fileCount":25,"integrity":"sha512-Tn4yNArQ1f+OtBU2vXda/93Um2CcGsUFKeYKmkGkMEaKw1gtUk9y6fXxxuY9armbwUWeDnVMHI0l5uvY0b50Bw==","signatures":[{"sig":"MEQCIClAp7IygtqK6GanV5TTOqQrGoVzKuWp9aZzyATob3WdAiA81EVwkronFOSofIBsKuqwj/qFiR08TFd72IIhM0q2tQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh5Zz2CRA9TVsSAnZWagAApwEP/ivOVL3XeD9igFrxSqZC\n09h7rm8YLVqAojmyF7FkM/J3r1nKu0dcOElqNKeFiHBUty7BhKQCcSmhfW7M\n6BpUL6fq8cy1qrfuFxX9bxhiNuDg4Bf0OJDRSiSNCfpqNH3Ie7gcRlix2PvV\nYEgaqA6dC2Xiy36Kw2X+eXJa1LYSMk8A+bNZi4DnPMR3PxUgOsDK+IWpg9U5\ntv73ERdE9HqJIP/OOTAV5o4j094/HVU2J/MZ8DJl+0IAkaSHCRvfOEhfnyNh\nUuhYCHyepKPF9hEYQOlSKnYWv8MaNLx5kWN6xlMlv+fjnYk5VtlKlHy6DI2t\nXHMedvbqoPSH09vBUZ/fDFGzJGx9aUU+66VFZNr12IaJvE0gP5W3/TfyfFu/\n2qkLDhm7o2yNzevSadh2A5nk0jvkCK5EPg6AnUgcZf7of+K3Wfxht7BoLAWY\nFOf00f7zynWcg2HksT5qvp5n4shBe1E+VvFxm35jsZAkY1W7lwHjVN2Xmr2X\n0uBs+2tczDSTjulLxXNHxnAkIxxLQ8mfHv5bTW2kJZ5jjGYDPlwOK/IOG3Wf\nHnca6q6Y6/AvmI7XE1y8VF1zVfVcOAG++490TmNViRm6pRzZAfxIN6EyQyhh\nBEV3nPtc80m8/FoAQoSQUsC1U3a75dZ/dJsrGh58hcicF3nxDQef40U/qbeG\nYMph\r\n=ni1V\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"dd9f4e499bf257838f40df3957ee3c321500fe37","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.390220e42.0_1642437877895_0.8640182788713617","host":"s3://npm-registry-packages"}},"14.0.0-canary.4b5391f8b.0":{"name":"@material/animation","version":"14.0.0-canary.4b5391f8b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.4b5391f8b.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6a83c3944c3b3156212ea26a846bb038a3b303f9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.4b5391f8b.0.tgz","fileCount":25,"integrity":"sha512-ZhFK87I/VK2swHFrAxw1TNH7RBweD9myRbfSPr8lltehBETGyfInL38DrsRZCrjFWLj5zlusosTptZNET31EJw==","signatures":[{"sig":"MEUCIG0Q0YMEYIU7zXswlWPLdF3P+91q1zmUtt4QVNchtfIXAiEAhoEOcxIAIsOEamRB7ZVGrsLPa7cgkpckYzibzfdKHrc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6KP+CRA9TVsSAnZWagAAp9oP/RXCj3IoBgddVaukPLf+\nFGOiVopf+WkVmG9qAFp6iWyLXp774skLQTK3DYQkcG7HTAzHefvYuBHXbdQD\nb8zrnVojX94xtbHIQ03lRMjMI07R4DRrgleijscw+8m/jx51rtZ7FO0JPf+2\ngAyMsit0Q30LMKQ4u0yK5wtlk7ZE6z3sW4BjpCdVLRtMiYtpqs0e3vuknI+S\nTuF/N97XJldsIJZRBmbFs7lG831rrTB9QN6ho5ZVnV6pYeH3n0mtfLjEoBpP\n67hmZH9M0BoIoPP69G/1TlpdFBQEPad/5Ynu4X+2MrunMpVuQmpKtpMquwBX\necDsG258LOk6BTL9CupAVUmpbLrIMO+U5Uc7ofYdDh1t7OioquyOXUkguqX8\ncPwM2HQFO0Kati6qOVLeZbnloANtngiDqi6zP3EDkRMWw4ootZpeuYb3fiC0\nvlzUd+AqLNH6w0LRc/moN5LirotaTzl9utYOKhtyv8zWIZXxvloLNs9sV+Hj\nY/Rd6aKaOWW999FhmiiBQxRVn475rV7eRs5KhIN7cIULiwjM/RLVQFJSyn8p\ng10f1UXvc9/Ax4vOYSUPqR9I7XmHLOL6HLw1m7oJCn8G2g6Nh5zGYe9czPGS\nIr85iYA/mNPQxFjfFQHaA3jZ7W0+kQy2BMycREenNbTNe4zFbsWF2iwb2gHN\ngprm\r\n=WcDF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"09410b4524a4005be30dd18c47d4214d6eeffca0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.4b5391f8b.0_1642636286708_0.11721678305571781","host":"s3://npm-registry-packages"}},"14.0.0-canary.cef6bc623.0":{"name":"@material/animation","version":"14.0.0-canary.cef6bc623.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.cef6bc623.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"36612e54bf8f12cdcfd986ead1d8c7c41ec57886","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.cef6bc623.0.tgz","fileCount":25,"integrity":"sha512-9c/HWaLM6zpDDMz2cgWJY5kwD7ktpLnfLtnX5vREzNAkbtvjPOkhtsAa+SnYRvYl2emE8E3K4pagXGTzFBb6cw==","signatures":[{"sig":"MEQCICiqiN9BepursMfAm6mj6+f7jsWLH8xD9wStPESmFbLZAiBqWKVWDqsSxb7Hberta8uRZd2Bc5EY8QlWqF0s/Izemw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6KnECRA9TVsSAnZWagAAacUP/1Ig9FJe2te5v4ys/pje\nJqrl7dpxJVuSZ1jJpK9BeHO92R19dS3nlUpSvhgbBzPmfoKnsGZYTYrztsCa\nEHfMC9hZMeS5HTz7yoSWEbN2gMDkuvoGFTR0S93Ya29ef4ibXOy9mSL4EL8L\nBuyYfSCw3iNVExXcVbVjA/ep+JhzYCdGOknnpKDpIQ15PbgDYNhXSVEWrY7z\nca88QLZSYmbsL80oCu6eQFXOQt8SAm7ZKkV77Th89D2kApLxNNA2FYh6z04P\nG0HbCdWsHllFegEpNOpwXYmYGjNpsSMq/HBpwpClCA6p4hM7SM0SNFSH1OeT\nkZwjuDuEZ4iHSKCXkYGbSSLYtZg2iZ9V1R1gZXZA+/hC4YsXosk4i3YuZ0DQ\nMgLimY1VhNYghUQ12hUspIoyhPUNJnvVLR6evV9yD4i3QsDZMGCDi2WqdEl9\nP4QhOmJWIMUkarWU0JpsTo+zJdOJJQpWd9NBgyMBphretHrxrCSs4kfopNUG\n2g4gd43fSyH/9Kx/R+O+kuuBzVcFBta+5DHRckgR9GWHTk4dy47K9FNA0iPf\nOkpCJrXJmwiyX5paHQ3MfzWoPIy2hcjX4gg+MVYJgJ/5a5DB8KwLWfCg1Kw3\nXsq5oBGm8q0jUc2rmPYeRPwmy4fSdDmZroJQFfNR5MAciR8RsdX4Bnplf52e\nEcLw\r\n=0PgZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"6bfb214d1f6768cd968026313c7de32009b2da1c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.cef6bc623.0_1642637764532_0.8942984523616175","host":"s3://npm-registry-packages"}},"14.0.0-canary.0379179c4.0":{"name":"@material/animation","version":"14.0.0-canary.0379179c4.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.0379179c4.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"14c96b8cb6129a12ba83a1c8cd032d019c5ff432","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.0379179c4.0.tgz","fileCount":25,"integrity":"sha512-gxdzs2y6pjkEJKBD7KqCMt6s3JrqxVcII2lVzBGq/SeNhptqOus0Mt1AJKlqWIV6SYHZqcN2v8vmcHvLrashvw==","signatures":[{"sig":"MEYCIQCJxRStdyOueJxDoqFagEHMgR6fzIZe8Mb/rvEz12OpQAIhAOebj2geEPyAZZYsa/c0MBJGgqp0bWzJy7RrnkitxESB","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6a+RCRA9TVsSAnZWagAAiXcP/ji2oKBN6vjZmNZzfQAx\neo2z/Pkkr/yQhUaU0QmAi8ZM+OWHRRes7LShUQNbB7O4iRx+F8DGrbEc5w2S\n/h4UzMpxK8sEWOYQW9ZTQsY2LJE+iAloK2ivc7jfI0RQbQZ2qkZYOBle5MVu\nL03sUlBRKK55qsIFSNpjpawMGwlakm4KqKQFKZQpkJJt1e6UbFPnjK65/7ri\nUXhUQRtiDh1hXQp6d4cEVFOW26slSGhagNlYnGwXjCTwuSF8+X7JNNv8N7U7\niJywV5+3K8O9ozPq1mEs1iiIlNCafZ0rCXhktFBHSi2wb7gJOdk4TMZ+cRrv\neNqoqVpzSPK8kuIwtkVbtR+HmWParA+LWM7GUPeLDahE93OX0LSe3+hgI1gZ\nRg8Zeha3K3JFaJ3dWE79SH48cOsEJUG44RKjXvJinN3s3q3Wwna5EOwpPOSX\ne6TLCEX/vmr7Nr8w0tMPDuIKdP7mj8u4nU8Up/S/yTDNSDOEk185bPrREgNb\n1IOa/diUc2odMmVUI8M8L1nRNcAzxGJyB56QS9MfF2Pp9tr79QFxzz0AMNts\nsdIxlVKqE0Z239Vj3C5PxE/6vaK+t850PkQFufnJmdxjImwrU7Dbj6O2jF7/\nZDGtjw/+NYrYWkKHgVxTGtTtOD9qYU7xa6yynpHUX0lFWl3EflN+eUb3PSbJ\n4nj0\r\n=fQKE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"fd62b4e352900f807c8308b282906b51227baeac","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.0379179c4.0_1642704785665_0.2723051207270768","host":"s3://npm-registry-packages"}},"14.0.0-canary.e62f3dabf.0":{"name":"@material/animation","version":"14.0.0-canary.e62f3dabf.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.e62f3dabf.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"10044e3e8702c11a34e49f41551580ccc4e2a276","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.e62f3dabf.0.tgz","fileCount":25,"integrity":"sha512-X5nwJWixghzZVvh83nEiAhqs6WgoRhRbi5x6lgjQgzzOJlXZ8R+hp7a6WjEjAGsxSVjHlk+26NndklQm3ccMoQ==","signatures":[{"sig":"MEQCIHL+8fn0pqP830p1gfQGiEVqR/RQP5Y5rQiscDVADo3aAiBFcGRIDIyce4M0UghxcGvxBfuUQH9uUiFqJ1U377678Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6zttCRA9TVsSAnZWagAAa8AQAJ4do3O/OCzsIwgVl4XU\nnAQmN96IlEhlspQrl5Dlfux4MjL83FlfchoYS+3fdZT9IN1Nc/dht/uQWAks\n/HzGVw+DvkfwlncJ4IdOOD1KeLvUg3FmolfxRSvotdskOv9kJz7RSHfoJejG\nkorTbcjVIDF1cJ68UCX6mRrUqp/zpS9kVvBQEg1Rch3Y19jFdB/q1S/fIfIv\nZ/SrnPzJMYNHi7ZV1jfxXtj29zN8VWypWVdlQJrPGOBbAeN/hmqRJJ7Ms/V2\nG/nrxWxzmkDWv/Va9Hx5Wo3H9YxV58DHp5e38RWGuBXNJUPpKouiHkCnevfQ\nBbIoISV+UhTXpjIALK0+AYjX3JJ6267r2ajrvy4tLGfonrWsAmrcvlwGUQ7V\n3kwpYZZIm5KGiZUT9r7b9m83K4saDT0YMPle33mANhhM8oby1AQpD6TMYygG\nK/7bt+fMuFTlUMXmRwygAT4CVqcvqQUMh9LwHtDH5kvEPYxHPif8BNURogr0\nEwvKybdlpMu8Z4X93TiOY0GSGFxBUmWNCMYBalV5qvMQXg7/KIHD8xQXkBu1\n/gTcl3e/NE89G2aAMgEF9X0eVurQvjkcOLB1N220OhyicpNyg98DZYnEZTSr\nW505MbjsvHd7nhzOJSAB3RHzx8p9ssAmzinYKl71UjaubonqcnR+Hj6+SKyY\n6+rj\r\n=vEBr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7f7d12458af5eaac6bd913db605b5afc3753906d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.e62f3dabf.0_1642806124906_0.7048040599459919","host":"s3://npm-registry-packages"}},"14.0.0-canary.3e20c1de8.0":{"name":"@material/animation","version":"14.0.0-canary.3e20c1de8.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.3e20c1de8.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ac15d1aa674c258f87392e277650c74aa87495ff","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.3e20c1de8.0.tgz","fileCount":25,"integrity":"sha512-btrZVIZlc+0ut2JNZhdDwf7tTh1ryzr5SfuSJo7tc4C6NLPxqiJa7V/h5a8oE99F2kNw4lyL6Dl0hnEF3woJUQ==","signatures":[{"sig":"MEUCIQDRbzmT3Yl4xCGnLFU3XaB+wlhCQqYHMSe5XTp29TDUQAIgJ/7ZwAp7NZ6GGAPQx0V5HwGf2WkcF8mBuLPIZ1tLuug=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8BeGCRA9TVsSAnZWagAAHl8P/03iN9ljYEe538dEejho\nzlYNuPAc85lat3/I5kgALcbqcQCuzsJGxdU1FtLn/8uzSzRpj/+ohVUzG0kQ\n5djJQqrJyVnqYuEgPXizJ9wBQGskeARgdMNsmPYxbquRooPM8n7+LnxEhuUk\nXvsj3nGsVzWTUfbSz62Ce1BE+YWddSiMzbQceMwifs8l/oOOwpR39limHaVI\nl4mGYwNOtbEhsYx5ypR/H4iuee2L9cWRCkDo2+fJyKtJZJeQ3OW6QvqvU9Vv\nSCV8K+w0yw3L1vd7pgaGxgyJ+Vjizkb51IeSB8WqOruvF10piDyTjPb9H01w\nbDsKUddTXcimgr55vYcDMpyFdJBoVcXlOuaNrNqfnBan+8wJJOcoNGdq2igm\n3Q2FPXSTK48pHg3JrXlnsNjKOztukNt6dj5FsfVP6xAuSH/NYbx4B4gG3GAh\nDnLyAobfXCw/eEeoFOdX49PXirUucockJSF5I28Vya8iPWC3BGtceIcMGxWD\nUz6EGEcLEabftpW7VMyHb1Ovn4kVMHhESYcCjkJqYHEPTabJEc60kwLF1RKF\nyHkF4kPdUhk1lJI01wqrOtIrr5qw2UXhPZTD/LAJuWzZPwZlcTCwNF0mqU+B\ng5VfU/XV+MnpR7SADttt931biCsxAAp3nYQnx202wqSnxU0QLh2d8JS+aVSx\nnSZR\r\n=0FJu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"29fe61f3aef5a85c7a462638b6c2b809a3be57c3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.3e20c1de8.0_1643124613774_0.8865855052656417","host":"s3://npm-registry-packages"}},"14.0.0-canary.9f9d928b2.0":{"name":"@material/animation","version":"14.0.0-canary.9f9d928b2.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.9f9d928b2.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"dc0f06b88eaf9ac9ddcbbe1bbd45b0f9299a237a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.9f9d928b2.0.tgz","fileCount":25,"integrity":"sha512-haWQgi9d6LryHs9KLKscink0O6Aq5X4jhWDZ6VHoF5aScXW0dQUWVRVLvlt41+5KeTme1oC4fMMjhG4xlicKtw==","signatures":[{"sig":"MEUCIDCU5Gjp9kFX+qra/U3rrT/FVlNymMJr7rR+a8v+HmE/AiEA3HIIOxR+F1K4zmMk8SFGoPRunozSpmPzohp3Y2Lk1f4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8uBlCRA9TVsSAnZWagAAKJAQAI2GHTZteDy36eien1nc\nqLguKdebrg54YVJwbGlEdKFGnpeVmdDUWvVJyEBh1ZyEIPVX43zYH2dtwzlL\nTBz2DoDnvdmL6VWJyzVa5j3x2A12CUSKIRwDLgoZwGBQQi4zTY2jD2fXRoAa\n40aQe2RAUmqPH3rcvTpWEn3kAX/6/SmIby+yAr+xreWp5xwe6Qeq+swY58K4\n/y7EPKxlOQQeOWFvOSsCzpTgX+ERCEKlUfUHkdxmjYZK48SkWrsRsuolgTTR\nsUYWdrccMEqEAiB8YmOFAOul2+9oSe2UQwdezxAyqZsqffZx25gigv3BJrQC\nEPWiB15PYaH2LB1CVGGtjCgnxZwgFZVCfkliJdvQujt0S2mmDjd6g8QDOHGP\n44AUaHXUqO8w1AZHdB+PCBuELwULkZzaAJu9D6tmSzraL7npdUK4fFyicFki\nxElYgPHklBMvf4PuL85L4zo3XkdeGVKLIEmB0Y7a1ZhIcBxyIC1XGuOhHe2E\nV0qzTkbP+VuYhfD9VX3gtd/oAzAZMsw0fojg9H2+BSr6hp9eOa9GawDQdgDI\n4Xhci1fuYMe5xkFfTaf0MZ6KDLrH9iDDgkAKMsSGeBOuRHlxkM39QuyIfS29\n29ZiAkgqVv+Kzjk8vwwMw3g0SLkf9+Ea9L6abJJ2oTmfqwIZL32y7k4lbwqg\nIXBq\r\n=xz7J\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2983c7f2f01e1912809d6004e47ff0c7c27de38b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.9f9d928b2.0_1643307109855_0.1987268326854954","host":"s3://npm-registry-packages"}},"14.0.0-canary.a2bcb065c.0":{"name":"@material/animation","version":"14.0.0-canary.a2bcb065c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.a2bcb065c.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"face668cfad0292ed2b378fe448d24346a565bd7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.a2bcb065c.0.tgz","fileCount":25,"integrity":"sha512-YiBngD0Ah0vFU/FCG3GP1cFXqZ6qEeQPIPYTF7F2pFsRbd6bY+kDjoHFXJfYtLyENOIOHJsMRyGxmFYRmEWcAw==","signatures":[{"sig":"MEUCIQCqBrEZwPNId9WoF6++GvliCPZP9TVo9rQFpieL0REVjAIgc2sMCgq8CZGZfcFW71r/ZkcvWmqSJEQjp4NrA6ivxJQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh9EWSCRA9TVsSAnZWagAAxAwP/1u5xtpp2gtpYugChsEc\nZUu7hMPaLYv1H6tkgtGnzYKuRBESXCVKjmWPJ+Puc91A738fe/1CPk+xFL5i\n+IWA9ZTq+R0ZrpFd3qhhz2aQOdh9MbRQS4D0N2lV+Di+LczCxCh9ddrLv5ev\n5MZRlBu9CvA8CzvB/WldrAbJ2s1+BtDz1M4dJtEtHe/NPPP1wC+yV4MVmMUj\nGZLNB0sAA9hLqlo5NF9AtQn0WFGt4O2BFzk0gt5N8wi2dnGyVAGqxxL2Z+Ic\nlw5XQnRd4Uur5fi2ot5JLp6c/rW74LE+dbh8p1wzv+6/DQ+IWc9vBErDuWNT\ncSMZPuqFksfFpC5Ww8vXaf2kPphExxBDFIVinpQamQe4D8aHUBN3hAMNf9jK\n71bM+ZySNOwbCzPUBUZzXOHhrfpibJ7mtwTByz3RAFfDSZZgN4Ra8a8ecNSD\nGWk4vFiM1+r/Loo48bowcbZmdQe+s2RV3ahGIf1sBXCl7b5iVx0dY/cWD7t9\nPpso2ydSVsDZos+y+dTIOBugMiMzHPIYHHJiWQquV1NWx6S/olPZOSlAVzgF\nhDUCuN8iRzig+O+NljilzW/b/UvZ61Gt6EYInn5XKgM6CExRmq0rax1QlULt\ncN2FfLkb8OlWOgbYAATr1nsuxcx+8VcXr2JvMq39r5WXD2wBLg8L4q4Vh51B\ngI6U\r\n=N2kW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7f175ca37545bf0bacc2b94f7a18a2a3fbd5eec5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.a2bcb065c.0_1643398546328_0.9722573033171178","host":"s3://npm-registry-packages"}},"14.0.0-canary.4e66fb2e1.0":{"name":"@material/animation","version":"14.0.0-canary.4e66fb2e1.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.4e66fb2e1.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e86e23cab0c2b868d6edef532f10e44bcfe38db7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.4e66fb2e1.0.tgz","fileCount":25,"integrity":"sha512-col2C0gEWrkXr2O4kh9yplSg0QVIt3aK7urbD7yia89LG6131h+Uh7foj99EKsQNCkQD7sfvYJhr53F+8qvAsQ==","signatures":[{"sig":"MEUCIDRFHOWpWWT0pQB4/s1Czf9zK3b4t2T0cnlZXfnsU3mEAiEA30w8+fch8esWORqhQXZNG8O5B1pDKAThktORkn14yus=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh9EaSCRA9TVsSAnZWagAAoOIP/2hcI2i8w+Jdc3GDndjZ\nCoGcQQfnbgodWo2soxRR6JDOBr2ATEiiObAQGv7FzUC/MDUnDv8Wh3EsKOLQ\nJHQXeqDWEHdU7JtIPY1DKvL22J8ya2/jwVLUd6Vz7HNFt+2Hp6U3bbrEk5kR\n3VbR5KJAJ5dALJMuoaYBk4Ch6iJ/V9LGZ5qcDMMW4eZqGYieH7Xf5RGa5GMN\n07XRsVymk5SeSI/ioSc2/knXGuaWLxCbwSmtBfjYitFYfrvxNL/HYfCSeppw\nNDw4fsO0oBH3CeOaHXnrafpv/8eYyeHdjMw31Jxlhvv0HIInYzYumZp2YDlQ\n4YELR6NzuuGk+UqiM7agSh3JJJHAt1W6ztjPsoQz58KJnylSqNfOLc928x8z\nfdSm2CYiG2j2fHTT8DMMcI2iS+ET9C3MJyPdqg/VddrYq2hEdjxZQwNhi+wU\nIkSXRyAbL2RjSEqsdgucdBA5XWbnCijQsOSBWVy3gCEODSqj9T9a+YXf+GLA\ncMLaffQ8SwGjn2NNPMK8rA6fT+2u9bJfDEZhpeUJdc0z/M8itRMUDXzZR4mz\njLmd1nBonDLenK1yKxpfFNNnleisCOk67wx3hxNFFKdkorPKoll+X7Pg9K6h\nn5WzmYg477wOIDYf6NV00Tm2ySFbEjBHhUUqqzxKKsKSLGBTTbiGHi8uh4D+\n6hwg\r\n=IriG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"edee6a64c210815507bd8460fea3df2591cf0d65","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.4e66fb2e1.0_1643398802797_0.39521243879418244","host":"s3://npm-registry-packages"}},"14.0.0-canary.9736ddce9.0":{"name":"@material/animation","version":"14.0.0-canary.9736ddce9.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.9736ddce9.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ab3726329bacf3e47e1958599e850e2c618a8a9f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.9736ddce9.0.tgz","fileCount":25,"integrity":"sha512-30ROq5iS6ZWp5llmpsqX/rDcOZ0renzziP98svDIE51hrcptmXx5FPpR6MCOmhaPvs97BoeE22LFS7i279FXmw==","signatures":[{"sig":"MEUCIGBKWGv1jeMafrKidC1XU/9E962CRBzc5QM0lA1Y7wqmAiEAzFPyCEDJJRDsNMIMDXz0beFRQEBDS/FgYUh0ff1Q0Ow=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh9Q11CRA9TVsSAnZWagAAZkkP/imOWb8r/9OzULM9hnzP\naI+oiydFGVH5efTwPy6u+4JkKMWcRHqxqnrVsTaF4upxJLYCU/+2N9FEM6SK\nvQrb6BVsMhzcyAvZ4BfMiLPLUk8Z1v0DGvbkue8BIJ8HHKLkqeQHcZpLkSl/\n1CeRPLKHHHH1V1qtWTpqW8+amu1EHTsp5yxfrLP/vC74am2Vh99x05xFSTKK\n3Q9iKaDR10CCDVGtKQMOiQ8gY+cTYKUfx4IoHlMT2DkXH11MbYh5ZVq/XQTj\nb+WJB4r/Y2uI20aAVtfn6Mxf29WwE9LwhsgIv6lITgbPO7pCvfp3Jhx3KmZg\n3xea5pVlBM8qDBmx5AMPI3I8zhFEVoF4zNHeAtJmFq76okwRW7vZ8ixNf4+X\nMQ3sU1amDzgLkCUa11Wx3Nk852Q5Q9wisIxQ2sS2p207Y5SvkTg9VPYOEUH2\ng1GKZhas39GpDJjdQsRnTaNmm0/9WE0jotXss72V4HRCEjl47D7Agu2rHRJx\n8hiVqRGEC75NA3N29iV8/Tqe7gS3Eki5xRzejT//cL3i4oGjZrD5ev4RAeaG\nAx8dQ3uq+qQ4Bql6MQGzIFjGXA6Z59e95I5ofsfo/PEph+Y0cEV/yEsEPbAE\niESgPNaD4JEB+p7uRVvshzDW2PmpcmlAIG92WvTJAlZqDpWJh00qXnPt0XzB\nzbzF\r\n=QS4A\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d76de36ce796a981bf5e48388104bdb581d17529","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.9736ddce9.0_1643449717031_0.41927985440991766","host":"s3://npm-registry-packages"}},"14.0.0-canary.cc4ed13cc.0":{"name":"@material/animation","version":"14.0.0-canary.cc4ed13cc.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.cc4ed13cc.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3429d9b22257ba44f2dd1805cf870270b97a0c44","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.cc4ed13cc.0.tgz","fileCount":25,"integrity":"sha512-ijUiBQhmumK2xZ3XfkFnRC5QMXygUrmX1xesppnq+dSGAEL5wAFN4xO/r9cYq44b2iZzyvrOvxcta8vmm4HrvQ==","signatures":[{"sig":"MEUCIBKT5GcBQY7QpqwCpcB/smmJfnvQYmTt+jNVZpaLWNhpAiEAykJVVLKJGKMHOarq1bMe0XSoutdtaXluVd0JwurjcXs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/W6iCRA9TVsSAnZWagAA+gYP/1EKCmtfCSY1hmX5KE3k\niIzAMRuLgUYEK01Auwm4Ho9ihaTmSgAfvmIWf4veMc8DRXnjK4wfP3BRcd/C\nlWAvEex4Dzbk80e99WevmQ2FPZw5HHtQpvP8ZviJeDhjR4spY2RiwTcaBMZ9\nct3UvlxUNP8naMskujIfci8Bi1s1NE/sdaMaEqzdhRDIQxFuEPRWcBJlWGQl\nQCnf6xDeS0PIeen297GYFKtFDtsmflnksiMv31LKmLGmNqE7hKWgQNBFdOMn\n7Sz194pksFrzuuiX3tzp0p4Mxl3eQoxG25XuP4FnL2mylE+utLF9GRZRmdr9\ngXPNFl3LDbLzzrnth7da5xaRun8l4EwGa6pH8hxJMU+aBymIgwfgsPPuvByw\nNKzkZUvHqkjwWpdCLsKvaVLVY5vurYsdICD91pEvGSmUHlcLIYEkimkqjaa9\nBHjs9CCWPvXQ66RUlpx2/A7pADgkt2I5olR1SiHi5bUAukFKJK+uiQRNKS+A\ne0fJuFYnZ4zky9h2dMK68ou5kTZi1uuZ45qZer15/4+h5dcP84AjfNxIV9Lo\nH9t6reulKhTNOeboLCrvHtXbNYh6JLUIWktcEAlUU1k1rJyCjVKws51J6pqa\nnF6KVUY8eMhecsiUyUsBOX6rHSyYfM1gQQ0yhF91PiJvvJXYhN6S8DAQUEWH\n1dv5\r\n=rVpY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"15c769412cb0230363c372a7d45bc6bc10eff8e7","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.cc4ed13cc.0_1643998882315_0.8426804915447363","host":"s3://npm-registry-packages"}},"14.0.0-canary.dcba26fe1.0":{"name":"@material/animation","version":"14.0.0-canary.dcba26fe1.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.dcba26fe1.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a8e265de896f5a43ff2db0b1d78fa9e742347830","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.dcba26fe1.0.tgz","fileCount":25,"integrity":"sha512-i3mZmGLY2eZNv9GSZAA2fPE1HDNV8Q4T25P5HuMiyFvPVBXbyaqyKhzgK+2DGoywfpKdYkIlSWWpzMYPVzn9Jw==","signatures":[{"sig":"MEUCIBkAON0EpN7ERafb8E9EvT+F4gLgHyObZY6K3VidDXE7AiEAq17rr1SeOEUERfpKaHIhpHNZ19Q72RlJGTdxrwfFZ9Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/aDkCRA9TVsSAnZWagAAbnsQAKO9Pvs27abEklFm0REQ\nNZeRKDYfa0q1u7EWCVaXm4nwPC2Hq2HnGQeQFQeg0YavEmrfcDTOokNr+GN1\n9z2z+AJaA7E8dSiZBE2XbgGGrhmgcHLBIQowv0urogi6l6k6ChPoOfJz/AYY\nXH53Z7jBZ6vYENr2DpY/GmVqaX60OVlvoSE9WC/j8UbKjLbh75jQkFjSwoi8\nY4BDP4k0s2VZrmkUPblE65pm0edFEbeUmHhTJm1zv62kWA4zS15GxSCobx7O\nR21a8W6At2qWHBEIEmuj5lIdGarbKwfD7IVQHOCcXCNuYPs70JsMONn78rqp\nFJLMWO40JODni2o7fY6lvSUw7B3ZM1UNQTAZYmqQQF2JkM2EAmD/6p8igidN\nEJNfr948okPDgqW1CF6zG022IR9SbQRMXWdX39AZNUDsjjfgg7dPqrAKOMMu\nyvC4jODD34gR0kNfsSVV5cPUIQB8Qeq6LPpHEmCvlCIIuefkXjQdQXMsh/Wz\n/0J82BF55nkTce+Xxu5E3NLpnOLIuDKaczoPUWyAtMxmyPNNAM1WBxRMI8bi\nlJs9ZGsEimLFOhIAynOklkATZ2V17jGzs+Bw0tEdl2LN0maz7eTh+3YoKtzt\nauBwxLd3oc743lhzVKLEC6EakQuJlmPG1latm9X1pYCGezPDLYE2sooBcWyr\nwdIP\r\n=OKC0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ced7dd56d5d3b017288f0575d6e773c03f01d0ef","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.dcba26fe1.0_1644011747965_0.5924760973175824","host":"s3://npm-registry-packages"}},"14.0.0-canary.ec54d9046.0":{"name":"@material/animation","version":"14.0.0-canary.ec54d9046.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.ec54d9046.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"70451cb9403aabbec4b1a69053bc497ecacdb8c1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.ec54d9046.0.tgz","fileCount":25,"integrity":"sha512-LwHH7JHFizdqjQddr9BKrm02mmkSARn2KelHoslPQyykzJF2IDT1XfwEqTuhW06Ed7gcEOaMU98CZIfYwCK/XQ==","signatures":[{"sig":"MEUCIGDU2+pbYbCDqkAx2cBAMVY6zhWUANdL1iNwDgTC5G4hAiEA9bPG+YgmAeCaxl9hXQ3R5kutKg/RE+LfuNTSc4BvEic=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiAT5+CRA9TVsSAnZWagAAfOsQAItPXLah0D88VlH3+cEi\nwS1V13If7X2oZaDVgYD9J9VO4uHb4+R+2Iw+Who1nWuov9rqAiyRVWDBGllP\nJBs4LXyn6u95c7eg4+5Vt/cJVdB/An6rGMndbQ/cs3C7+oCh1WjltEtRA8JV\nUR/PwoJYlkYAW3Lfg2l/fOIGo2ZVa/E9vZyPzx2dt0pJPTZkJECH1Wq1XVYw\noMEEYWhgmsMVFipiLoBTXv/u4Wj/opUcpc8miJFXtbHOgW2n1MV+ZZbgy6yR\nJA5rMjhAZ1ETeeVzMNzGGLHejxl5BNW8uDWlmEXfpAPimGSXSNebUHcFmbGb\nTkuyknAtYPbZQdZziNSSyy6xv5YSjgjxTvripVw1HxvfPg1hbYG9rHrzuP56\nYJf+jQf6P75xtZ+ML6QLAXaCs/QHror0Olv0Vqgw2gVkyqj02EMvmQl1A3lN\nNqF0ZNn6qp2GhLMkEci9tDksgFLatjg1DuHj1FBhmK+8SBsFapG8uDGu1ZuX\n7ser/ckMu7qoHNEkGfWnog60Ty7RfSEeBn57vHLFx+xwMPT4NHZP/vl1gLli\nzLjjzbuJL1LUrNSvW633oXqXPLQEAhZihRN7xDB6SKSoo/hwdTeLLHhlFiC6\nhTqlVnBLHVdKU9lL9yeWugSpULFiQmeN6w8YVxohWOvoDlUg1cMMlYkTPTD4\nZ+JB\r\n=sEil\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"68f6bb151595e8790d7092842d6c137ef93ed770","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.ec54d9046.0_1644248702791_0.8526087499209667","host":"s3://npm-registry-packages"}},"14.0.0-canary.ea9b5b463.0":{"name":"@material/animation","version":"14.0.0-canary.ea9b5b463.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.ea9b5b463.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fa1cf5729bc09b2a9008c3839846033d1800b456","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.ea9b5b463.0.tgz","fileCount":25,"integrity":"sha512-aK1Pht6fF8IHjWO/f2E8hWPPuc+wH6pcaAh58WMrA5qOG4rnSzUFsSZ3LrsUgiD7MWi5saKZAFGzBmycqg1uFg==","signatures":[{"sig":"MEQCIG+pwWfNliCxFL2pOLUDDtUm/+cELw8kk3P8/7WtgVsNAiBYFAe70YTHfT8IU2EGmzkjWghYTgFS/H8fcxZCsm936Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiA/9MCRA9TVsSAnZWagAAqCcP/1DWivENANh3J11Ikm8W\nW3XhxfvDnMzksNIUgBNX+1iVA5d8Sp2FoYBvQzmEqtJd6+aQdtFKWvMtAqXD\n5n7S0hnW2a7IfP43t+ZXFrVlVc2kAUh6WIMkderhUqq8dcGc0cvUQLD1Dfib\nEKXt87K2PVy4lg4JbDATUQ/fHKtVhsMq3V6S6RItVtrk9JO62aplFVMxvuvc\n2djIOTVvQI/0R1AtoFwypCHMs7X2Gd6p/W1O/bmDHcHZDhLtYLiGkljWfteE\nNm6XXqJiXFlsxy3rT3qoshS5n5YrjfyvUx6Gunr3Y4PxyvTCXrD/hZwqcpu9\nCj49SSzvX5AnCe9xf06hQCNVOESNBoBcQCzTGSlWDNQI/EJJZQe1hODrWORr\nXfYgw3+HuUr4eYdNiyIYNprTFzwAUPJcGh2/Zn8DvvybCcpM25oNN7OrV8Av\nbPWygl/pqZpYV/haOTne5WIdllXbfSSmEQLs7F185jj1wyHJ1o4jgF7MeJG6\nRan5nT3m2G+jghe6mWft1CEJwxB8dmxDtyAZo4QrAZkp3NMXmiq6gkfbTckh\n97Q0bVSMjxX9ENZ/yMRtwwc2+M9DeymJMmqjcDvg5lamWhgHo0/x2+X8Mdg5\nzFEMcJYhxHoWbQoliJoivpDgfSUUffpdqALwZh5c3nDSe5mzi+/DqhqkCP5R\noXMM\r\n=cnjF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ee827dceb9fd1c47516461b8ddc28b66702f2c04","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.ea9b5b463.0_1644429132396_0.029387053873405566","host":"s3://npm-registry-packages"}},"14.0.0-canary.96ea061c1.0":{"name":"@material/animation","version":"14.0.0-canary.96ea061c1.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.96ea061c1.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ce349b4347d79da82e6b1a7143437350c4d2cb78","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.96ea061c1.0.tgz","fileCount":25,"integrity":"sha512-DT93YEVrtvWZvXec3ul8jdrNcBW3rbjATSjealOXkfv+hJ0HWNbc6lCOYFHWsCwpvk79ThO3YEVmH89fUlaavg==","signatures":[{"sig":"MEYCIQC9k3yU2SgE7coHhy9SLJXn5/tksZ3qg1kPZO+7VSQTAAIhAKrrHZuknQlT8tElaMCF7mbfj45huCgP6dP52UpLps8i","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiBA63CRA9TVsSAnZWagAACGcP/RHJwkimdymbdnMGnYBf\ng9FZJxag1zxIibAwHjxpotHm3ycoA0Zra06VRuLq8OTUBgZnoa6V1vq+sJ5Y\nAP+/TQ4epqayYQ/vzhFnQwtDmNtnR14oHpeLEwxhxg81EdaijTsfkrlzzZj0\nQy6cMnUD/tiDAE+M0NSffEJ7urtGI0qWAOQfcRAS4c7ey32GEoi4m+FP7TA0\nuNddSC00Z4H+LFFxGSd2L9s0HZVvuFsiSnAoQSu6ZVEnkcmVW/vg/Ll7xyHR\nRRwcFUCmdBjwcx7st6HNCrj38D4zTD56rnBvyImP6AYjnY67vh+zSFphqHU7\nq7oag72fKQsq1Jv2fOHEswTHUv8OTQ9elW0hINHlYs46Zzp+mGkJkPtngxj/\nZ+szHDRCvHoF7wL/KbkZOfoAF2bezbdJVa650esed9mJC0LR5bLvzVywr+pl\nEinQeTygzmsZzdwmgw515U4FkzeMeCnsfhMhFa8g/WffhpIWp29QHfk81zn4\nkNOv53JJc5jn2iT8kIcDUPpeDejY7meqat0iE8t7SEnTXpvis2Mwyd90fz0J\nuuC+ROnbkVI7vnVHpLLqcFUehP2HGjH00Kaeu2pWdCX9vg43dJXHQOcPlxN8\nYEoSSjkvM1oYLUXnMNEqoeWR6qfi4eFEb49JOjdUIRxt8okg9+GBn11spnu2\nGmEN\r\n=SH0m\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b1a410c21f8ac6405b364e437b5af7eec06a2020","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.96ea061c1.0_1644433078708_0.309663917280971","host":"s3://npm-registry-packages"}},"14.0.0-canary.e00181e59.0":{"name":"@material/animation","version":"14.0.0-canary.e00181e59.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.e00181e59.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4c05a0516e2e223686290dbb90e40fa24deace13","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.e00181e59.0.tgz","fileCount":25,"integrity":"sha512-aCFhItg/DLXF7rgX648S3Vxh6d9DtGta+ySEsZXybFrAAwcDj6nIAA5YZMNZhJ8phSgHGm8XC1wcWn5EcvdxTQ==","signatures":[{"sig":"MEUCICfdJkOFDG0vea82HTBZRQgpF1BsbGw/9L0jPiGPsQO+AiEAwQem8+bkE8GHB1nVmfund6rC76fnpwQYEcz3rmY1bsc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiBW/8CRA9TVsSAnZWagAAjpIP/3/no9zlsHTL3xXMjiVQ\n/QWVhNtYy8YkwsYLOzJqfKb01tx6ZZ98lYI9NfbTXuwNv4d67OdrCpz7/Ezi\nwYBBboKC/8AspwDAt0t4YzgSI+np/qHS5FIFgVJtNI6ofSH4CHH8DywCxTDf\nVJ/KfeO5PuiOEuaXFTMhsvrfyCHhuZP3ozbGxBwzfAPLreLbmv77QG77hNwF\nuAXfYqpEpy8UNZJwDJ3APTlhP2GgOwke2zmYkZQlcsDhUMLAhJKHdjzOowvC\n3XUK+Mn1uSk3VWQ1mNAMHpZiGC2V689BxDNYZwhlIRnDuJ0ispnjrK/8Z/S5\ncxwSAY4OW5lVHzltuh7d3rKGH/yk7oRCW702vnGF9j9V17wpmLsL4i7vLwum\nSsNv3U427iNoCtFOBO/Zxi970BiT3KgizpKAneGpRjhIoT6DzMUOuKDVa9Rf\n5rQb4yeC+88zV5tH1TbppTHaZ/LsYeDL6wmTp1iepCys9k0PNL5mBraXhm6y\nTsRahliyArilsRlTJjpodzrsXy8uQelICzcJFSQXLieoL8FUicMulk8wrmE3\npWzydqee8oORNt1ZschGlTu5xlz+XCULoTQyNKl1cF1ssjcKSvZpfffO330s\nlLClcODvhA0f1IiSxch7RhfOwmZMm6kn3PZfofM7VH78TyZxGS+y92qCV2Wt\nZqr1\r\n=5G10\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7e9ce072e9ec1ce5820d347b59d99209542a2bfa","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.e00181e59.0_1644523515847_0.291717264896326","host":"s3://npm-registry-packages"}},"14.0.0-canary.037285f9b.0":{"name":"@material/animation","version":"14.0.0-canary.037285f9b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.037285f9b.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f896144610295a3170f89a38f805b4f269a4de44","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.037285f9b.0.tgz","fileCount":25,"integrity":"sha512-+EYPEtf20I6MT20gARhlTITZEeAnZDny2FUDlCeVVk5UvZRaJzltUkc+mVW+rPKTtljUySrUw0AQTh+hwQXX7A==","signatures":[{"sig":"MEUCIDa8LWPwOj5ZSBK8LvOey3zpsbRsYua7+9SDigywW6vxAiEAmdPX1vaXrWCCafMugv8RoGmIGCJd+uEQzC8scnee71A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiBqq0CRA9TVsSAnZWagAAbAcP/3x+x8fNLopNQrhi2mOF\naCy5fOkgDdPiJZTG/TFyS7eRC8x+oXKMDUcYHSprRIns47YHFmnPJuC8A183\nBcLLMnj9oPu46qMy9HRyRAki9FLEhqmXYUi4nkYWlZnMwIVHTYUp0UheTyC0\npQAw+CuirCxr2GBaYcO+GKSz6WHm0p61E5IQ5PzXJIW2oH1gV8fli8gCyhdL\nUnbYNHcV0J2qSP+aIV2ZLKHewdK0P4FZmDtmGFS3VzATvb3GaGW94ppfCWZ4\nJfJuBION1vlVqj+ipPwMejFxJKdfh0pS438/SdPBP+EMof8P1H0gsGBKXBQm\nCXrUxBRDQMv8i3xiX1d5yd0ayh+R4VjCSu3RjBxkJc+YDbvH4TU2wPaTv3RN\nZaeb2QtaMXIeXmInPXpZTfYWNa2yuG82A/KMiVUgHLuavYV3C65FbQT/Uxk6\nl1UaUis/ECpX+MxjxHqSBn68SvKvnBiI/kN8JXIR6P0ds2s2kg39d044Kpkz\nI1GK6CQ0S+ePpMsLOQyULLKOGVRrapxxClg+7bn0H+Zf2FfOuC7NZ8LlzbHC\nFRKQZevx5ZMBP8s7Dxge+OtirKInAFMjtGf5drkU9iGxG9UZGOgrKYAE2sWV\nqr9cbgw3SHdzTS1xyrGtEAi4IMibzf6bjgI496/oHmJfutOwpZlGqK6mkS0t\n8u6w\r\n=tn/v\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a9bca201560da3f96e435e6e070baee148bcabe2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.037285f9b.0_1644604084690_0.05490288339006999","host":"s3://npm-registry-packages"}},"14.0.0-canary.1aaa68dda.0":{"name":"@material/animation","version":"14.0.0-canary.1aaa68dda.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.1aaa68dda.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"832e3d6079045a19427f507ccda6a84a4456b28f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.1aaa68dda.0.tgz","fileCount":25,"integrity":"sha512-czvYLjA5CoI80IFrNpbmOvwgltYNXuiJN2WQGyT8yHNf77A5Tq4hDffzfFAqpeHiQxrvU4QFgTqe4oGGvN3gnQ==","signatures":[{"sig":"MEYCIQC0DMQDmfwLxdU0diFmJUu/Fk4JF5S5jZ3Zqoz+zK58NQIhANF4/vDyYFjAeqD/tgvSXf3POXXPZfw14r0SxQEaHirJ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiDVTaCRA9TVsSAnZWagAAdtUQAJYNgqZJpSxVFevJV12h\nd3Djw/uGoX+B+VzNF0ZsKBXuDbBc6E+RBB2PMcnyt+gFw3QzU8CEyOVIAg3M\nUfg7NJRUt7fOicmrq6XibQZN0ORZYUghEwLQFuc5ilCQdexawcZVu+4hwJik\nopZVgwYObVlxegRIJ3/t5QzpAtjdNAx+O/9CU34L3lJwTbtuYSDNha3/Lzz3\n4Bcdv/e1e7TztDo5IegPNrIZ0k3nTAoSAqXfCA1UkmvSvjf1dd/6p/QxQjKf\nYHPHyYnglYH+BPGqvvMmmPkoVzhxNISDx2rD5E7/YpgCnceOqLiNGOmrYd+r\n/GqVTQ9ueS1MjIHQU54os0gc2qPCzLlwz4691HFYZgmbUtKLno/ZRCD9UXa4\nWF2SqlEadO/NaIwHK0/d+O6vGUq0WyuImAeifmgHqnY5wXIsGiyJ6mxmUMUz\nD9+OWg8xMqp63P2KNuSmE8/Uwm3D4rv7GXirr/TbLm+ZwEN1vo3Skcn9GF4n\niWGb7SyLgWzsXjblDlWNI+6w8Ops5iNhoACDqc64BmwlXfwHfaLOFZKfvmak\nJaGudcJEbz9kfatk7Ep/W9w+UXRmGFDWOzXbPEFmrWYrbWHeTD9R/Dx8yQSz\nB/NRmOWHolmYoN3vhaI56SYFfH8gzZMuK9cmd/6OQ+qhA75273gRiyxPOD6s\njlfC\r\n=kb+V\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"49eaedc3ce6f1f8db6a6929143c077e8f65694f4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.1aaa68dda.0_1645040858453_0.12119660110043862","host":"s3://npm-registry-packages"}},"14.0.0-canary.ab4aba1af.0":{"name":"@material/animation","version":"14.0.0-canary.ab4aba1af.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.ab4aba1af.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1687dc624e2e539744efcafe3be4eb244319de62","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.ab4aba1af.0.tgz","fileCount":25,"integrity":"sha512-X8ZOW3kwIU4H4iprIBowS+kKeC2iJ0BAQuG3ADVn23P86HEfDPp5jkTqeg/mmTMbO0SDiWo0bqTDhojRIZ8VXA==","signatures":[{"sig":"MEYCIQDntswzP+TpJli+oa9l4nh0xuXFFlPri8Fg7cRhOfgfBwIhANz1iOmrgD7ABI0dsBZKdL+AJQotsLCW01dBMrhHoyZO","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDpC2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp23A/5AKTO6m6CjmPHaEPv8vSlI/dHH0788LsMm0153j0BzAbBjXte\r\n80EqFHwG3uy948NHsxvOP1KR2SqYxyXx+pK3oYbH5sLfTSyST9S/ZNUnKtKC\r\nqYZjuU/TOym2eGycqVc9H9izgqiZj/UotbVhi0/z4qavtvPEF0LAET1ubhXT\r\nEjwSuQb3RbSSEkyFmPj+BuWEoqc7STOWfPQo1W7pR9CLvXhUJiBurmbZIrez\r\nbaFbxsaPTcLKalxNjuqwurf7cRPalDKTP1VwNSU+X5+ZCIhAwqMnYRbrQQfA\r\nNd+keDZUxMLaZd8xY3+LfAy4sBXxwJFvmgEmYyrovKgF4MwJBmZ4GFmzkELs\r\nyAH9qU/ckC3GKXJtyfBU4I6ffIgQEm6e6Nu3f9T0npQQjvnw5E69urUQWL+F\r\nYgmnJAN2WfePq8MyzHuDUvVDm5bvkU0x9fedmDAK/30p+fAeKnSvzMliaAp8\r\no8jWZrA4oSR7M7wlhMNPaM0/xgB/HHcmmp3keLOJj6NdPH/p6BOxJ7wWbCqN\r\nB2uRNmKUzSyhAV7pP9vc7NBtHSSYH1szsPqQtWdAXa7NDvqkxQRwVaU0725W\r\nvnO+pTatC6AQEsum14IbELVP1UJ3swUcX4ehpZGkq1JzfiFWFHOCB1HEuwxE\r\nTonTazRiIqZ69J6ami56qzTgip3Ba+6Fr6o=\r\n=xUB6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"89aa095a35d4a006012f1de893cf181c5725f676","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.ab4aba1af.0_1645121717894_0.08575373266481146","host":"s3://npm-registry-packages"}},"14.0.0-canary.e58552c6e.0":{"name":"@material/animation","version":"14.0.0-canary.e58552c6e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.e58552c6e.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"620153452603ae738434d3c7dec1f34dd5dcc690","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.e58552c6e.0.tgz","fileCount":25,"integrity":"sha512-iFB+qzFNGF4b21mO+t5vyg2TWrvGzRjBFQBu78ANGYboOf1ad66dMPETFIUanRUK2f+Aq8NKo1nhn6BzJI7Ubw==","signatures":[{"sig":"MEUCIGs6TtQam6+yu07536jqIssB80Jw8ln3loDtiUa3iKBIAiEAxMFKJGclxVmUYSTFBGfxVX/gMA+O2n4LM0q1ZFZDn4w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiD99bACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqi0w//fBv2AQxXxFnxE34CCeQS6ZA1zo7d1QXu4T6HRbDX0x7N3O+h\r\npyQwbSpXP81XMp79NOll69GBfeAVYEnqpG1Ue9eyGpOaK5p0HPr1C9C7QZaI\r\nPY7MjDKR0aqdH4YmqkuXsqUuPLkeSkhgvFXupjaO4rc1ySuGZNLDqhjPhJBr\r\nxIoW61sxBVEDSwTMXwZo9pkWmuezq2LSUWZpj+nBCXRc+dMlloYik40YrHAz\r\nINiVzcFzMvy/UlKXgFG35524RoV5i8VO0Dag5FocHRJsWAMdeivvsePP8rRY\r\n9iVwaDaSekqajNSkStskM6sfwHQ39nmMVzbBF8vCXOEWhbZLoYVpYaYQrqMP\r\non58jaSNbq2WWsjSh3Dl6QRlWqk2fU9PjIu4PdBEDHtCOUX3ZkuNUQ6Ve7eW\r\nYgjPiDNgbofcoP8cUfsxyxx8RxQFsjn/Idez8GQ5T2YvqgDmlOg0KLJ67mwt\r\n+xsW1/Kek8u/GGEEmyM87/r6LqQSCAw+SiPYEYsv6HlESQeBnl3jSAWHZqoi\r\np/Xpd5yKnWd9mWZxLAcG+pUYQ+jiaJcTmbm3vt7D/xx+R8TpqT+OZpamczJB\r\nUpudU5SpfhWok6y17NDR/+ahi0r2yqhOkP9vRB9En3D1pKvOsKXh7CVYIipF\r\nu//0YTV5pRqg7zz1nPdcESkzpCdse9bDXdw=\r\n=yfpU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"6d5c1a026de93c3896f05529594e5b025f79a060","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.e58552c6e.0_1645207387705_0.655731466575499","host":"s3://npm-registry-packages"}},"14.0.0-canary.868793776.0":{"name":"@material/animation","version":"14.0.0-canary.868793776.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.868793776.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a5c979c9a4f9f139213e32a8f037d555870ab21d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.868793776.0.tgz","fileCount":25,"integrity":"sha512-SMafKt5oLLa7TZ3f/R0ElMcvp3zjH7ZtozqqVxr4DV3ebeLpZVTNA9KN+F947mPrCLr70DabXdMXr3Us46QidA==","signatures":[{"sig":"MEYCIQCwML6bAmi2DMva7X4PfbgI58uUlulkzLUd8K4YiqVzrQIhAIjvaGY1WhMDgFF6IKBUuNMvSATIJ3XTLhZXz+oLt8vh","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiFTq1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpkuQ/+O10NMhKR4RK784SJH+tZfcbbJWOkXchTEt/Nj50DEWTcDash\r\nE122HnRFAIGMAct4Uyol7famQM4AjxcP40NUGh/Hw9yAaoDleSBBsZMR5W7e\r\nfq435pfpiPOfifWmWxyFCboF1nDDSl355gEeVs9EvP8hSXCX6OYowP/k16Yc\r\nGBIo4x0cE13YR0Lu4Ug0zeMvprAD2202xQW+fOTOzz6YQAVBqP4a/YV6J+we\r\nRvsUutm8KYR995PFiLLYJtPIyeOEoeVq4/3a4wEnWpDOWszEIdgOmCVMJh1g\r\nEnCbxWPVLOUK+biiFfFrIXP7T5IJFY7jI7a/4LNK7e2Ymh4gDOcIafNfu/5F\r\nqDdWW/aE0GwETKlDqXi0EG1HO/uFMvo1nWlBHE1JsB/FVH/9j1Pw+Pl+xAdc\r\nGJZ81OsH5WFizcQxx3GwHB4dNMIHMald9joeqsrL8BPx3l8kLqptRpw2z235\r\nkWkm5/sq67rw6NoPSexpMIyuXPjYqtbiHF5DGqnvqKXix+DT0qk1l6qGb12W\r\n0U7DW6CSqe0nV18q4ln/z3tfJ7JdgVMHjKTRbj+C5WLwZoeZxz2UtN0+yjYU\r\nsuvBZ5wGtNhNup4RlUZqVKXQ3wA31dcG2ZWNlx3076Ce+wshR7spNLtWtZON\r\n4mY7HtTNz9p3uKj4pqCgAFRHGLStgGipUJA=\r\n=W5BA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"78272b55e375cfc80b8f288ad4bcd4bba3d8493c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.868793776.0_1645558453290_0.8155764591699342","host":"s3://npm-registry-packages"}},"14.0.0-canary.fdc37a445.0":{"name":"@material/animation","version":"14.0.0-canary.fdc37a445.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.fdc37a445.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b1cfcd34c8dcf9993302e9ed3ae14056b8ef6f14","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.fdc37a445.0.tgz","fileCount":25,"integrity":"sha512-5UND82sLSYOx9rLh9SOIDJcDAJ8ghY6omnqPIdZZA24m6dtLIBxMOxETizr7Lg2d78A/RvJG8LLNg7UB/oOtNQ==","signatures":[{"sig":"MEUCIQC1g+xjXIEmzWahL3tvOWViUfzmP1JXNXPEezjNnXB+lwIgNzkTbxqZH/gtSQscauP+Q9qAJOvvgTAb71iGprK30as=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHRgsACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr0gw//QyrGXuiWaHUk7d9xZc4vA0fubSyNNPo4c8KHp8ej2GaA1gSM\r\num4zeSfquxZIw8YFjZxVMLCXnro/E5SJJj4aZURtwXtkqDfQtZTQ3FHGVSMp\r\npxXv142hoWoFoeO4Hlw7kPFxxOJ/LX6KW6hrxYKY4xzInH8xn0gNrPYRB07H\r\nlYPW6DjNBJlzxzZlvQPeeU1+SnULRFwZ127G8I9cfzhnJfrrdOrjxISwZSy8\r\nITP5hpi4qtNxl/bitpPPF0DyAMlk+NEV/WmdgRIhsGIqsJD1vobQ0NkKOv9j\r\noGQahzUo21hyxmWkw/VZkpOozal4IoISXoGRlkHWbVKcQ+CxscsyENFKkaoE\r\neQmL4MwG2rwpxLJjsdYnjgEJ237BM9F6onRdiyTkf89o8wTjreXWbKEWO5ZH\r\nVrBnJO+2yqQ3tz5gKj/rtNYx/kA8xiqU84VjVLR6Nt21tG6MNpSQuTuZPX4w\r\na9SDJOIHg179yl08OEoKYMllqrnhMChkGiWLddbQS0iRjlnl2An8a76UgNhb\r\ndcX+W+bQYeOZz1x0M50K8ZfT5X/KCB+J9PFUn736DzgdFsO3aHJFRB+lcn/e\r\njlhQXWcdOIhbKyQYcYx0v1wGDNgh3Jnx6mvu+yYZyowbgvpDAGcEZ2KGQuCE\r\nzbGBLx5nNBCGSqub6569qpiIhOQFAyviDj0=\r\n=Y7Oq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"5a8fd2fd927d036e44b0b22f48d858fb848e504d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.fdc37a445.0_1646073900148_0.8115206761655582","host":"s3://npm-registry-packages"}},"14.0.0-canary.43c7d87dc.0":{"name":"@material/animation","version":"14.0.0-canary.43c7d87dc.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.43c7d87dc.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"00ce779a5a9f89d7cbfcc14c78443cf45dc9a768","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.43c7d87dc.0.tgz","fileCount":25,"integrity":"sha512-EB1WWXzQu9QgszHZv7chKMgMofATORsV90uDy5fRxJBD6HgWgGLdZazk45TxJbFMHrxnNvTi0QslfVjDlUwEqQ==","signatures":[{"sig":"MEYCIQDcdXvV+STP94rNT4/OEx3zdcMkxA1L0ikjsYfxaF+YVAIhAPeltKDuTsSJtmGZl2tV0fVw/q5r7Jt6E2pWbQyGeh4g","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHjx2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoO2Q//eOOBrdsIZNkn2NHtUOoAYBOXTaVPO/Qh5REfGiqwDRjMiG4s\r\nNjAVL9cdnJUusFRBygI4CD0xxblcH2JEGZ9DZLv7VBOIJk5B5U6CJG9L/Bfg\r\n55lPF3pqb6CV+QzSoy68KvlMQ8JzwdtV7UVWwSCx9c4BGnOENG+PoJHN3jLz\r\nnC7wPNTUSjCAWxr22489J6bAQX2//ZKUDapn//YWxpqTIk/H6p+4kcmzLGxP\r\nKQDeNy5AtVciE10bDmfQDw/X7+HvCu+zX2O8M2UD2aglg07A35xPC+Zz//K9\r\nGVHS4ivarDnh0ZcSWghlWdwOttG46NT5K6rovhCPgl3vJ+9cp50A19nMoEo+\r\n+3Rb35pt7CI8296hHicIERkpcdZI6LhyIiaTBwpcAKijY21JYB3j76+oIqis\r\nKb4bthZv9NUObgUtUy1nZ/xNiJRtNt/YqUw51yhaCZcVvuUo73wTAAdoCYkp\r\n1ucCZLbGagJ/AD2PsofUJUf+Az/8ZA64Gu5pFCmGCFMPzlg0MRWN9ZCfMIoP\r\n+RRj6Fu3+6IT7/u5P0tM3e33awJM1v4GQmpfqMaVIboAOQ0GPjyU+MLYlFdM\r\nyshijSnrFDLQ07bIOfU3YuOyZ3YhsBFLUNpYbTUtQvSHp3nLIhveLQvecZJo\r\ndfcJ7Wi1EFiMkOh8M1UGt30iFN+wv+gNMeo=\r\n=zLeA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c03dfa84e200bc6d570c73762d7ce507d0659e76","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.43c7d87dc.0_1646148726158_0.27688229797182884","host":"s3://npm-registry-packages"}},"14.0.0-canary.23043acd0.0":{"name":"@material/animation","version":"14.0.0-canary.23043acd0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.23043acd0.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bd33e1b06119fb7a05321b09a1bc1f90b1636385","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.23043acd0.0.tgz","fileCount":25,"integrity":"sha512-TGcJh9q7UpSP0yh3jkB9z75tJO106HtZM0R6hk6v89GQtaIdwxfqUOqfo1nhWZDeiButTHYrdPKN4md5BxTKCQ==","signatures":[{"sig":"MEUCIQDmNMcJzUmV1r7b8bpD+T/7EKi0hvDmu/GuDSPR6O8b0QIgVbXj9fIR9Qa4ND6Hg/uKUZBpk1WwcqeGeAj+SSdHsNE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiH9L1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqR2A//dE3iiNVmmCP89kC624oAt488Aek7SHRX1M3PIj6zRImzfQ10\r\n4FhfHLTirUTEpja8U5ep6rJaNEl0SCofhXiH8VPXiiDBDt1xdPFfvNWNg4+v\r\n9tUp4GCzWmDwsz9H3SYu/iAxvilgWaL640CqrzUMd+wwOyODR2xc1JhjRvR+\r\new1GHrtXXw/6yO9GAa877hH2BYuOq0QqBywtGPowlmtBJGReNFAwHCy+ZuVm\r\nkjxCvUSa497GvoR1SVAAdv6xbKvjkg5g6a2MUGI7gVzrdlkN0L6LAr13eFYJ\r\npIVEOZE+ZgytQcV1SW7LyAlJeOIxVZ2Id8ZDQF6UfkLyl55fmfPCdz3jAX9g\r\nDuY0BI1UvCI9GL/3OladNc+Cx7OtTjGMa8A24YFsxIfHKVaWu1u7ENnZQj06\r\n5/9+FKZH76UfaGFHXCN9jmyWP0jW4V3c7TGjwSQYzKW5386zhA+jd+YTokvp\r\ngv2PGBBgyr771KwgAL1Pkd8D1AoM9Ky6eglxt8N3T5fSn0+0F5HYeYnuGRkP\r\n2HH8HpTKBo2xxUO2sfZfZ0ELnYIuxNOyLQ4W3ke6BxW5bU8Sj+csF2X+f4HI\r\na4vQvJfngQImiL9syjlROPzP19xqkJyFcBK9yXSC0CJcEKsr3yd85vsqbtrW\r\naRveGUPEsZWmOUegH68eUZZEr9S3RJjootc=\r\n=JVu2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b1cfc3908c111a04a69dbaa90966642093f79e86","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.23043acd0.0_1646252789463_0.40875159675548467","host":"s3://npm-registry-packages"}},"14.0.0-canary.6505e61c5.0":{"name":"@material/animation","version":"14.0.0-canary.6505e61c5.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.6505e61c5.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"27dc7b6694faaaa219fe0eba2b155cf0443cf608","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.6505e61c5.0.tgz","fileCount":25,"integrity":"sha512-dhmVAJ6NQybvu4xdmd7Pt6tU+dFNioN6ZppLjjLJ5HXutcXHhNJQEtCdbPgJkghYRpumo8pz6MSvF799mJZaLw==","signatures":[{"sig":"MEQCIEtVfzhHz3LYK4LpgvXxC0ixNeSFA1DlyFBcrytINHePAiBRMvdkcuoQmeTxoFEfVkHtv45rrYBhVdoG81c01NgiYg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiIR4QACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoKXg//b2g7I0MUdLTxkUXgtitTbMlvQr9rkBsM39gKnmpH7QwtrsSa\r\nnzbrUEilxMXZBrfhehSMGDcYDwihfXQxPeihbMz0TFfUOJfSU6TSMBEHKYyg\r\n5W+LTfl+gKs6XJ2VcXcibgCw1Ug/54k+i6P5/FzsgCLxX0gj+PsMMyNQihyT\r\n/DoWozpUazxuPq3wbF18TGKLDFEbf15QjChIk3S7Kr3eh2yl0k5bCZA5ExZV\r\nQb2H+zVC04rSjM95I5uUHpzwS05L+ZnRvsc2dsq8u13PmS/ss2OK0sdDpQT8\r\n0V1hu0im1RlHZC0N2hAA+Gfg+tf7oYg3n6F/DQnXI2RP6/3tZJ6s34jeTvuW\r\n9ucum4/7SamS6ZUuJ0x/U35BIk2v37wM5XvlFsJ1KFYg5Qbt0yi4i3q/J0/r\r\nUdAxOe99KpuoS9yF3wgHUehOYkWh6xTP1Af/w0enKOCs7yecGAQobgl1s9ku\r\nzaoqxzzVE6+JmJeDViFSW+FM0GudagmenGnWY0A3ubqYwtEC3TM0GCT+DAjI\r\n+tkvsCmTuCYXZPxmLK4neAtAnsxrQXR+hA3iDB5pXFUzsJo13RffBM15EbaT\r\naGMQ9+Ckg1zQ0czH4K2WZlHuBpKnSILFEq6TpUoCA8z5O4azsxL7zNnpwwPW\r\nV09mYX6AZIgDfFGDBucwcEYhuQHi6ri+B9s=\r\n=PgTl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c9070f0099aa35dc2460994d2d83a8330b996c5c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.6505e61c5.0_1646337552124_0.9016540109892206","host":"s3://npm-registry-packages"}},"14.0.0-canary.16c166154.0":{"name":"@material/animation","version":"14.0.0-canary.16c166154.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.16c166154.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6e7d97a3127a9ba83f0cc0e0472df6ecd1f48e04","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.16c166154.0.tgz","fileCount":25,"integrity":"sha512-T6HJTqBmBU7bmRjPbYOLwWxVDKmn7N5/jnVF9J+JAOgIweIeFKpax3hIjvJCxQw3IyivteQUSe0L7hlXvegeXQ==","signatures":[{"sig":"MEUCIFziznwWf1szzKlDREH8ka0019dlvPiBhJ3jNoXJFaSHAiEA7RuWuYsm808HcoFfxcQvg/nZ/hzyAKB7AM3SHg3hw9k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiJ+TyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoN8BAAj/jS/xrntgn/aDniHTwb6ZQVO4dNow721KK5kCxMcukStR3b\r\nMeyKH+FQ2WsOM/4jXeZbttn+IbATdxXUJPMn/ZRrPsy+3nprUQYi5cvsuMYk\r\nGms7PCXH9PNnYsfyrx+O6+1sXs3TW4t/BXp4xJQCj0rw0MNib5ZJjAQHj++g\r\nIQ85Dw1W2je5ogfhA87/gHUHCGFnDT0FbfFBEyCswgN/Bc6xHdBxuNhN4hUU\r\noXgFigC57bONcL41dPDlLhemp8tsLO3qVCPATUN7VK1d+q+ArOi5wZbQMnrq\r\ntq13V6lwzl0D7Pm5Cu5kk3B21Rjn75OK5DVHAjweZgzUcH+b3WWDrPUQJ1vu\r\nb7vwJtBfAV5mUyq+p6b9oC5hlAisoAEXmaY/cFn29GZcwHLgBXZtjhYuT6lj\r\n0+BAS/fDpx6ur26RbxeEIjY+yIGgz0VnwshiIXZYDiBeRoLcT8ppcsMzqijV\r\nZl2mC+USUsb2o4MFyLtPEtDZoqo4FdOLIHKHLm+N4HGhE4AOmFzPE2+DBXMQ\r\nkAVY5oRG7OY+Urxd/gDYHwR0zELpgwQIq6uEGluFcitu79mWUGdf6VJIpuRh\r\nBMmDaZ7J7Ixf4mJV0ZTzekBp/aXaXJJYEdjQwzraGgPIZMeSVZ9LS2z6TtMp\r\n/lYk5EaFgNx6j8P2sk0WXnZYpnWPOprs3rY=\r\n=FVcJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"dd1bb8b4a67220dc0120ba2dbdac900e51002949","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.16c166154.0_1646781681870_0.8549293517973082","host":"s3://npm-registry-packages"}},"14.0.0-canary.bdf1d3771.0":{"name":"@material/animation","version":"14.0.0-canary.bdf1d3771.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.bdf1d3771.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bac62544adeff1d215133f2d9497c44629c4a7b0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.bdf1d3771.0.tgz","fileCount":25,"integrity":"sha512-EyfFybxNPv1ANvVP92csRPAyqIOFj0i9TzNZJHDphDzKbv5+Hw3r0xVyCzpYz7Eb/gaMGtSrHr08dmplC+QT6A==","signatures":[{"sig":"MEUCIQC2BYPgeZTle3omF5ydRntGRjTW8scekfWzEbOxif3hPAIgRwl5lVh/dRlM1V2OcS9MfTA0xQg1RuB+Rg9JJxvAYKA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL1DJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpwFg/9Fbkjgm+yBo/xu1m22O/VZYoKmpCYaXihtb9JRchtfvrknc9t\r\nrwci/c2BVjbWV/CCEki2TTlW4W+xNJ+1MGptDwCjjIKBdkvrwtM2RJ5N5yV8\r\nddL7i2yQ2hWBBq9MPDCRZNlMSq8IBjwyHFeROgAtm2XDJ/cAh1F069gVgt5q\r\naTqEnU6/DUGi1SNCwHF+sohhYdUqHEVv2K3tO/QxgKkjX66ShM93iC/h4sKZ\r\n4G+wWKqr2tCgv4qXi8QEMiZ9cG955Nh5Q0orIYK58h7DaOJfJgV0ac2RT4Y+\r\n5z4FhjeCk6KbSWwh3UQM9VQAa1Q/KSCPPb2CKq6PeQ1hnpv2FbgxGUYRwdgP\r\nljGt3hRj/Czo9NNUxMmuKjPvstE4ciiAGnvU1NFhmp37uIvpN+oDekmF6pg9\r\nQPRohGPoPLvBpCbgmeqW2JIIViJ21KOQuduna8SDkVPlyxp9TxXyC5v8HC1r\r\nQ1u3b9QkfOEYjHink51eeNP5juH42eG6Qcad+SWh34noXpldKmm06cNzvp31\r\nWv6+Gy0EnUtl7De3QyUVfamMVHT0nGdCxWWxX4nAGNGi62CsgYxzvSOnzuMa\r\nUNaOGZ+1Bycpfh0kOIW+mh0+tdijtNnC3ErhvUqWsFmc9SIMLsy6RKAIWew/\r\nCaKp4mrFvaV+iTDHOncYJg5So+r1HvvQrKI=\r\n=BuzI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"bf598649c7389f49207c410e58144f75a67cc4f5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.bdf1d3771.0_1647268041711_0.8535762905789286","host":"s3://npm-registry-packages"}},"14.0.0-canary.cf4292778.0":{"name":"@material/animation","version":"14.0.0-canary.cf4292778.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.cf4292778.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9594b9268d42395519bf35035b7012b39afc0121","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.cf4292778.0.tgz","fileCount":25,"integrity":"sha512-30qRPZZC9db87CgaeOdu4TRqwn0gk+A7CRbVexQEHFdmBhQAd8RlE1CQOeGmg/biIApndXwkQaGd6whSlKmVhQ==","signatures":[{"sig":"MEUCIQCRN5IKSPYKdqZzCK+YYpFBkTbis0wMn2FHhp25GpRSdQIgUMs9TYZkfcYbvD5SxxEP+irhsj54lOIvhb0RqPq/3LE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL921ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqL4Q/6AofQOUB7ZbYJd/WYAATyqkLxYXegpJ0juYUlDXIgWOuqZsoh\r\nwSWdjDJKMdlCvj55dzFDvYmLPUP5xzFIfY5b2jiWPGt+nvQfuJWMRoYjOGfw\r\nqHyaZ+sSSvRnWaKSnKX7BlGvltwouj9YJKY/G6Q57XjOdKEoHpASfsQa1txQ\r\nkj3g5gbZ7TDlAIwNJUq7eTcHjPR2J8M1T/9sTFJ2icXh0t4XywZqReqlaloz\r\nt3hc+baOztPQ2G8chcxkWNd8y6EPtoTvYqPfzQA8Ks59wE/EMfNwpXJFM+KF\r\naGEwkLYKzsZr6n3sU3U1bXHHkSC9yHHQNY7CXDCjmMB9Zpg93SmDdmbL6yip\r\n+u95qWyoLTxBUC3MGxcYeC2OYK5HLN/RNYtrGjJvUQOp8KrIhfXoxiqpsYwm\r\n5rf+4nMBcXdA6pdGc6oGWw7m2ZGJ/M3VolcJrpGq4tDQsC9XRrJxrPrfBjZi\r\nw8rfU9iz9YvQtawoEPkXKD3CNDbzxEgQFx3n0X+Nn/Q3BJlb/Vda4cf8sroe\r\npMRLM6JUEb01kn+l1iHw8/G2IK77AZeO4RadmsN3XntnGyusUQ/c2C7vVGtj\r\n3fhtFuOmB+TstcaXsR9QC+IVr77eUtGwiQqqmwUAZYp2aHIhDIv+Zq/PdxHF\r\n3CQlmGMPtcGab8M8TeVoscoparT+kNMrsTA=\r\n=cUE9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"85b1d5db9650586ff51d999fc12531d07489d13b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.cf4292778.0_1647304117167_0.9020270545170268","host":"s3://npm-registry-packages"}},"14.0.0-canary.bbd43e0e0.0":{"name":"@material/animation","version":"14.0.0-canary.bbd43e0e0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.bbd43e0e0.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c79bd8d1b96062271c015cbf2d2ae277b3bf4438","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.bbd43e0e0.0.tgz","fileCount":25,"integrity":"sha512-DZ+izjaZN6XuJtftX9dQ3ZmLVGLVeCWw69wMBO8I3sp/Z/1Fcdh2OlykAQnFeW/rLk/zU59nPjFVhLYZN7juGw==","signatures":[{"sig":"MEQCIEvGQLWteS/QXGFpGdxnNt+Rn5kgON1s7KrXVzdxOe75AiAR3cKORoP+auQcheQHcPunK7O3kdPrhjaz2SvitV1rTg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMk1CACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmooAw/7BMhh5l/pnvaOBe5WjqTJo3lpWHXKfqsBSSguo0m2jlmicpVI\r\nLgvcKCs73yZFdowt3WDf0w5oeTebh25m2b0sb3Hzyiz3Mh5Rh8D0orSbNHaY\r\n5E0+uq9jlAHcN8O2XfjkEgsXDwcoZF13P/hzY2LbiF+Okhfbpw3svybRx9LQ\r\nl7+eJb68SkrAA9PhIy9oeAdAd8Z4ImL3Zr92Hvk45Fgl6NYxogy/PMhpIqLs\r\nai38lyqzYOSAkBaSc1t8aPqIxeAv3khwXvKHBgIhtNP6r8PhEQk+d5vQzdFs\r\nevp/j0EexJcHYBGcnRiqWKtri7Co9T2NKgXW0YQJJKWqIOTKz+D3NeS8XfHe\r\nJb3jCKn9KSgVp+CPj2LrLOmK7rDRKNJ9rl8hulUiDJPitFaAzUw+SwVJOLfi\r\nVJ3jdbfZaeF8XSv1Er6/XK7FdL5OQBh2Ge203QPbeGNELmc3qR1G9GVkPKZd\r\nsgQTAt4roNeMPxjuzHp69tNCgs6ZOhKG/chcgqPzDNdW2SVQFQOLo0IC1sFO\r\n/dl8XUPYbF2TM12bCp64pjWuJI+LNZJeYU+Z67dGqYTghnZPRjk0Q980PDbP\r\nW9ItynlIIfHoEcDB8+wSHZC59t/Uth2KzXOM6bfFrF8FCoCeqtaORpgbBC6G\r\n+dVTK3Idolapbm7rjfGfiCL8rJsgUmbkk4g=\r\n=2Nxn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"bd60ebc6c6267688058726d6f98421b0e815336d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.bbd43e0e0.0_1647463746500_0.6113240198097194","host":"s3://npm-registry-packages"}},"14.0.0-canary.1b6afad86.0":{"name":"@material/animation","version":"14.0.0-canary.1b6afad86.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.1b6afad86.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f8fd81de0cae5f017fdc34947bef59f3cf4462b4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.1b6afad86.0.tgz","fileCount":25,"integrity":"sha512-0K8gJM92YW2czz/9hEaDStHiJD+TUWNPKIzb3YzRHt5KyjWcq2ETLNonJwZHN8z+WEujpwTbUz+06nsh7QQv4w==","signatures":[{"sig":"MEUCIQD8djsOdZopPdUKAQCBMfKeNvmCUYrYMzTU75IxmQ/3bgIgMbfNnV0XS4PNWP2mmfKsPQubhaujeql2Cp3E3W5844Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMlBuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqYqw//QFBV9uFUtcm08dh1D48Yya+4bGiv63+j8ATm+obOQBPfUrI8\r\n+0ITAmlKcyFRsHlw2ecqXz5Q9dMdypjFaks8eYaTe64O/DmSYx92ZKz313ev\r\nxZkmTsCF/1kHpeDgkm0hIwHYFJyuBmC3H+WYGFmVqjI6VzAC6G+zMZqcz+F8\r\nzjPL4zacIEgnaQeZMrXAxiRIu1dq2NHLlFEkkg9CLt8/vYuk9pCSU7eKdCln\r\nuZR+UzSI3Qbuzx+ovn3lwTgH6TR/IviarrnfLE9alJd/GKcVKpkt1Ctq3FOP\r\n00SMQ7PnT9I4HemxI+DDwwLVPPwCPU38biOy3Hsqk2oh/KjymWgm4zpjJarZ\r\n9EU9b/qSNjgteVGAEhnh7gyq+4PFYbA+qfFXqQpO5FYXeqNaeL8Ggz1uaPJY\r\nnfgbJPxEr2153cbMhf+hZbdXQhi+RMRhAV1ayIjCwN5smOymSxMc66v4p9BD\r\nGZ+u4yQ+BNmKqYRjvMNMXoh/OkDGA9gaq/F/tq6UtnqquUW7lsPhaX8CTQVs\r\niMZds0IVS3sA39nYlNNL3+hwOT3ULfNkniRBGN8d9B1smmVCOsXlP+XOpkf3\r\ndCM6N+/L+KJWPkjuFWDc+i/YiPIbO1x3LYnR4yAdH06T0Xjw8O+ju1vBc40P\r\ns6plJtppWVPrfgsUvQX9GDiw51wnQatpwYY=\r\n=IVhl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"5e32cc72145fa47fd2155c83c81cfa7ba5e27db8","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.1b6afad86.0_1647464558291_0.7305122026510409","host":"s3://npm-registry-packages"}},"14.0.0-canary.bdf9d4af9.0":{"name":"@material/animation","version":"14.0.0-canary.bdf9d4af9.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.bdf9d4af9.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"46f721dc98498e41003bc126d7f365bcca6cb949","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.bdf9d4af9.0.tgz","fileCount":25,"integrity":"sha512-kbzwEOtrqvVPCRQzv2xiv1zaFGUuCjM5Fi9ThxdpRmBQD3mcW2NXNQhuWdMjywrLy8C3zr31y4C22ZM9QzUrPg==","signatures":[{"sig":"MEUCIQDkDoSFtYe4Ccn3QJh04bREvxJOi4/3N5V9GVkeKYrG9QIgF5WLMHJ06uVmI7ltlmmIzCaLW44YsEAuQALkjwDKEPw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMlPGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqeUw/9EWL3rFliY+EgefLNMeGBIvTe7mOtDgBy/ZwEbx/DRI8623ZZ\r\nVSMfosKNLTK2xpFA9wQYtAp322PfOsi+f22hBd84xYFLw9Y++2Tqg3tWnzB/\r\n3pbEcNPLt7Aqaw2lHU6O5wOWGsPUG0O641HTyRJveYczJ5ro3o5QiY+PMdg6\r\ntr79rOYGoVUhqo+84pckBYrez5juAg+njceuktnHuaN9DC23DpF9xwYtQTze\r\n+/frtlOyGuSNAHKHsx8F4gbuT25bMbwXBzTVEAWmCZ3JjQVlA22x1QSdy3gp\r\nEb9pPROToQABXMY5zRglkhUPCy3XrwYe6G2wDU4qmUZYq7FS1O0MNP9eUiaN\r\nmwpPLWXWpjrQgqcgUCmXtYwyVrwEESXFC350ddmQWg3J0zs3vALVOn/H/B+o\r\nVZFsgzJ/8PImIb6nAyBDk63Xucusgc6lr3UpXWvypBzl0V7LPmTGr+WUnijJ\r\n+ils7WqsYNF9S+EgzJP/em4bs+oMR3Z2iuclTzb69e17IfRC2OtaWrxTjkh1\r\noviGApytDOIoE82IKYuC/+Lx5h04XvFnblj7xDhA4Sx0VjIrtYjW9RBFZ9Ed\r\nJrfgB7kkcMSoNmTlVJQ0gVi1vS5N0pkkxq+qYhAnVV9P5LE7TmRtpGLaLnMz\r\ns2T17FVnkdIZYS2wTLDglm+2FV+5myU53Kk=\r\n=2XH3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"413f4cd271111f1b118401821eb4bb38e7fcbad9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.bdf9d4af9.0_1647465413861_0.27781474693065134","host":"s3://npm-registry-packages"}},"14.0.0-canary.32b391398.0":{"name":"@material/animation","version":"14.0.0-canary.32b391398.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.32b391398.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b2794b003bd315cdad5e9cd30ece543e244d3e49","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.32b391398.0.tgz","fileCount":25,"integrity":"sha512-eVEVUHY5l+5IGcCTW1vqgR94Dt8mC9GaQq19UGhmenKmdPypv9/+YbOcWGlQu6KVZATuhm+OdWOhfF4/Tu7phg==","signatures":[{"sig":"MEUCICirEwTchcIgq0jPjtZb9PpwpC1A0c8UGIgW1CRXRzbMAiEAk8YrCMKvOtSWR84a/0t7Z8VQfY/36umOzi65v2GzLdM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiM3axACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrACg/+MRjKO54d1sFK3/A0UTuwmhPnpj9GNzL1jsFLM3JfY//Wazl7\r\nsks9IGfkJsWFMYygASvyl+Xb+DBYnoEqQCfFpnB+S64yX1rfrpo+7hwcm78y\r\n9WwqtCFkrbG8x2V6dMLB5ExYKKkt6lWT99ScPX2cEeCM4qW4CCkOK9F4dXPI\r\nT8cCHuDRY7cmLJ1gg/P2t2W8pdc+bCCIe4CB7KmsvRrOVgWgKsRPr1/h5PbM\r\ndxhf6cgctdbsBzq640lluNzudG5BehgkakXnwUDSAtMn+0EFIa5UJnFR51cH\r\nzhkUu8WDjTpuUYwXRkwM2ng7eQdqVMkJyjCfPSiZGvJt1cVlh9o/f5AZl5pm\r\nB1BDVd96BVHj8+woErwNYMEmvBtXkasQfew1A1gBzamQL50h+gduaZQFJeZ1\r\nz7GYhIMilwSTARnE82Ix9mPVCLKzhe12Zm7mlcLg+GEWuseoZh/I6suR27tc\r\npNbsGZRBQh0BAelDhgdoJU78OPlfn72b8QcqVLYHN2orKbuZf0mOOne/Ga7w\r\nqS/VivfkgTm9f69BdJpjJMFCiBqsi2FRxAbr6bmHywaOmdiO0Ls7KM0+YOff\r\nTLEjTWu7Dg9rHWys/Gvzq88LzlgRxuiUXzSysEcwnmYr+rcpWxvMnHUQpy7Y\r\nrNs2vbDzqWBN+bZL3pfWUIX7rWxt1A/nbg4=\r\n=SIcg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"8a457bda7a5cedbfaee9da752ba2dbc093b45ac6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.32b391398.0_1647539889838_0.32071606920942775","host":"s3://npm-registry-packages"}},"14.0.0-canary.ae8a6a3a3.0":{"name":"@material/animation","version":"14.0.0-canary.ae8a6a3a3.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.ae8a6a3a3.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"20cfd37e8a48970a56acb104eee9c1245f5cd32b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.ae8a6a3a3.0.tgz","fileCount":25,"integrity":"sha512-/8kYkLkDWPXOROhJpJr2xypfoNwOFewbR9RT7bGMqYhi9vrB4fYMc0KqTaCF4ozOelNax5rXKXw1NnSWsQoKOA==","signatures":[{"sig":"MEQCICvCU5+9STAUPWpygvGaa1q31d3luBuYx36I7D5YxZrqAiBMURiqduB09yW/pNWepBFB1nyF5SmTeWInjCYuLfvs5Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiNLV2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrSvxAAniZ1wuwcU7spfpJ1Rkm1MTnNmMgvG49xzPVpnajI+AU7YqF+\r\nYeD5OFrw0K3iKd4RuWtwzKJgl43qhhGTu8n5+Bjx1La7m6v9JTx1gOPUMHJu\r\nySnRjmQS2CMGFTLua7pf4Ug9Ep8JCFtb1qJmrV9kNc1nHDdZLQe3VFooQXZF\r\n77Q45DEMKXhOcxSF3tbYXFZ8+RNHeUe+PK0sqoTpv/BeGzVebdTncZ5UjT0A\r\nd9GthYTpQYuxaYujcA3A2O0Aof+mcDCSPvCSIJEfLd5vuoweWgpY4X4fC6LO\r\nsTdkPTciUjC/jzJSQqdTocBwKtx2eVnCb6IEGjieNbIF1Vrdyh/q1RF8WYSB\r\nGM2lPxrd9j9Lw+PQG7AKV0y2tiIp62VvyOKHwfeBQkSutzJLWaaxlsO+DIil\r\nfF1s1i3PJSH3MPk/SM1S9WT6tcfivgENxxEq0rUMs7j6n+UDokk1m4WgBaPY\r\nWOmsIz2mXi7zGcMepJuDInGjQhd1AH2DUcguuFHs92HZejW2XHokxbrf9flU\r\nbtNLf1IP6bKrKKvEjerdSvXnO9G1E6uq1TZWHW1lX9ropfVqbVCV0fMLAu7/\r\njKIK+fs0SqCb3Ace4FvhGTEkowx4SU9lzs1C2Wpc58BarpHp9+KaAFI40i7N\r\nR5fXWUWx4+BPD3tctC7q9EPd+ypteaVYRLo=\r\n=fkjG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"783283a1304f941e05b3ef25b9a589158368c595","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.ae8a6a3a3.0_1647621493885_0.3128374602322963","host":"s3://npm-registry-packages"}},"14.0.0-canary.cbd9358a6.0":{"name":"@material/animation","version":"14.0.0-canary.cbd9358a6.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.cbd9358a6.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5c4959bbbad1220a98ad43bb43b1d4fe0340c3a7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.cbd9358a6.0.tgz","fileCount":25,"integrity":"sha512-BGgyI4lfB7/FyUXps5vTeHGl/BZJ8sGr1Ezv1PWOkqY/iDEQVnVbcjcEggGWS6QB5KIm3eUwfgWHbOitDJ5YBg==","signatures":[{"sig":"MEUCIQDUHr8RiS6J469f0zRcsqO1c3ACP7249U3S5gC3OpOMGQIgPIVC+1TbgFiz7PqGrJGSL/6po7patr+Zt/kZskCyYVo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiNQzVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoH0g//eKKnQA3ODR0YPzVi5qboJYQfrsSapxqg+xPUpn/UHh1CwXbl\r\nTFG2gpW3hQ1g+Ps8iMHrQuOUAaa7c6aabUqMGwblOfyIcaCrKR8xycWC9XTQ\r\nv2CmxIXVMej6kyviMaJnQirC7rGmyk4tke8BuOPuKc9IvYLF6CuoTmlxeaw1\r\nympXy344hLb2fu1s1SgDk16ClNNiGX4tvmWsBQEl+DOyOmUwd14eQaY5Tm44\r\n0fiknpqoi9zoAkgy+Auf3q7Hbu9Zejj6C2kpuv7qd7e1dgS+TNXu2WzBBuz/\r\nBS2LdKocgvVN/pbkGlsYidxaTTlTNS1Rz59ZCTzXlJQtsV3sIPt9PVUpHPv0\r\n+2/3MAI9OTrd0qYt7RcL/HtrYmuKgkPKOiyKpatbnmw+urZe8hxfygtna72M\r\nDECD6eqHREVbbJtSFk3v5pwk1/RwavxfweD3kzBbm1Nx8qrYJ6gmdHCd1fwI\r\nwWR1tbXWTiEXsYy4stNwz5BaxsQmesrFrWWM/Ha5/YCrRh1X4mCxlgADQBBG\r\n+6xBkrSMN2Dfj+1trek2Jea0FIKEN7gxjtPil4x12EOa5WU+B6d1Qd1F+IdC\r\ndbdl19YootLHl7yD3EJKlOyieULQO6xGMnh2HN1cvSeUXDMEaVWRXAXhCCkO\r\nnhAShIS9jypj/oFWUh5RAEOR5l3CDh/0RRc=\r\n=PCjD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a4296a048e6aa0c1ab8e8d2cc6cb8321c24dab9f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.cbd9358a6.0_1647643861622_0.3274972296262564","host":"s3://npm-registry-packages"}},"14.0.0-canary.dcfe49c98.0":{"name":"@material/animation","version":"14.0.0-canary.dcfe49c98.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.dcfe49c98.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3144f98e9763d157bfb8f584b8e5aad9139e6d63","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.dcfe49c98.0.tgz","fileCount":25,"integrity":"sha512-ilaTfn/QxciA/aJDLzYYsmdc+qdCq54K6GgdYa+4j9Cl3AZ2eNgctH18/wSt0IVNJO3m22jqqoqaVgutCvYTIg==","signatures":[{"sig":"MEYCIQCyaxToVDQ4TitmxCn/CBJhgZd+D3baKFVn0o5EwG69qgIhAL7Vl55A5Np1mnKOPxb0qJLq3POYsO+qy8bLgv/a+W07","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiOMc5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpWvBAAoeOnyeCyXYKtz11c3u/yFnRVMTKWWhZntxz5DrEN45EU7O/W\r\nQBTJP7JlfETg9S1nAQHB5XCVWz83D0UddLY3Quu4OCZk6fC3z+MIyfQbaKNL\r\nz6nEHIJacFqflAHwVNrXRUPgObeoafelUkWn8/5KheEV9Ek49hv+OjE8dANe\r\nUD0IHX1yXHYPB38TsCqa/EjGfOBlrDw2WruOpzE8sXysXNrFw/eAjpz7VUp6\r\njdwihznloWlP75xOUIaQCrxfOAwgt3+SAKewcYO8e6sOB7oipTKmknL+1oxZ\r\ncujvkzbXLDgpOO9Do5T9ZPG6rnnxlYLAD3Ala0A3GrzJtbP/OGg06z2aeBC0\r\np1dTKzN5g4D5IrYr0wh5SvNv1MunlaZNXOl5kq36IwpwxkCKldwUtAzzl7rh\r\nY3S7Pgu6qX+8YLtSFEt1jFSxq3z9gG1ic79yKnKIMvMgmxQUq6SI8DI173Ng\r\nDzTCQBh/Wdt9uS08L84rZ3Ktg52mvV+uD/8nsIXi3+44EHYW8RcqdepTzSdf\r\nOyaI1ZurzcpI33Pyx83cQxKOG1BgjcWIfkdD6U7Opaq7CqHoKBBIPQ4e/9uB\r\nE0JJAJ4DTyCK2Hk2fXj8whvYiR7zxZziFjh1hDllALry2+VuRBSz7xhM3EXD\r\nVS8DyRWbYHF5zdsqT4J9Z90dMxcbR9nwtF0=\r\n=fAhU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"5b68455eaf6aaf2f571eb64a1d8a5edaba58d37e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.dcfe49c98.0_1647888185736_0.1607035517008779","host":"s3://npm-registry-packages"}},"14.0.0-canary.f31a833fa.0":{"name":"@material/animation","version":"14.0.0-canary.f31a833fa.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.f31a833fa.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ccd99a1b29ea9ff1c526ec78226442739de69e2b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.f31a833fa.0.tgz","fileCount":25,"integrity":"sha512-IyVG3f0RHFSQC6T9Ry0iWz8nkvs2r8U9Tlz1t+7Lb0DBFAhRwO4P/Js7aXri6DgndgVhFMVj/Q8kWwoYwtnWaw==","signatures":[{"sig":"MEYCIQCdDccU6Mvi2ulDgTuuAEEC9GqoAznh1YKq63e8wAKF8QIhAJIZZcH2wxlQZJzTQA8EgmlvuXzi9TUCmJhKD2Gyuue1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiOm6kACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqmsw//caaZh/0HOjMyVrpgHcyypQ1aI1xFlplgmh7lHMeQB6VOMsKM\r\nBKLOpPnkBYPZEzrlALkQSsNSuLAOYOR1MIwBO3pM2PH/zzB780fUVbWi+yB1\r\nsyBqrXFwd0bqn1Qp6KtAkJZ1a0PavK32g5l80A1Ila65+wtoUq3qecHpbJTn\r\nIkRTI6j6FYYtsRoTQQKYfZv9civheNjUK+9paX66VNuAln3iiUbWc3WjKr12\r\nuGwyMJ+kjymI9wUWnMFyuC9XJ6Ky1EwxVyZkLJa7yb+4VnyGSWd/G4r63KEP\r\nBKijGtv/EWVrGNOfca9d0YB82WS99LUb61aLR9jFTtBzQvmoiRpeivQjATHu\r\n7c3Y6PL7oCY31tiCWCbeAA9YytAHKIxHyFwzszheqU7UVw4JOjNXbfoVwAck\r\n/6TCFVBQxpXvrNhIlVaTCMk4Lc7DOjh1ICyP8I33uZI55Hlh+zhGL0rtxdTI\r\nHsRJJvrcCUyLnvbyNYMA9WF389SHcQj5e2ymQRgAJglwjKTlnpXNhddYwx2/\r\nkXD4pLG4bZvDvh44DIhX+Rb2ClRh/i3Q9hKP8FaOwdQc/K86nAhsWlbQsAY6\r\ngc4lh/Ba5p74aVLXwaZTHNmW6sWtfr0xKSZoiBiJKb/FKvN8jP8pI4RSx3c7\r\nRXlzbK1wZ9DnI09ivsYwdwbg8UPj9S5m8ec=\r\n=xcD4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"28572f217366c634964a133bbf0ee0b8e88b8126","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.f31a833fa.0_1647996580789_0.9122379596074248","host":"s3://npm-registry-packages"}},"14.0.0-canary.4b92e210a.0":{"name":"@material/animation","version":"14.0.0-canary.4b92e210a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.4b92e210a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2d9eaff0931cb62cbbf877dbf7a27cd248ff4b6b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.4b92e210a.0.tgz","fileCount":25,"integrity":"sha512-I2OZBwtfj3prM7zED2DYJ9fXjSP5VmdD0tr9p/MeBXKc4BPL4B7pa4we4gZwlchMwyncRKOw+cupp/H6zelZBg==","signatures":[{"sig":"MEUCIQDmDMg4Xu5QsfQOv1AiUurvnXc3MQvhi0TkaraFdKjTIgIgMGHU2fn2EdGYjRxTImzL0PtwUB4tXG8Dl1JyzmiBWUw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiPNHfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqIUg/9FijMYbJzZHdexIahtw5mkB+mGo3hsPnggiwCaTCsslyd8yEa\r\nMx43XDEH3FmLGpPDGWDXcAL7IN86vRgDn9ptp2ZnwU4uL0IelgEoJv/Ep2Kb\r\nWEJcpbrMwF+H6rPH5bZHAy27j50udvvP+eDlsKaW7gTAYM0BgNVApRHg1VnV\r\nFtsuuDwl6n8ItjfY5uPj0g6G7UQPwDyWla5aSX6rj8/BA/06Ppf8AdCZNrzJ\r\nnO8bPSrrabGYEFGP3lJvv0t1K8ynTSwZE0Gpw05jh4aL+RJ8OkT6KnCkVca6\r\nLSO64rr5+5ZuYQkbnAbLm+H4Pvmmnn7i+/H6NK5e+KduSKH6e6aHn/O+w1kw\r\nS8F7IzHtmMe+c9358Yj4P5vBFpzKTt4ULrZyfD8E6JqtQRl58KyC11EORjJm\r\nfyuQpd5/77PTFv5jeX8ydUZVpD5UxwwUJMAig9QjKthI92SvZZ1+RwC5kbc9\r\nYAWZU32M/tN1KTd2X22Fua5PNRhRGzD34p6fGQX2eF+ar3Ur56t8EbIuEF04\r\nvTXVsgiCRgjq9XBd4J+68Bfr6WjSG/gYoPZwfHIqy67KDjpLyIk35hK77FhJ\r\nhrcyU6DvQdFPimxQYoMBYcXeKB0afI5S6I0NvNQo845NioB0Q2LdB03ITIWI\r\nxwGmJdx9OHnaX0CvpmByoCbU68FQiLDMM1o=\r\n=GGZk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e9fc48f242a1815183c2b4c74ea1f8bb9967004b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.4b92e210a.0_1648153054944_0.6147765788656709","host":"s3://npm-registry-packages"}},"14.0.0-canary.a657abb61.0":{"name":"@material/animation","version":"14.0.0-canary.a657abb61.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.a657abb61.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c731c52df52562e7bacd54876acc194dff8ae6b2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.a657abb61.0.tgz","fileCount":25,"integrity":"sha512-38CvUyOj8Nj4GlpzuDOZR5V3F/NF4aO799rNZbZ7pM6yw8voWrQN796eGG6iMwRGfHJL7mmLUyQPZCUYwag3FQ==","signatures":[{"sig":"MEYCIQChoSR/t5osUVbh56q69N5ltQ2ijVqjhX1CPUYMP3MqdAIhAJRPq4DV6YWFrmpER67ZUKUe35+aqkO37qRe+NrRAfQ8","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiPNbhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrQ9Q//axaztuvvcsCps6iG88+3WVKYVUNynlzjt3Mzb1fqNwWUYLMN\r\nVWnEYYrD+GWPhGUFL1Nb/emlpP0iPDQx/RQt9EGsCzFRGbTg38Un4qPwiYQe\r\nN4LFiVKZtiuH0nKKC8RkqU1iM87RFn5hZSzQyZ/lbUKRLbM5ybxCoO2upSoy\r\nx+31Hrw9mLrhJAkLOWfboXsqPKN12IPFA7mILcoeSD8t6oYXh8U2o23YUUtr\r\nEhAgWUTShFH7K3o2EtBcKSKboMwJ6leNSum4AUAHgHi6gMA7CcNBGIBqcsO5\r\nHuXrJ+Vd4BsLhkZ1k1gR51Oj7atnQHBLqFYzdO9QpvM4XjcHq+r0CTke67s2\r\nXxxJ3GmbppuEkzx/TbeJJ/CuQ97BkxFk+A0h94F35CvGrzMv4e9ZYgdcn7MV\r\nnnXPkz7RHqjyfUYMNaFE6pgyYcPxAHKG4adOKV8igbKj7ufuGkiD8xOd4i6U\r\nrbvpUNeUvUJ5MSFkpoB165e+fseIr5Uc/8w0ph8IR9ud9/B0Hv3/lyygWwMf\r\nM9Uqw9kMT4+s0WSRGqFNsIke/gjX7Rt6El1mytpEgmmnn0JiVAYZfPyhWRma\r\nKAdCI40Ud5+AZN8OsP0p88/4yyp6aTI2JsZX0n5JjHSgzHOgd/GL0KT9XzPj\r\nGGPluy4NcjBBblP3oOtlxeuzPqqlbkljTTU=\r\n=OZ1U\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b17ff714094456afc14ac1ac896e38f85e300743","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.a657abb61.0_1648154337131_0.03203083250637073","host":"s3://npm-registry-packages"}},"14.0.0-canary.443f63f50.0":{"name":"@material/animation","version":"14.0.0-canary.443f63f50.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.443f63f50.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0fdccbbd5a7d9da5e2b0954fb66aa7d8709036d5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.443f63f50.0.tgz","fileCount":25,"integrity":"sha512-o3E1M/uYOcphoyjAoCWidPpnvvqXpDEUGMk7eh6uyoxgEAUyHtXXPvhrrpKh2pFJtYyx+P6e4WZG97Q9Ac3grA==","signatures":[{"sig":"MEQCIEa64pooY2l6xvq6rPYNAdW63QXyLID1UBL44tfZHIAiAiBLbFkg2D2DfK1Ibnf9PxF9TXxIEuzO3mK32ZIVjYhCIw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiPkpIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrk3hAAifjXGfxrdtNj4zU9B4JEbd5EYYMKwSo6kOlnRoiGw2H8p54w\r\n84FjpD1NY/PFIKgDgg5+kqzKKmg6EcZPayWNXGODKIqpUnwgDJQJLivgUtyY\r\nhdHtyMMzDoeuQ9jhTWsojNtJJ/egCfP0XeGWImncJnvOgaEkYRKllk/THSHf\r\nQKMF5jE/HrNOSi4pCbbYvmj6JyHLCkHBDwn+kwsA/Ck1y7XkPCdYgRT9Oa4D\r\nVUEQI231w808uB6tJpbIsvnXKn5nEetBKLBGxjp3rpwsFW5Sr3+ORujiCass\r\n+O3ndeLH0HY75T8UKW7LnjsrIXxaGpbHKUyqv3GFQzKvimMFrviya7NX0/wE\r\nNeP0NId9692z5c5DwA5LGD5dQGkmzxKVDZRp7w//aGyDhRD9nhsLVrC89+Jb\r\nMFi80P9TydksGQjpzu6ukScSNN0ow3Su+jdmlLHhjm8VRukeW+jZNLjU9goF\r\nUdwvuUoaL8S7m82sLCNqNnIeDtC2+pTI5TvF9j+gr9Y/3Dbv0vMEiAJA03os\r\nPchGa5PzRgTwK9dW41IfjDUPi5lCTtVYa3Gk9dDZi9vwX88htX+WfiuuLiQ7\r\nzUPBU85CXibs9rXq4gsx/yj+06JlMORL/rnXEzuKEeUE6h8IWSq3FLjWHqNG\r\nk5/go+XFmAKy/bQ+6gf1uyHac5Czlppd4Tk=\r\n=ui1Q\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"0a9e4a4d027bc972dd036582cbc94abd30d3cd60","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.443f63f50.0_1648249416691_0.21412552748141955","host":"s3://npm-registry-packages"}},"14.0.0-canary.eb382f318.0":{"name":"@material/animation","version":"14.0.0-canary.eb382f318.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.eb382f318.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9ea383516b6e07c8b589ff4c5a72d387cfcbb60c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.eb382f318.0.tgz","fileCount":25,"integrity":"sha512-sBkX4I1fuoQnh1zEcsELM/wq993UkBcz5dgTNNjlzNrS63Rs1luGH0c920zpPzIgAIzUaPgYbw90AqtQCHMRiA==","signatures":[{"sig":"MEQCIBrv17nyjo5GGzNevdq8kYJMNl0+FPK0fqobtk+0xjihAiBV/bVrUaGFpj2Lb9srw7p1q3YekLI9WuDL8gDDnl5kMg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiQ0MFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqGmQ/8D17XqLpuwvSHgodJc/me8gLQ5yauQ7JWKVBzk/hjRTPT2IzT\r\n+JVivg5AwXEEiwI/kLXp9SD64FFeBRHHtA7UKYzgOoGvrTrkod2OzkmUofGw\r\ne0RwwzlYTWmRIi51mN88Ti6gSv5/sjQT9EEz0DWIsR8m0Rw0qmcroc4hRjcY\r\nKf0A3CZ5Qun8qOOLoWBB/TTCd8RxtYta/qAOgwq/NdKP7o6ol2QptRjjcpsA\r\n5U9eA1Sz9ZKndn/swPdQb2eb8R2MN4ppaLV86hbrbmkHcQis4amr+CVvoQKX\r\nqcgY+Vn0d+gvbJ53Dg6n7veCex/yinxZ+Gm3zP790T7oX8+t9bhkbht3Y0V5\r\nyjhN6Ehs+RN/eJkTotcY1aXKeRGLHZPYcaNGodWsLft/4A3BbgjjfrTgwVg2\r\nwvln9CnEx5NohmSMCXEtmazEQtAkjmuVz7lKpTP2971cGVaDths2ouRNXRlW\r\nJ2P7Cfk0kTqdtbSmabZ4ORv3EZJDeswsxlGgO3jAH0TQMIzw7R8ZhRIsijoJ\r\n7xvvGhnQxLSgDcCTqdRDCIljWGKrnJvx+CunSUECkbH4smnQklmaW2jRfXeH\r\nMKGPxNXeUQnEYTxzGb9OAXDJq5MQcaaZq6Fdj5j3ZNjCEdFI2yES4WcZsxhx\r\nVAQA3R5npIou50bAKUnceXDUzEM+uO4SDHQ=\r\n=rGxl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"9aaa59e82abd1f56fdb3d963213242fe4f989c89","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.eb382f318.0_1648575237759_0.6538110753541089","host":"s3://npm-registry-packages"}},"14.0.0-canary.344d52823.0":{"name":"@material/animation","version":"14.0.0-canary.344d52823.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.344d52823.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b41df6fe97b3bb3cab6120334484c535bae63642","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.344d52823.0.tgz","fileCount":25,"integrity":"sha512-cPOn8DCDJxDRaNhhHWPc/L7uz47cP2o1atZMQiSmC8MPUNTRixtAaaJEIptG2JdUJhyRaf1rFjJZZNs6INacug==","signatures":[{"sig":"MEUCICTLQJklx5N64dSMLJnCpxHqJfUSfT5sFT9ffccv7FtzAiEA5UNkMkS2dk2DFgKnJn2EzXS25n//7wmN8l0L87KvTow=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiQ1MIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmquFg/+PLRtVkZgs003Qey3lGprTBH9k70ZpSWjEIq6jFTM2Pvx7DrB\r\nzJBan8Cm7i5EEkZFEOdzo6jlO39lH58umnTHZkzUdS3o/7VFS5mu7T64SnFG\r\nGf70GjbGXxhQOSXaUSDvM8x1yECvt5qY2A8vx98ia01+Z62BvvF5LAloSCCO\r\n9WmvlrRkIF8wWRqQVh227nS3kz/TUTEUTV7xidOxtfJ0ap06Ot/OL7AZwNUZ\r\n/GedLhUmhfLYWLJaRzXoDI1kECO7PsFgHdlW/IiK6oFwk8euddVOuJ07Ig7o\r\nya9ES38v0Z2WMydvaLYYbWTT/cgpWa0hJ3jhEZbO3VoH/rYFOworJOWeFcnt\r\nl4PoaZqZHiNlz08KyxswUH+C97hARQC0lLqw5/GheUeqhBdpZKnTQ8DvVDaV\r\nO6ACk9hZ6OBOrddOYZhTMZD9hdMfRR7Wim77EUOhWVI/w8TzH7UnOUo8e+UZ\r\npEMczyvt8K21+fIF4P/AbZ/sQjESIcIpQmjfD04NDrDu3y0SyV3NEcMO/Amo\r\ngnxMI/HT72+tzhKMXvgysjYEE1b8M2pkOaZ930X6yLt4I+1mfWr0FqHkEpOk\r\n772rDm+f26SuzoqOv9YBneyXWsbK/997kL2tJMK5OM8BL3o9N3UsvfUUdQ+o\r\nu+Q/QP0Nd/HpbdGD6kentcZMl6zvit1FmeY=\r\n=YxvP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"1d0b3e3b77ca281daab88499a03131363e8ce97f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.344d52823.0_1648579336649_0.44358936391956005","host":"s3://npm-registry-packages"}},"14.0.0-canary.4e372fb49.0":{"name":"@material/animation","version":"14.0.0-canary.4e372fb49.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.4e372fb49.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"75f951162d8ae841d80564b963dba56cb932a7a0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.4e372fb49.0.tgz","fileCount":25,"integrity":"sha512-OrmEpSONdr+19fopz5MLAivgAC5pE4tto65SpfRsNE/y9bzszq8ujpmCNtxdIsrAeeXFN0TchcstYLbecljVkA==","signatures":[{"sig":"MEUCIGO/C1Ht72dUCVO3nCuoibx6ePkSiCsg1prpejdy4fXEAiEAqTDtY3nBWOoPO0SDfkskcLfPUx9voqSmpuSm9NdCttc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiT0o5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoxqA/+JJYhqQXPF2Ig2DIXEhLXdOVGWzZqv52TEQX+YKVRiH2FO28F\r\n4RvcdvbGlx4RziSGmTH0baZLpIft0RokxYM99dmNb9rIey6qW7GAVOi00vZc\r\nYxNjN+13P/49yg8lOW+1+I0X2ba4hnrQ44jGFp3ZUjQ9PLhETLPxV1OhNwkx\r\nqcKfMxqPpazMNWaZqeVqKMNv9W+wpPf5cPRQid4lWrjija04XMue9rCTQadj\r\niv80slauNkCdaWO7U7zcxIeymXYiTdDpEfCEUSYtipoa8HfhlsiZFW1O8fp0\r\nagUX7FlqB828T+FY1vc3JY52GgK80GN8cBQj/1osRlx4FieheqQbH3Oh8YO4\r\nha/rbfZ2PcUKKn5eE1KbgQBMkhB8lldumrHQ1pWOYkjiiAoo8NDmlEhStGi3\r\nwNYLoWtRRfeekGZWhUg4JXbY+yHjYT6/6EhvCsas4q9D70bJF4y9y5uUa8Zy\r\nKQxn8brMhF/U7mEOmDCPb6NFOxxTeECIySWJU90zCq8WVdChkT94qKGAkroj\r\npgcXG1mSR84GrfBYihw0hc71l2TuG1TJCBaolNALRoarW15I4GVtn6kcdGEn\r\nD9iHOLPCdQiWDp++lIq6zTrmeOFZzkvwzt+PKeWkrXSnVetJnHOhydEBIdaU\r\nBNFdIEz86LQKyg12eXJdvchDav+idjyxb7A=\r\n=fFlQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"013d3cd7cc6d83c59581f40ea832529343f43047","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.4e372fb49.0_1649363513547_0.6503622540869676","host":"s3://npm-registry-packages"}},"14.0.0-canary.3e30054fb.0":{"name":"@material/animation","version":"14.0.0-canary.3e30054fb.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.3e30054fb.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9689afd8bd291d381172aad7dc2f56476643147c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.3e30054fb.0.tgz","fileCount":25,"integrity":"sha512-h+4kT/ZufmFXsAb+cWxriEpy8WB+9FjbSW3utSpEHKhashfLKGT8xiFSw1hMiT7tjPvAjOdEIbDnCfZewL5kCg==","signatures":[{"sig":"MEQCIAZUg98EpgPbTG+jXe284u1hiS7QglFrJM83YS4Xat/9AiB1EPKYoee+KL/lNgsWpbhPP+C+zsfWfgt7vLUIxce+2g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiV0r3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrC0w/+OrCa6dHS3ikoFt77UXyzAGdGJAVdq8HiuINX2FyUzcRERfsg\r\n1dP9WJMFmLq9Xi4iXWivFYo98c5E98iG1WSWwE65Q31C3n2pwxNqiGyfe8CU\r\nQCrAmFeQHK5hr0JXiNiaOoRcDEIGqOll1kD7V7HwAjMI2FeW30StHruWnKtD\r\noLiCSRWiNCbM3A3pGkCVa+8eajZDc6lWRdyUr9hkLyokp+nl8yB0libvLAeM\r\nR+xquMMByG8Dw5CKB8sRL02pfOfaGWMAGsZiuM3Mx5X0uPskNVHovkbHKhCB\r\n4Uz2tSzx3onrPhRhaMD6Wb9PgZpC488c4viiPL7KHi8ybxHFqNiAG+nFyXDx\r\nhnXvp8cZtdiVeLAFMZOVi2HjMsDsFIYzxo0PE2nHgiSLz+6tAZ+XhFhGvDTO\r\nWVRZjGK2FpYs1hmxJipTfPIoV2XAvmjYQcPVbRvZ+KtGo5RQtoTJaHMOocAa\r\nCmqvM+94W+aAtLVnwNejF/md/P7iAPcf4x77W7TUFPlirIaI1daDBQITVSux\r\nzU2FBqPmpiLKXxSjrx4igeN9c9IeIfyTrtGnGZ3mmuI7Xm9FZO3Ns39PUGTS\r\nHI9Q/HgJsXZllUyQ4pFlcPo7RXkke/FKlimHy7A7+4ylW8ngTLTijsWAqpDB\r\n21ljoJV3SNlgznUBE9Fhsw1tZwe2TGjlwpM=\r\n=f8qY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"04d79139861b90bf3488ab3f74e4bc33e6af1c8d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.3e30054fb.0_1649887991072_0.7421218646103185","host":"s3://npm-registry-packages"}},"14.0.0-canary.8c4da223a.0":{"name":"@material/animation","version":"14.0.0-canary.8c4da223a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.8c4da223a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"efbf5483f24fa4c95f6c547a731b470a6982b1fe","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.8c4da223a.0.tgz","fileCount":25,"integrity":"sha512-HLWOqTI5TYZ+LCLSYvcda/To1sgzh9pgWJFJJ7zVpqeeAlW+k5ASJ1Evw9HJijtLXnlCAIHqwz5Zz6ZxqZnKHA==","signatures":[{"sig":"MEUCIBcez4b98W91K46KGm53g9XodWWnfBNRS3FvZaqdh5XOAiEA/4216FraMqi7y9n5T62FM9AyJ8b3J9yWh4gtt/MgTUk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiXtPfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqW9hAAnVK70v6qZWl3Md/bpVR7FLiHEDwpdrKeb0K7shTp813BXJWB\r\nA6xURXe5UFiOYx+kngFuXmfrUeDYELWDJBfzdoqxQqSYVU4RMHv5RrF5ymTN\r\nMER1y4TvFgGzI7sKvVzW2uBT/CTXpD58w8pmskYQP28aaSvtD4k/07DFmaIN\r\nkwPRV4xOFElpcok9YHdt2QyqNnGYWcO5gaRMD1PvsXxy5VtMDV6Lm50NLe4l\r\n4Lx4GmtuVtMQLrfIC9VsCe+HcS6TI6aW9RmfTrAEZ1db0M1r1rXQprVIfR1F\r\nHvvPrrvItzslPZlR18WnGFQGA7SGiUOrY7lPb1dZg61bvzQ7rUd3V2qesAsi\r\nl7M7TXJ8AOU6IGClU/Hj1RBMb+qbP1OmBsHARe/HkCQ3aWD03QjaSGXjp0UI\r\nA7wExc6+ZWPUhiatYaugIYskV6oUgALGeTpAXSwWWBR6p5kPwqxaQnyuuG38\r\ncaWwRvPWKKbi+FtYS08UA0vw6cG9ajQQAuE/PvdqV9Vm/uaTmNyDPeoI69g6\r\nawTUZh4bLO967JR3k1crckFZMrYcbHPFgzKHpo/8+wUCdmEyPiY2FlfUmkxc\r\nvgo/qFLfAToOFVgkHZH+DxwrxrSY0YEjE3E3tAbmWfzFL6Bf2GCcpo6PRstr\r\n3VSkELXiEcw58nlkJsgQRmwTtigon4gBj+M=\r\n=8/nF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a5f798a752de150dd0a004bdfc90979ab4185d1d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.8c4da223a.0_1650381790768_0.9228537403239756","host":"s3://npm-registry-packages"}},"14.0.0-canary.7de8965cc.0":{"name":"@material/animation","version":"14.0.0-canary.7de8965cc.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.7de8965cc.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"361ea740852c1e25f3f1b3c93bb48276f58f1715","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.7de8965cc.0.tgz","fileCount":25,"integrity":"sha512-v0mAQq8oV8tLYTlKnD+rWsYKcNsywoPlo/r4Oyw1x2p5Cs97GThzrTMyJTlONtquYIPoZKDL0IgT82NKHALlcA==","signatures":[{"sig":"MEYCIQDDkSld7AIWPx0rO1u+n4aBZQQzbtkGYZjwhvj488FzUwIhALqDq2K6IZ6EiEtpb36ztvNOGL5ppI3NFqaGZLc8iL72","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiXxn7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmogDBAAn9N/+iIMUzhhKrJv1XIcDbQaiDdbryPxyPMMsq46vYJMW9nH\r\n2/JTWEEr1ev+CPSKyC/T/dprkTPV+LDNZCIzdaohz8VXJ+bbRwSjrmh18lm8\r\nyoyCXLxaEX+CjZqdYn+bF9vkNr6z9ZlX6TYZlkg/gZIUmQZbD0roKRwLBYtP\r\nvk8gyJrxpgLTdAA/NujJdD1lCTmaknLtw37esLaXJsTI5rGEPT2++hoIIido\r\n+9EW4FKYbxG7Z+xXvWfun3jhvqAQIctCetseBo6/eM4eAehW1xRbIg8WQl+0\r\nYX+5P6qegdbhMguO/aNQZZK70A2Crtg0WAqkUWrssXa+uRt65BmhFOeqHiSP\r\nU4bbyDYJmuaSQRPevws3oLxbXQpnCw3aNXbVdP3KyrmRTgfVw65yt2M6v5rH\r\nb7fT8ehF2OZmhXrnIT2YOsNwDUWNT0lE/tn7owdEw9BXSxvCM2CJQYmEoA3F\r\nGrWclRrrAdt7kLsHcUiK1K1M84Myl11uefI30N33PHx0NydR3TBnlJJeoT9S\r\nszHtGLCR2ZVCzeeZZEtDIyWZJJVlPR97c5iGxCBVwG/QMbKo/YqDKSTTwxB6\r\nXtPTpIbmmLdaG9G86fHBuOujtu1+bK5GTQn1MzAdesJd/wyHUJtDJYhcf3UT\r\nhair/9MXQMGAw7UcK5t/9XjdDF5dmHI+l3s=\r\n=JiXD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"538ae755c197f0d9a1fd3a2cab5000c498987584","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.7de8965cc.0_1650399739656_0.6385241511705171","host":"s3://npm-registry-packages"}},"14.0.0-canary.641ed0851.0":{"name":"@material/animation","version":"14.0.0-canary.641ed0851.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.641ed0851.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5725f1ac5b27dc7fb0b6064435f5d3847123a325","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.641ed0851.0.tgz","fileCount":25,"integrity":"sha512-fKCrVceToj4ppxBL2528UI9/skYKsErm0ueA8XCxfPGwwRcFK1YM/M3PauXgYgcroG8nYQcqHmN4S4xOk+kx/g==","signatures":[{"sig":"MEYCIQDwgpjoZ2yP8DPSH1nM/qe3bnZYSEg8BggkvKiCUKMjygIhAL2C1rQFaBBe4E4477sNATFE5IH940wCMpR+o5P1aBdc","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiYC8TACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpFQg//UNPKQ6BSWNRf8FZ2oP6BUnxRkXL/c+MllhntZQXJcjgHWh7Q\r\n4KtL60D2Tq/7d1gJr7txTa7fTo/WMTeEXcs8eu7PHXDP9enWtUYpbDgj+Dhf\r\nLySUbdIjEyk0Ui8T4ghPtNXPus6zbv9Xm7HIibwk4MdUgN/MlOlU4apuZUZ0\r\nmCrC0AVR9LIPIJNHwu70ua5mjuPhqJYIwC/T0OO+/i5g3LhmmmDnP2mtWTFV\r\nDCXIhDo3b+FgOK7Z9ClMHuOhVRhdtq0of68zkBED8puJTDJpDZz2nmubASQm\r\ns7DuX5o11ij0p/x2mgBlIApbpRAfBjmpTrfxknl++h37LobNg9NdNbDAY8w0\r\n/gTWTtYv+ICIqNP1mOgJIYLC4Ulrc3WMJb2GRbRr85JqSSFKKrcPivaZlwnI\r\n+TeEX/1YY6XnmdItAqpNP4YKZUbrXvv0iUW+fVOFgCKzTW6qwENhALJBZ/cK\r\nQyl9qpDJLtL7NV0UbFG9NOdgvL/RafBM6FGwXTfgZJJmMkCRsFFKUT21+4eO\r\nJ4YFGyu/brO1YYe2UXyNkEE55Fdzx1NvbazCu7umDDPwtZZQi3470WSrMsTF\r\nfLYP03kC6hT7kvD3Vngu12OIVNHP6HetqKq6LYZ6Y4nxc5ExnL4TkjfF4+Nq\r\no5c65u8NtbUr8XbzIquOzvStTGWV8ih+m7Q=\r\n=CvHX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b45ef0f6764b2048f5027d4990cd48d6bdce11ec","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.641ed0851.0_1650470674949_0.33201191364812455","host":"s3://npm-registry-packages"}},"14.0.0-canary.e88f83024.0":{"name":"@material/animation","version":"14.0.0-canary.e88f83024.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.e88f83024.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3da1edf58bd3ba2a8000e2a0a9e61d3778d7b5c1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.e88f83024.0.tgz","fileCount":25,"integrity":"sha512-Y2rhvaEkwvyszHwuCIHy2ABVpvEADjWWaHCMS7UvKe0sOzkseLEXZ8qZFVpue76hmZG37XLI8/Dh8vPcNTQlKA==","signatures":[{"sig":"MEUCICi3V5gbMJMBP+v1Gj8BrgN0M+mJeCszNjEbOhmRHMPTAiEAxSrY4YLZFtsWM1ByY14gmk/PUS/SdPX+YVob2efZVSY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiYEb+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoE0A//a61Vzay87XvvOMNiXfhUNJxgEuKIDiH1/PdZyzxieEVCPss/\r\neVDGxTMbHy5U1ygLGZ1Kgwdi5KsWWPa25VvImf0JsOzhR0PtnoQ3VWEbxV73\r\nfSWVBPH98mJqIhx0pvKUaTLmjioDu3VyR612s7ZUxu2gj4t2QJzLjijYxJOm\r\nFyC1iokZrsJGMUYBS+0ieafFbrJsxgmhXOiIQ2LpORx8jJDgicsZ72ASvTlq\r\nTC56WhTM4QqsHKf74A+OywQxYj7gp8bJ+WHn0PSMxZrILrT67aHhNwhQXKuP\r\nVK6B7XbVbB4DK2rfWBAq+VbdUgmOHBxVtAJaEpfWtIH0KaCuEpV7kI1ym7u7\r\n4wMKPTRJLJpO0Yd8xBNVugFybPlJxmTI+lB1FaCZGt0FwsCHrj09tPMxZclo\r\nyklWJnb4qOISzTUrMW0oaZypuuR1UkEDiE9+eB3cj78NF0TgWUG0RzwvXCGi\r\nzOHnbH/oB0CftshsU9RBlsEhBcvXBENNil1mJB3UOhatntknzPVlznjpkEu0\r\nlYbq/LIcJZNkOUYPPDvCPHvBTgjxv7SCRXx+umxljWDLdsp0xVoZTOMlnGcH\r\nSWbXWJNY5BfkzRZipEzHL5Ms/JwgIjkc7al7qY9V1drX542V/KZOYJ5oZCk/\r\nxpUyV0cG7dp+lc706fiqk7Gy0SBjS4o9u24=\r\n=MdNL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e9fdf51ad2ddd3dba754b98348bc356126b5640e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.e88f83024.0_1650476798304_0.8372108495112005","host":"s3://npm-registry-packages"}},"14.0.0-canary.7321d6254.0":{"name":"@material/animation","version":"14.0.0-canary.7321d6254.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.7321d6254.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"403059fd2e44edda1e7ec3f623c48c2b9a989dd1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.7321d6254.0.tgz","fileCount":25,"integrity":"sha512-z3SmsQsPJirfWiv6rlgiXhXwuTNgANjb9qgksy+2URMDSW+uVs0dtiRco0byQdnxvKKlkyEllZKiWS+I/PPYdQ==","signatures":[{"sig":"MEUCIQCZ+6DLvkZ6e8EQaPu0FAbF+1dlqO9m2YwH5/bgw42qywIgXAJ1ylmP3IaJ0U1/TIxsHx6igoR1EyM82jtSqN3ENF8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiYGikACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqZUw//aPs+yICDmB67TB5mAfK75Gyp/21mLnFfyShjdBLte1G0iFnw\r\nYqbvZzTGOk4ZFS8799MH9oGKoAASH4ZRaRTUPs45ZHfgcULH8Njr+qt+FPCc\r\nAEY0KDVrIZWXb2ImB11ZFt7Y8GDJAMmPaWGqpy4s5nXxbXUh7/6dLc5D5yYO\r\nL7Z24o9OmyttCRZRBnymB/at8S9aDcn5m3gluwNUYUPOLDR6VOuu2Y/9SkyB\r\nDcn8zWfpZHFzq3EeEjK2NA/aGhdn1SZGB8UQ3B3daTJXlDvVo/WCPT1cT3SC\r\nDseC/Gm7woi8W+bcBEMvFrZ24xZ6v4yO0EIDZ3WVvdgMzWNfGhgiimyCSFTm\r\n86Mrej8E7y8Modflpq4E8JE4s+q62pZxZEMTSRXox/c2Epn1RqqW4M/kFOgm\r\nvO5iSV8UjgJbHwSc+AZRiVQSFvNThLrwK6MN+nGE7nOC2D+Y4AHlCebTNoYh\r\ncNt50EWCwxvOkCq9JbmWPIMUgBifsqL7Xz9BLBzCgKaotNdmklH50+s1juHI\r\n6EOfFhLDmwweAfdGqio6gzGEaE72gzkh9Q+zMY5KZOJnh/h0OxOcRW6qc+sh\r\niM6sWvRoMVctwIZW/J5ihkiuNEA7W9UQI0uAH3vjT75q7eaEBVpGwSjmq9uv\r\ndDQo6fln+VCdlUDEwHEWo60cq2pey3QaUQg=\r\n=Wa+n\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"981be270463043c4b45845cdc3efce353eb53b30","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.7321d6254.0_1650485411946_0.18449936145730472","host":"s3://npm-registry-packages"}},"14.0.0-canary.3ab956515.0":{"name":"@material/animation","version":"14.0.0-canary.3ab956515.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.3ab956515.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c4bc01d9f9e37a4c4bce4d1b632ae70eb6113887","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.3ab956515.0.tgz","fileCount":25,"integrity":"sha512-lKIe5gicqnuVsKNUxA8ccLvLolZSTuLZA0E+MtG8QIzsojMeTf41LSFfG91OUNQhteAaBXri5azi8meLTHs15Q==","signatures":[{"sig":"MEUCIQCoF8B7cM9zbCnpt8ZOnAB/YRBiCAvuYeshAPRIWQFLSAIgajuEinkrD3Dd5687dO+q3okTOFOulN4Plgokc9uWOtY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiZregACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqz9g/+On//2MS2otK1Cp+Ffafoeh/ByInRecrdu+E0eLMnFI2PCF51\r\nDYAGiM0JAoJgetkN95SZDIUEm/t15Dh8fbaad1lyPM8aMnMi4XJT8fSFAFaD\r\nbJJ0vdMnfoxl+5d9slIbWGTeVGozpL+OiDn8vjLysneplMXVUttCBF/A1j5q\r\nygL1QH8pkfRNyuLc5gc98xGthJD4fRw6vZDor1hPFgOQd9XZ9B/S/l24N0Qv\r\n6V55JTj8Njn0k/kfr1h+UgCnXRq+bFbCar31ITDaSTTEErlCgG4RbhPmDUfY\r\nch/e37cM7w1t2yfmjCL8JndlminGBH0i+D4Q/rZXF/YZYKINjbFlvCR3z6Up\r\nTzsKNDq3eJS2I6XwgRlN8Ilq9QwupNQ+dlX0NHmIGejvsSosxyxidh+iZYIc\r\nZN7x2QHrXzulCkswNGKQPYWA7hQu4mfRqWNNqYZlFLYZkIhj57s0syYqXPfV\r\nkCLcxZVeYJa8ffAryIXvHkiuihLG55BWTD7hB+Idm7B4kZkM8aMlFfIKCPGN\r\nb7+OojDz3SIOqBEj1CoSLS1k3oStMndfmb46AcTyGXTUmrnn6rsoJ5Q7eevB\r\nDUU86v0b/p6lT+yT9xo5kI+M5H+Inj9DNA9I5vDK9+PiYee7jC0zg+xiGQZV\r\nOTA2KID7TH+CGmwEo6B6ysx18DH4UZxAVzE=\r\n=bxlG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a09484c5e8d50e8b042d5367972a9111e0432c38","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.3ab956515.0_1650898848197_0.8477072205660254","host":"s3://npm-registry-packages"}},"14.0.0-canary.53b3cad2f.0":{"name":"@material/animation","version":"14.0.0-canary.53b3cad2f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0-canary.53b3cad2f.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5610fca9ddfa240692ae1fc7098b5f29975dec93","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0-canary.53b3cad2f.0.tgz","fileCount":25,"integrity":"sha512-GBuR4VmcTQW1D0lPXEosf5Giho72LLbyGIydWGtaEUtLJoive/D9kFkwTN4Fsyt9Kkl7hbhs35vrNe6QkAH4/Q==","signatures":[{"sig":"MEQCIHEbEkvA8HfSWzshOABJuoeWXwdf/yl+W+mVX9kMLer5AiAaYulUxRH3B6RXS2cW6n5gCnzAC+8zEI/VVDBtep1BHw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiaTqbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp/AQ//ftdQy571bW01T6tnhNCOLD0rYPwMmwLpsJ35RWqCMTRY0U6h\r\nO7KuaaKnFLJjvnM4AcOhG4BpRMoa0E5vKMeW/WGxqWQ1X1JI2zukhKOMLOOC\r\naYpcBV6SOlY5gXDQH7131xPZ+fsriMh/N9V3p/k+7tVzrGkwpbEXS0PfQMvY\r\nHrfV38XzQUnIHCH+cVZtG7TUx39UFdj66vj69bxOyVlfCEbjKuS0MXusDu5z\r\n1f+LEJeUmtVaOyOAaaaskYlAFE+XI5CoKP7VdnBPyUV9/BBHb8m0DXwly8hy\r\nA0s4cngg/RUXQCahU+FxUROe7RZmfyMBqx89KOMlDC/dFo4Iv382KTd4dVpJ\r\nY92NNAUrJuFiUcmwV3tG37cvubX0v8KNPnUU5uIkrBUxSNl6hiZ5UNNK4Kb6\r\nXXUCQHUQ3z2d33bxKKeu+I6ieY8HYiCAhZirhA8ZkMYI6xCghE7ym+EP99+o\r\nxzS2gfYK9B36HvCkMF8eB/lgmAphqWsgpmDKogAa+hwZFQTVw335QYKWxXZ+\r\nYsW1aUJkhC9g7ez3xM5yNktDzTsim0n/57z5Ynd1ppXG1KESJ8W4uptPkEbM\r\nLUVrnEJqehvWH8ykZW70B5LWChu0Q0iax0CwSbsLtXXqcrxOcRwWL9lac6RX\r\nY33XFJ4gdCrc3zz97IYIeSrng8QHm6t5FLs=\r\n=Gyuh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ebeda2e23436103241b0e82afd57b60f74599133","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0-canary.53b3cad2f.0_1651063450919_0.816117728109826","host":"s3://npm-registry-packages"}},"14.0.0":{"name":"@material/animation","version":"14.0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@14.0.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f23fbe38deb6a48829dcdb0b7580017a4217e94b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-14.0.0.tgz","fileCount":24,"integrity":"sha512-VlYSfUaIj/BBVtRZI8Gv0VvzikFf+XgK0Zdgsok5c1v5DDnNz5tpB8mnGrveWz0rHbp1X4+CWLKrTwNmjrw3Xw==","signatures":[{"sig":"MEQCIB3d1/rx+RGhU1in+RO/+b2vkAhtqFaJET9SgRM9wNH0AiBz/zNqUd/A0iJ1qR271JA+rtvngY8l5P2mnAvZZy0/uw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":64673,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiasbVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpf9A//UWGc9FNXD7UBFVoQqhYMBmacKwgK4AosdPgHYNiny9SmiFQW\r\n8Dvy8DwoeYiCrJJqlVXIlqZh6zcC/6Oc6BULFzRQSHCpSTZz/QlBda6s7MBk\r\nJwQiE2B0AEj1Xpfx9xA8oxYd7ohaPUyFrSqfVEe7r7K2HtC3hs870d34gwt8\r\nzUCOPJ44+BHYRjkVZMHf55bf4q2uEDA8AKy3hipyTTctCeSPiaJAa/+xoRdX\r\nvVHn0c36g5zUm2gUCVH0FKrU/gnsegiNyl94i1JufdhVIUfe9zlOb+qfjP/K\r\ncNqlHpwXgW/RbD62DyGxU6JwxSWsuNbSWtcN1UbeGjqO5yjrFWW/Ku4u6d63\r\nV2GSmQdMx6H8lkI4DCusMp/6+1EqrO3lCGhMLSqwXZRzopd32OIdZWrX94bj\r\nViWyN0k1P+gS9wjSI3chhrQKlrlTwKDQaoM6IXrTKecMfXulxdYC7C+rYO10\r\nlDFOKhfnicD6jtXlGp158tn6T47galkWwww7yUIcqk+JpLyqrE/L5HnUNjIR\r\nXV1GKAUIKQvEazmYUPafeKX42HWSSW0MXT/6X3WOIQ76xOcfrqj3ZS8i0KBM\r\nND95KXcdP+3xa9hjHuNi6VzqWRsNaxjXcRscHkboV0ySHw9ZKyRYFvzYymJm\r\n9f7wDMnCFcj63ieDUdd3XMko/gVplQIuccY=\r\n=mvlq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","gitHead":"432c815e58d61a257742836f816cf95e271e6ea1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/animation_14.0.0_1651164885254_0.17582422165598222","host":"s3://npm-registry-packages"}},"15.0.0-canary.432c815e5.0":{"name":"@material/animation","version":"15.0.0-canary.432c815e5.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.432c815e5.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"67867a630127e0301918fb931aeb458596026190","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.432c815e5.0.tgz","fileCount":25,"integrity":"sha512-CEJZI+4v7AC6RvUV8XT9oLClapzpbIKpKisnsmkezz3lYZ65pU6McpPn3zFAIqdaamXl2Crl7AaYOp8nP0Xo0g==","signatures":[{"sig":"MEYCIQDai4TsryCOXqxo0TqP6vYLAJbzfRoCEzqW76diipFsGQIhALq7aOvS64Ts3m3C87OkV+Hrb1TA4tT4mwlasPXbWZaN","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiascYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqB+g/+J/MDI5qGhnM43SnEkLwfyjevBdzu46+Gsm6efC9rUdGS/W6a\r\nGYnY0oADWtBgZS5dovWKDI7qa6yp0fDKnNCpq7PW79uKYFLtfkynMWOefOrn\r\n3YCceL/ZBbJd3NbZlOQ8aOOg57Ujet3UyNbxo0pX7DMgmxQzIwpm9HxVCFM2\r\ndfMj2zin/pFm8DrvG6mw+jY3UCDIzpAtOsFB3UyNLca7+2gdVMz+wQ2WFG8/\r\nE2rVy+D6oaxaPY0yvWsVzdnUtGyNRURBNca3HhyF0UH4QLFwojx/M0nyIXhQ\r\nzwXsEsZhWCmiYtCYOxp/Zt27TL5j7WjCOQqBCYeIim5/YPkheK2mGd7tuTEa\r\n0bpAlkaQr95sW2LmhOL0MwntHP6Sx53yUsWpYIttMA1GXd2yAe5VSUSeIao3\r\noaZKMLLygILCncJ5fv8Gis1Ep/apJ9t2V+9/DCIu40YjKlbi5UgoOO9LvJ25\r\n79OzNRBKNqge9uhKXXnk3yEWxWvKjJDkalG3XaSdQeoriQpZzApKslu8Ma6C\r\nw3ouJb5qy5ceChRlHVneaWyUFVV5lxlHQ98ga+rm608crRmVfvNEmqn0Taw0\r\nbUK7l4th+15EdSMHsQk8iJ0czjOPV2e/vqSZwe9Kz9yCKvJZ02XFmu2l9ng6\r\ncd9G04Mo+d3EMSElDEz3D6r2mq5SVDnPYp8=\r\n=W+5i\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"df8af7a4f190284cd9f3bb1756b2f443509424df","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.432c815e5.0_1651164952134_0.056003801246667706","host":"s3://npm-registry-packages"}},"15.0.0-canary.a0f01f669.0":{"name":"@material/animation","version":"15.0.0-canary.a0f01f669.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.a0f01f669.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"dce06daaf8d2ee90a262c08a3817cf83c2181983","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.a0f01f669.0.tgz","fileCount":25,"integrity":"sha512-SxFJpsSojG+DmDD6oJrnDsC1gMATQjkXNIG/EIfgqaDZq2RwiU05u41h380OmiW68RcMTEKgP01hYX8K2rCHxQ==","signatures":[{"sig":"MEUCIAKg0zZZRqeRcyH6kFy63YHN9bnZrZi7++hNk7azwnLZAiEApOqBmM3pUAcChiXATpdwGaDXHQ3pXB4IHcRS9kHQv2Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJidYFxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrcxQ/9GIzuY/p8SwaOjefPSF+DW1HpPztmNTy0r+ajBHZhWhTbpUgH\r\ny/oRNinBB96C/cVLdDMAIsGSIBX2clExt0aUUbj/q4N4vjIPGqcamfiP24di\r\ntc6HSjqnSnVQDZR8XYbiSQDfDAr4nlTNJhHJ6OmgX5TAVvXgO5A5g99+Qngq\r\nMhH+CqxZH3wA8UQVFbygDpR15U11T5LJ4qKGmVv4vexOnfExCzZtnI+O5wW5\r\no88v4kTCNpce0HBIHjvPl8XNT2lj67K1b1e+goQ2o9j8Wn7hFk7lDh6st3Y6\r\nSVygB9FUOTfu+Hw+QyYn4GUAo/DcyI+qucDdfT78jHf4Qd30pfBa0Jp4Q6ww\r\n7fP6xTT07Tzbaa7ZRZjEq+Jupu1dULho1VEYu/SiuIQf04RS0GH+WXERKpjv\r\nS/Ed87Z41McuQkN/BJxEvFp9H+PDuFGhkj3kbIlSMVx3SCiieJkd/LFS5GMo\r\nBC8A7qmteKREWkuO0t6LvEJL/qcYVITttioe8zQlpNyfs0Gd1kB1xGF7W5yB\r\nWq7t4G+ik11rjSuKE5+7meRRV14eJYYZG+Y38mHHPV26cnhw4H+EHlRHRYCg\r\nrYBH80v0LeNbu7qDDH0j/1DflC0fSFsrCOOwTVtafIWH1BYfhxFJuj89QUZy\r\nPDOXPv+aL882fslHuuoIclH3QyK/nCMNgeI=\r\n=071A\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"51daa70df3212a8d73c545c86ed1c57273d41688","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.a0f01f669.0_1651868016914_0.6528390931363499","host":"s3://npm-registry-packages"}},"15.0.0-canary.276cb39a4.0":{"name":"@material/animation","version":"15.0.0-canary.276cb39a4.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.276cb39a4.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"20a6506205f914a33706b668940edf863f6a0a41","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.276cb39a4.0.tgz","fileCount":25,"integrity":"sha512-r9n3DTNIQgRJ47p5WigsaLhMsfCS85DxgPiafve1s/kDCk5uK2NkKTGHDAwCSeFEg3m65plZzrcLCwc+FZs/9g==","signatures":[{"sig":"MEYCIQD3mDWxwbqqRi68Mpf4Wzd/peeNle09bet62aRTOYv0qwIhANr1PDEjTGAChqu5f4l7tTAF1tkkqmjWAPMEQGjJnaN5","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJidZNzACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpfuA//fnDb+9DWAIO5PnBiM7cRWFuvk9XoRFjPGy7f6WWmIknqkksP\r\nPtzojvHRwF4uUrcrc9CJWs5TeJXlLWLl5SHZLw95z8GMJEc0hnSzHxA7U1lS\r\nNFp5NedYeqt8GYhn03t3RJzsjTH5BktYe02B0sEWy49eIYxBxSroQsY7fnrP\r\nlnRf4VmmYrG5DmwAmVTGemgQRXbmQrOzxrJv1YkVTuSgrCfThw6lRk3NFdb1\r\nECEPSTO5SqqjB6m4aF7OWajr/IEFcBTyq4zJrwqTFw1R9a6nRUmt5DYhVY+V\r\nOhqpOj/MMp2nMKAwyXFr3Rlk0O1soEXWGG50UKBaSB6gVj41SzmZHBlPqbfx\r\n+6C7fg+SrgZBNpx9QnYMKK2rgvshORPLpb+aWkXBrh5Unp5aLnRwXkwwduIk\r\nJsY3g9oSs7dcP+FJvWwFyKOGlsq9SoJvo9skp6hlyKFW+i/is3L+5dT3wMhP\r\nN/Cc+Zwxm56pb5aPZkujEs5YW2X4JT+0ES3rcrcbmozAUtjfxY+BuexflaMw\r\nMi1AkAYIUjG0b6U1yIekG5MBT4C7F5vfmRW/bheR5eozwZ5OBdpXfb8aMcub\r\nBi3RCdGEnFDpvJeVstuchOVjxIVTp72rCwcmlzmtFF+rEyd2q4ESrtkftQc7\r\nBTrjV0G+OFv/1tibj5OpIXXDSv+cwyeIrPM=\r\n=QzfO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c57cd64760098925aff1fbf0bc2a73d32dd2bed4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.276cb39a4.0_1651872627680_0.7456457566584411","host":"s3://npm-registry-packages"}},"15.0.0-canary.4fe98ed70.0":{"name":"@material/animation","version":"15.0.0-canary.4fe98ed70.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.4fe98ed70.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"17634eedd33d7d93ec8fd7d1fcc4d9e04ea7b6da","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.4fe98ed70.0.tgz","fileCount":25,"integrity":"sha512-KyekVvjStyZMlLoh6bl8i7ZFz59fdezpZ+5SlETvjUtvWxOEEaOG6Cf9sGf0KxrQ8jSTPh9WpZ0iwGuGDtidlA==","signatures":[{"sig":"MEUCIQDphpCJBJZZHqBwOsFlibAavMg0+2oxAJpXm786FRP6vQIgHQCHn3hh+5GzH/hJJMA5zh1qnHHakTgSZkP0C9JBJhI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJidZk2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo1Zw//Sc09zTscFPCgW1YRE4wcxQ1oY7zNzOFCO4u2+ke8RwAiqPCg\r\nHDTQ9YEGmuuYNQD0TiTYl4VkSDUZP88k8fnu5ldVY2Hff8RruYfmAuvsAwNA\r\ntKkNRN92gkrcYxe/oVYZ1LR5NEzcSdVYoqiFnsWlhPqOBuyL5RdXRi9AJK5f\r\nM23bhD3tf1thj6z1LLR7vnJUKCT28wM4l5K9Kgn45WX+A/8Xjw7jjT/kqLlA\r\naQHuBbXfPSgkKnA1ObQZmqyQ0mAKuyEoshEc+qaFSEvp0GTdxUlehSzu25Kp\r\nvoC7gLbnuLE0SQcnfJBjlIXwI1ILQh9QhPVQEpX9kfo3ZjM40fdZKOV5p1NM\r\ne3qhOcw3JNZ+4UILaPRi7tX2sVQaYkPC59+ZZ4UvW6EdJDSrAeTT5em0sUp0\r\nbxiE+dPMHxWpB6rKjvgld4mXWMwUu4YS4erCPQIhfkfmMWb2AjltbewdudWs\r\nwkXCuoP9qx6Nl6uTa9i8Vg20qR0ARP99SAqgEeCHDvjjwGNyh3DaDA37a1Ma\r\nypjhaSbdAg4oVHWQIT4fTg9/DpDi+qa72GkrmBsgtBu9cY1ZX18lZDp9Rw1M\r\n/ngF2Y2GFCg6bKmhxsBtTErDfFcsPVMKwgg3x6Gyn7TwHVlNrr/S/FWYVJR9\r\n6V6kDMWZWsPuLRN/Lt/ruoiefpSiJTSwgeM=\r\n=Q+Sk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"353fde061dd090ede4416fc2477bc050587d6367","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.4fe98ed70.0_1651874101867_0.9058213074216168","host":"s3://npm-registry-packages"}},"15.0.0-canary.58b130a3d.0":{"name":"@material/animation","version":"15.0.0-canary.58b130a3d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.58b130a3d.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"66d62f66b8d0c92d10b69302413cc02a5ac65351","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.58b130a3d.0.tgz","fileCount":25,"integrity":"sha512-Gp5JoSTjVYmwfyUPOrcDIjJmToJgUnoIZK6d4rLaPORV3b5eJMy0ClsUpXwDI9TqT2HPLLyIrCUCQjuXCOWvWQ==","signatures":[{"sig":"MEQCIFePIk6D8keBkx6xo6AItwbFIyCQ/hQcEKJ3G7fq8o62AiAK0PbVnMwNn/e2YZ/BScZNV4tZMIwZid/hpCX8h/gDnw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJidZnAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpWDBAAnVhvTIGokj7WQ8Te+kHQMWXibM6HRf674g7FHGXtOSvRnObh\r\nacxCL3d2jFKJfyR19e1oakujGRQaNCf3GsxGDvT6oVrXMt1QBl5NwUGXjS1z\r\nMC29uCcTzkJ1egYy6RPjLCCo2gFXP1VbKb25EtiRyFWBBIMB/i474OGpTmXg\r\nZBXrEaBGyCySrptI92NG9pcLlJDNCEg9zlWifDSaPVU+1m5iGTbakHdcv/+F\r\nwxgEY62P+uCweA6zGkwZqjIAE6ieTGEVi3/zwUWBY5UZZIZjJwbQM+AYJwXi\r\n7EQtKLeflx2pWSQIULxAKLtGtiLorwKKKR047NMDyIZl3cCRoHSk3IiYQgTA\r\nLMpIBYqoNgFkvdn187R2CcyyY4cUxfnnA3W/M7ru0MK7B7z7XyL+MDYVIVSt\r\nhvJrZeERkhxw7JqiDlKGX3CBd4hBm03FDMSGdcGdPH59Bh/r0lflqrEEgNBx\r\nRpoVpLOzJ5c9QnV2Hdu7esQdhGTXvB5OFHHdeIG16NyK1DQ3pgdo3+JHr/7L\r\n5iOSMgqHmJMNPJ70F5wXTdTQpCodjClQDhbeITvIoQcJnTl+l5aChSp+iZVD\r\ncstsKpsuxXEWkKuHYsriZJ1XwH4ylNhb1b5Utf2ueueZo/0FEku1Cp/vSYhX\r\n1amXH5+cFPrlHUQbYiAAnY+rSWtZQDZaHY0=\r\n=uPsX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"58c8ada7946689a0a59acd63cbd49b6c987c9853","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.58b130a3d.0_1651874239876_0.03182133220766192","host":"s3://npm-registry-packages"}},"15.0.0-canary.ae278a2fe.0":{"name":"@material/animation","version":"15.0.0-canary.ae278a2fe.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.ae278a2fe.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3a04e718a1bd7dbce9482294a0fdfa7e95ec5c1a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.ae278a2fe.0.tgz","fileCount":25,"integrity":"sha512-fijjameXNgIomjLKfkeCXT18FtsA8sL4KZNF5pL5Fx5Rtp77xFBUFlS2M7B6WxQcwSoPKocxWIerqnIv2dsmHQ==","signatures":[{"sig":"MEUCIB8rLy1Z5O3GeEQfUQcdecNKTzMVqjQsRH9zu6IR68SWAiEA6XWMatTZ/okdeJ/dBF/xcwyxL3h2Gv6DUxbAyB39pYs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJieTHWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpfqA//fiJJah8z2evUtkSWNtQSX8LdM8SYi6UYq8gSdQuKzhObdqah\r\nFehf8AfSx8xubWP1muG4Igd843U+T8ixt/rbX8F4g4FY492vY9WdRrbMJht9\r\nUasZLZDa12KhV0Ug3SklGcG3sauxgEKTchw8jmkFZosHIPqYsShNMIecOnD8\r\nmEbktpjdn2BJ0xVmZEmsta2XOToifLWvQbB9+P+Wm7alDTqaxdHlbba9Uf2c\r\nZ9XepmQdSI06nM+2lduCePFiA2aB5gc4JO2/SH3BcKbFkgBoE/XIgWRfx/77\r\n09i4pCTor8yiyAHVzAXXY56X6xHsyiQCUOpLwogrmrnjItHjXXV7EjWJMIpA\r\n6oJV8OWgyOeZFkjZmaBbPDOfKx9di49di+Rw807TBe4izdA5ehPURB2s5zqf\r\nJrFvFU4pxgxFNOWqX37XHUu+xOWl5QvwB8JTvXEG/wTQsiwVU5W7mm56eFiz\r\nV9s0be4li5y9Zso/fDbfhGt7iRRYra+71rjHyPh9uGToeypDh0RU4lAOEnlN\r\nZcVk6bkz+Vtk3jmV/aMT7ZwO/eeShZfwiEAgZvwYIY2CQTMSu6TQ6R4GB+K5\r\nBrC8cSq5+w4N7o5ZDrdT1xuMqCTRrg6Sx2j74WqrBPubjHF437GsgQMQ0bSC\r\nkKt7voVpimjx3nEvvHf6+zfCGSXlQzpQP78=\r\n=5SwB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"bfd08e232a3a514dd5a38dcd77d17df365502ece","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.ae278a2fe.0_1652109782267_0.4221245259675137","host":"s3://npm-registry-packages"}},"15.0.0-canary.bebf5bfdf.0":{"name":"@material/animation","version":"15.0.0-canary.bebf5bfdf.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.bebf5bfdf.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"691189035ffadc3f453959c82f00bccf6205bdfd","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.bebf5bfdf.0.tgz","fileCount":25,"integrity":"sha512-nObuzT336waKaSmek8ZS9Z48menCXWf0Z2/WDhre0Pxbb/J0TIk5v82V9/RziMTzgBtDqrQIMI4d7OLWBy1TMw==","signatures":[{"sig":"MEYCIQDhTyGk4GPKQytO1PqqUNy61nZQV2DNWThTmqb8X7G9owIhAMH5mUsn6/H9qPiyGcsaZIc93bbqnQpwUWNovmMAesWZ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJieyHVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrR8g/8CxUoEcmoW0HGp/AWMIm2MVhYBGP3Ct8jBiNgvH3IBzyF/fer\r\nofhHoHPsklcXDDHpQL/cJIDnQQWfDmZKsrM+NGniAqjzFVtN6dZYtoNOLLLi\r\nAEA3c9yRbx/ka5qw1KeaMsQWyXY7oU8SBissxSRI85p2AK6o57oqiK06wLNl\r\nrhE8zw0JSs0b0o8gh4FaWg8cSsBmNKGMcJhWNJNyP7aglG8muhoeAz+GWLns\r\njLlfHs8IFqixmWZMZjMWru+xKyo8GIplG+Yf5G4+T0dHm2sG0JV+bvIM/Duz\r\ngujAs9rwnW1oZ6VcNwxnbVyvV3Jow+c0avKjuvR9slbtL2r5rX9Ld+mhz4lo\r\nCcYssz/IeI32HP7pQnlvBF+s06Mo/myJmX9r2+PLf6nOjJMMl6RvaE6DSb7Q\r\ncrkemO2aQOkx3w+PNZCnZVK5q58xT2OVhFc1LiRUNoNepMOSovcyYM2u1STA\r\nVmLdFWt/oUGNGT2r4lwQl7rzaValdWasyurU7bl5mNJXEBmQE9+bPKpNgUbb\r\nnI1TfsdURwWM3+hdlhDDFpgL1CVgdJQeC1XvP/MN6K/CqiMp9ANJrMFfatSm\r\nyVrUp45Ppq4hh0Z+yV96csn8vUJ0hy/w0DMYZUBLlWs2JTUXk2IS2m7qwhDk\r\narP/Z+/eqGlDi9bjFZoWYhtYgiQXW97MDFg=\r\n=RQF6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"61d3971a411616375c31cb3fb763fafc120c9570","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.bebf5bfdf.0_1652236757201_0.5211468528377419","host":"s3://npm-registry-packages"}},"15.0.0-canary.e6072cd6a.0":{"name":"@material/animation","version":"15.0.0-canary.e6072cd6a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.e6072cd6a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b8208df1b49254f25f94bc607c2b254d0a1aa5c1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.e6072cd6a.0.tgz","fileCount":25,"integrity":"sha512-npRt6mODLxwWI0tiwUwBR1SsHEOZckFmAMXR1xAVAXNY8bwm61cyqv3KBb+SDtWDm/JOryvsH29Xo23GPbzfaw==","signatures":[{"sig":"MEUCIAnLWf0IOHkr/EmnnADQ7yQ3t6rWi3Qe2dD5yK12TrSxAiEA3gBRmWzj1IWMBylEtczw4/Xe36EkjDr5Iu9hCHTUhjo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJifBnWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpclQ//aScgF5KkOPVee6sAAycXSG1DNftTmhCNKmduZ2dlbHlpFPFq\r\n2eCjR794D0byH2MgNn277F40zQrKe/BIYYKee3mVFXJNg39Bekm1WtJ49g7n\r\nI09UpLoohYjEynftLgaiuPPvTaxJubpwiecrF0ROdPw0Lxna20x2PTUsilrM\r\nfB/G50XZ7oGkpx8c0zugQxefnReIuXz7uTusyZ7xdygM/Y790ncUwQGZh/xG\r\n/ea8/gUJatIzCmNjmmKPjc0PNrdvPOAsdwCptT5kxqAt4jNoApW/h7QMqcnZ\r\n1vnDVh+MJ+GRHx4RXUmpW91x8p7F3JorJXwP1RBGmDKLKfr5Uw36C1xg0XB2\r\n0zFsFJ8RRDnwPAe8SAgZn3eXgC1j3JGJIevqTmFP46NsJuUI+MNDgNVTMGb2\r\nWUgI6zp3zfdQ+TehrfvwBiqUejhJiRw6rWOuinrJm1c61VnH8D0BMsklaSwJ\r\nv1ZqoA3HAYv0oJZ/IAKP+unhDLrvBSZrk3Cl+/f0hBeth+wmgrB8T66KjE1W\r\ng6ivaxuSTE2o5LslHxrx7y6fC6QMXcg/6pa3uqyvtbp3+6+MX0oFevH5Yl9u\r\nqJRs5NgUxURjlmQrcwjcoesupo/uXow7DphHc02rQmkQ3JNAEz8CV/F7VH4A\r\nNY1gVJlxZUmGkuJxXUGtFegaubT5o6nRQss=\r\n=oJF6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ef2da678e66576709be19aed16a880b00e73a039","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.e6072cd6a.0_1652300246637_0.5844083192997231","host":"s3://npm-registry-packages"}},"15.0.0-canary.5b40eb988.0":{"name":"@material/animation","version":"15.0.0-canary.5b40eb988.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.5b40eb988.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b05ca7d6888b06e130e107c484a7c74505438f69","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.5b40eb988.0.tgz","fileCount":25,"integrity":"sha512-UQpHZ4Fu09w+A1D2SAfXK8SRueewaBR6/q1SWhufWpanldxVHOcfUIAI4ItbOLdMt31KfkyVjIkLCh5cOyFcBA==","signatures":[{"sig":"MEQCIBCLDunL1XPBBEN3TLM6PePclVLALiOK1uC0h1rs3v6tAiBlcCyuU8+9b8nZvNwV438SkfeIgUxzcX/q/J8cedpE8A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJifHQ9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoN4w/8DpKdFRDmbm3Xzu97+oARrgOYZ6OVYSAVMY5C1NVEZzanTiic\r\n2dM5iF2IAJmxKC6zOrkKQyj0SkTn17cZHbkekxszEJcZLzEYCi5JkbCOuC9I\r\nMB32IpnprCKwGMNpz7xOS8SeW/O45i4QCknPyxwLBeeNEq43aomq0j7+7zzS\r\n9hV34dcxLcoWWvnZuU7RinJ5ASWILWUUW4q21o5ch8ca86pl1AAYWz5Mivg6\r\na3Mqj4xy9y1qj3W/z8MR6IYV/PjyQoR8sTFUa7oBm/XK7ICbLwDG0le9qK82\r\ncEom5q8Omui7ceuFUMBDpfb3JxduBkyuHfFn0qSpetswz5wKo7ut8TUcDE/o\r\njUa2FaWOY8NQ2n6DozTGGxh8f79OOFKfInwfXe7nbqziM0gJduBb9Jvo0TRs\r\ncs/mNfl/qweJeSwtFMZo5rsZhUXuczQYkhGmNgAdk9vqv+VWMWRAwqA/GREI\r\nnVOLQVBlU+xSiAsso/zfT2BYicqmu0bP6cjc5Ix/IrJ4HMAeq9R1giNsT26l\r\nZlmNLx+nN7kD4/57vZXyiITHour9qG++kuTwE9K+DutJDF+P6h9yd1hnL45Q\r\nE/Gpnjg5rBIhKDZrq0h56CnuchB6tLdugOuV+UOSlQprdHHi+8yFZD+8Fy6z\r\nSdZ53hThaeGxYcjX+f4dFJhnA5Yz4TmKqTc=\r\n=LDTS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c30f2a613c97ecb48fd3f9ad7b0677e51a156449","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.5b40eb988.0_1652323389420_0.729498072438638","host":"s3://npm-registry-packages"}},"15.0.0-canary.6a61d62f6.0":{"name":"@material/animation","version":"15.0.0-canary.6a61d62f6.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.6a61d62f6.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a55cf9d49bfc6e7e9a4159880594d950a281f557","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.6a61d62f6.0.tgz","fileCount":25,"integrity":"sha512-xvjB9J/CR/EpHM/yPep73rT+lWKB+gfLqEvtrPQXtttsRs0GgrbPeWy8poDuJBKvSkoRHalelVgkRMwCV3DhRw==","signatures":[{"sig":"MEUCIQCER+cnJkpQkrla0KCuoeXmGxOhlkXIHGGCN0C2wXouiAIgY2b/qIm3O2Eu/tRjICou4Iuo6/E5VUoTr086bGZauAo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJifW1AACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrvMQ/9Go3sLRZH7D7bJSSZmTJCCR+e/b+EwMGOCroSdGH/QrO5udlK\r\n3OdNjwPOG2QwpDxe37R7hY0jgz4HK3UXAMM/HoFOBZYvoSNaZcE9u8MOfWKO\r\n/+BLQ2n3gJ+m3FHkXfTose3s956ow/UtKNYjiETmOGTzny7CQ3wVYpIOHIi2\r\nHp2otMq46cBZUtIBCTtyVUOZHVD+LRHtfkX6zVfekCZSFaFDzG1x3LNjDc1Y\r\nwYqW2DtK7vNZoQs8M1iBXzS8/3gcRbbtAUdLd+OY45npFEX1mYnceb/5ltIE\r\nmG2GTDBvwandFAl7zoPtsvxm/3aAIz9HlbfKvEkPZ9RXVS70x77teyxatYOB\r\nPDJuJmeBA8ZTVdwDhYs+MqOm5Cq1n1KIhdUXM7zMp+kTJGdsRsueCgEJWOvH\r\n86FvUS6XvY9r0H45R46OX1oYCYT6qsr3MMIKKtynpxQkwNK0t3yL3X1ePf0M\r\nm2qxhyfwhLw9cuzxxIq7TTRwwNcHK4NxgiCsygRL3HgxlBvX9GGm1XNac0Ll\r\nWER8eXfoshLB5MXFtJoGdq9tfS4/42rtheaBNhBkzEPGbmIcGLsk9NbDQ7qL\r\ndzrk3D4VVjL6ln05PykJHztjmktma26lmLsYKsqDh07axc96s4M1J4Eq6dhE\r\nF6G7doODtBAqVEk7IWwb5mAWGpAGNwJ0XnU=\r\n=5pR5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"1d46f0951ee9f725b870919613271f00fcb1b521","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.2","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.6a61d62f6.0_1652387136438_0.4438158083114263","host":"s3://npm-registry-packages"}},"15.0.0-canary.05930a453.0":{"name":"@material/animation","version":"15.0.0-canary.05930a453.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.05930a453.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2042e3acd09f54241c47bad4425e91e1588de334","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.05930a453.0.tgz","fileCount":25,"integrity":"sha512-SqvYvrXiHR0Y+1pQrGuK6QSQNOaeGyft5xc4RBAzuc6heROjdFn8Dd5/vKrhGLSTiFo5+GiuglZvOiL+vdDP3g==","signatures":[{"sig":"MEUCIEkpVquajW9BuCjb/TE09mIG2fBcfDdqq8UlA4McoY0mAiEA1ecJSxwU53j5/LV8V6OzXG02IptArPhscDxFFFnc8aI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJifqeDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqYmg/9F7mm0JSpx3TPybsf8VM/2CeQVjjXpLJS19pvfytrVKFe4Ank\r\nzboMyWzVfrdzVCclVQUbdrh9cQgDvOW1IO6EAsSmho/w2q/jLfI/ucf3UlCa\r\n/BryRcz8MvekcPNZ771JQDM0kNb3zA/vuhJ9GCvd9nqSbRNkc2VMgxTmrfTN\r\nRgntml3wmicippzreAbIfELe4KE3Xl2Z61ROAJmkVsM+DcAgKnPX33rPsbBn\r\neiKtKG+Y9GDLUgGiRNCQqFO8g0XJ/KCBirx55w3Jx3mvsrQc18MpaBLnRj7e\r\n3SMM9r3xsk0u1bSVuQ6FmIdR5h6FkG6z8T9VzZBr7n7LaklulygK0A3jMUwb\r\nZyZAPiY6J44SmgWhZtv8jPvrjaUCAx5YBtOco3QtqPZsiE+YcUhpI4oQHHKz\r\nDeRuhD8MMMBnPE6tuwEhocOpq151ODc2/eInxBcsokubcQS6+4KJrothvcbU\r\n61oFRwSMNNExNq1OASb4dIauWRQsdCWMdzJSv/I4iVLYqmz+bVVrU/o43Swy\r\n7h4KnPcriro19FpQIzNFi2eiSsLyIdvPGhuxa+4HARRfZS3irmsND/cg2UmS\r\nOPVXsQ/zTanS6Ef6nHZlVzWnCdJmZ/Xon2ZoW8Xt/c8QYH2TKkT5XO724OXV\r\n9RMFXq0tg681zWAbCqMozcFBc0AUxFSHGWY=\r\n=YEb0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e6dfc2d0553321fbe47e71fb414cfc1152b0ef8d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.2","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.05930a453.0_1652467587532_0.6025415014700841","host":"s3://npm-registry-packages"}},"15.0.0-canary.c0a11ef0d.0":{"name":"@material/animation","version":"15.0.0-canary.c0a11ef0d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.c0a11ef0d.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c445a051c5e5082f5ab1a2eea087430c78a09dd6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.c0a11ef0d.0.tgz","fileCount":25,"integrity":"sha512-j440KofE6f/xTCFJnQhw4n4aMKUrynDc3BR59NHTBT7j9WDdU7DHWBkh63BDaKnHZeK8mZHab8xe8osAjZSgqA==","signatures":[{"sig":"MEUCIBSE/ZF5Ud2fnWct9PxhSIWtg2RgqX+28vaKA4e7yTIDAiEAq9fGgFF7OXLjTrYoKj4esaAqPClARWWL9iHbsO4MwaI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihWxjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrKqA/9F3ruNhKksMjHegMTXYj2i67Oh6mXUDoCWrBX1TWte5jvPbZf\r\n6U6S4WdwRW3M18xnsNjjseHUsr/fmqItyB6H/G9HuEx7MCNuBHBVEbtbMfGd\r\nQTeWlDiLOU6jPcsrNxhIA6S7u1xO3CmM3BSDTravpgWF/0/IbU3pRoxzlp7U\r\n55PDul318kH0myGUywud8PafA/9OFwsb814D7/OqrUC2eijSjwT0AxxugmW8\r\nAyFs8eUb9Qsjncn91szWo6SQ5c9sz/dhNZgIgOShA4Os5VEJJPAXtpIhms47\r\nfeWEUcI86MGT7dNCckFz0wAH7+oL6QBNIiJB996fSwQoCddABFzMN11iDkqE\r\n1Ic9lKyOcGFPEayIZGfuJ6WJAvvB2yR3/b1YIa3cfOFMc7YTTOmJNemugt6u\r\nNUkJ5CHmjPGrzU1N0Q/tCWNTQ1lvdRoUxoY+8QW7j2Jpr9WANnj0VNG1TGhC\r\nEJwRUCeNOICOlDrXn/QwSKwNmyCWm8an8/6Np6z8VSXlowjfVfFUEKSUsH5q\r\nixgzAdCvuzHYORC54s67VYEwWQnBXs0o7NQMY8mnJs4uYL8na6Vk5kdaCX8L\r\nXDlfM6uWPYJgiddNWTK6pI5K12NeKDikfiMLvVi3Vl4KEyvdd+PlXKIaq655\r\nHnkkzj4Nrfp/xylnSRqiJ60U19p4TjMlZm0=\r\n=Sp1n\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a97df68c1dadba0530f5fcda79fb8bc3082d963a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.2","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.c0a11ef0d.0_1652911203011_0.7428198236340351","host":"s3://npm-registry-packages"}},"15.0.0-canary.2f9b268c0.0":{"name":"@material/animation","version":"15.0.0-canary.2f9b268c0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.2f9b268c0.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ca47266ba3f8aa9a96bf09b583959b5bdbf9542c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.2f9b268c0.0.tgz","fileCount":25,"integrity":"sha512-MGkKVJdLdiUu3b2pp7+GOcNj0D81PzSUBpp8bEWmfqArHNMjTmgTIfrCv2k3ro1k/GqWRK3psL2v+diiev5A6Q==","signatures":[{"sig":"MEQCIBcCVwrJL1VlLX7+YF9WUTDfTzdXj4c2gvSuDAlF9FmXAiAlbfCRKuj6fxHUilb7n7oEjN1jk6FLyCigpRVRqzZRcA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJih+ybACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrD2A//XvXoDq7sund/MRiaAFYgUJqyknl5Tn+MHFYcg7K1UPstvS9n\r\noDeN/t8giZtVaCYcWM069fkdCwGVMF5n8OGkJS8oqWZDLlRxMUc8ZSuI7f9C\r\nUhJQ9DRp1d+et5hCkPE+VcpYiNkmFr3Mr/PfitnGXyTxLyLZow0UJt4Fru6E\r\nhA20EkvqM74A3YWQDv7iv4oCTbVzLrq0MjnfOCyaehdF00tPLmDa1fpiooqR\r\nqQBEWGFt1NSvzx70DeVPm67P60aqu6iGzy5LHtQ5l4pVsKyxe1OUeFsp/8bv\r\nc6F3bOqN1Vh56orEYtIOne7P1OBS+5CX3VoArVOunJdmtd47+EZ+9/8kcTEz\r\nCJulpizdmFL8sqF8AdYOwmECiA6EkMxl9gWkIkaq13Ke7GPXJjOIcARJgySj\r\n7WTPNXGX5dIJ6DUVzNgGg+qx6fbvSVIBbKTUM3ptHrgWHTZfWlocBz9t+0vJ\r\nG9rYaRBnPi6WemwZ70eFr09LGyns8gDaQxo7ThAFWq4WStvutsOXvm/3nyrD\r\naZiTPSpOzylhNoj1wvuQ2FtyGDUL35aW+oOowW78dHb8gna0+pggBRBeW5TF\r\n+y1PjdUgrztLtjoRyQDrRK5Ootzbr416mIMF04aWwoqiLjNIGTOH3x14wXfn\r\nE6/Bg2CtTfADsRFE5YIXN7G3hxG0n4Zl0m4=\r\n=Avc6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"29832a4f010df39515e01d98656d2e77ac1e47e0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.2","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.2f9b268c0.0_1653075099511_0.6101036203533736","host":"s3://npm-registry-packages"}},"15.0.0-canary.7741345b8.0":{"name":"@material/animation","version":"15.0.0-canary.7741345b8.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.7741345b8.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"86ed37760c4eadbf7d8f1beb7c8a2d346ab87589","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.7741345b8.0.tgz","fileCount":25,"integrity":"sha512-NuarXhkNQ7nvoixbOKtpp+0GUefwTTK1wy4Qs3uJo3lBSrMN0crEO/Hw/jIES3SpvGU5YYFAqlnv5JHvItP8kg==","signatures":[{"sig":"MEQCIHQJ39dFKLBpHyaclhZQdkXZCthEWRFb6cvAGGWkG/3aAiBNGDr5pnGCq5+wtveXk9Em5hDRRmqVp5GSQfLhw/d7aA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJih/OpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqFKBAAow3DOnh6HbRYKk0KWJJqZ8CCxzIMqgZpCduZ0XEXFgaMzloZ\r\nn8IO/HxQRNDgSmWwBOpJD5Z7OzAGAwQ2EIfcX2BtDoxvMkCOG1XRz3TDoS/C\r\ncAszGQReZLEhw6fSCaMUCBsNPVzisGjr/3KeNnnjTcHa22BF1AM/0f0h1FrS\r\nL3nqWykXYuO58m+cGOPHhje3vwSsmuHsN8j974jPu2ppTCUJGShpNL1AVuwC\r\n0seU9jHoK3SZrsz3epJH6PYuAe2YAVgskvI8wDmoJvwRRXZEAP9CWIedzXGX\r\nnUr10jgii03+huToQbZcSKXvKJCrH3Cv3Bo5F6/qTzoJouQRXmDogMXlUbX1\r\n+eyg/s/v4lrY8C4lAB/+bObJQMKpDP/g8KZpmaoSpjA6YcLup5uoOVRBDOjH\r\ngzdR1Hcnmq78ictxRe6lBnQqHxePPNi1yQZvKuiJDDLZXd7Si+BIpYY20UAa\r\n9KiR6xm0chiPKQQgeQjtRIs8va7lYkt7ElBDZ1w4+bMAsKopycU76UNkuTg6\r\n+HYmOwn39FputHLCWjLM5KHkjJZB42wefi4Ii4+X+0HH8eCCrQYmNQnfm3z8\r\nw+bpGIdgwdNqVvwt85t5V411ify9kcNGxqLXkkZaNvaV5CScTOrhI5oHdTyb\r\nfCjQ8EYwZq9XhzBa+LUcXEEy5zouH9Ww0pg=\r\n=PNvZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2e61e5e8196d28c1bd4d1c7a12c242276c1d8ec1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.2","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.7741345b8.0_1653076905173_0.3473145221385552","host":"s3://npm-registry-packages"}},"15.0.0-canary.f807e793f.0":{"name":"@material/animation","version":"15.0.0-canary.f807e793f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.f807e793f.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3f517dfe5e03e9f1ba76075040c03502a44e160c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.f807e793f.0.tgz","fileCount":25,"integrity":"sha512-A67vEQppjJm6DslpDyTYd+9pj4Z9qFdsHcU348w0ovQAgnvcHQtspkK9ip4AEuDb5G5kIUhGxQGYgiGzgZTpkA==","signatures":[{"sig":"MEYCIQDvC0JD91UXooRstkL5/P9isbH4kSCh380reictsWcZQwIhAIqcaTdOmND+z+cGcmYhiKtZfkDlTBoeaiKbw9VdcOud","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiiBQsACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpPDQ//UudNlizeTQfbpfIyjPa+09fHn6ecyXmb3OGZjj6r+ghOmLu3\r\nZFp1R7vz94udvVNXrBxb2MEFJxk3icb+nWYLOVfYF8uokVdb8/dlSwd1itI0\r\nF+S+B8hJACjA4vYA/cTeNRag+1lLsfRvZSMD72Ao8byznrxMNJykMSwR+yqY\r\n+mwrXZ3GxjUFCV3adC+uYmvo84UDwu/3P81JKhI+NrkqwQPkmpcG+SPUYMxf\r\nmJ8XdNWguzfkk4WsRWEqnsuVcrhSQ+y3tmaMkxMdZ3TzNps855wiDoySzQwS\r\nffJcylxb3GI7thHTVMYHWJBoo7b75usE6B3s/j3U2PbW5lbLAemHzgH8XpJm\r\nKJKLPpwA5Rs2x3Kasl87WJMmXqPpfOwiyn9rm03x9V4z/DQ5tEQuGK6Eo8X2\r\nJ5JobKenUaHKmqqd1XKiCLSsrfoJvDrK8v1NbwdhdgIDi46iNnH0DYmLKP6L\r\nz5u+HAFI+aHMe6qTdtqP7CWFr3o3dgWXWyXjc7wN7M+61hqdgdSGnGi0eX7L\r\nEo+qMM5UWjvJevgk+lm55B//DLMxaVVHPp1RqcyiwelbQDJjU6p4bNU6Cv5n\r\nI6JUMaGEcR1WX1x/s2AJoaB5yG2qtgHrpWW3o/QDikWldkV2FHtBecMRykQM\r\nAE5jrXtbwfCkHcB8OxIuECN7avnQEIKkK6w=\r\n=MA01\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b4ac5ff59e90b4770de9f689d9b09381fe2cacd1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.2","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.f807e793f.0_1653085228694_0.20278796961799217","host":"s3://npm-registry-packages"}},"15.0.0-canary.9f53d4a8a.0":{"name":"@material/animation","version":"15.0.0-canary.9f53d4a8a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.9f53d4a8a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5106a77cbb0b9197f69afc41c847e582747bd3d4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.9f53d4a8a.0.tgz","fileCount":25,"integrity":"sha512-w2367vfuC0Tfwu9nrH5AMPHv35o43iSBUoBBeYXrwwfBYTEdy0kRbWDR444JKeHjgAEjdZJj2QLrNCzZ+rKLKw==","signatures":[{"sig":"MEQCIETnm27Wi8UQWyZMjqelGluehYf0hs4PFju6bdDgvqN1AiBrdITYwHoimmIwHPKsXqYOM25ODNoHylVEVqQaaNlV3g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJii6CjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrHuRAApRk0MMDY7AGSqg6Y8uqovyKdN5lOcUiaSJ+xjvNv4NLGCmte\r\nvIhrdpVfm5L9PdoGD5QTbB73/uffSIE9Igkd0fR6J0bNbGvi40VgTgiJ0s7O\r\nN2Myxg1wk91AW9iawBVIFS0hhhmGiiObbWP3UGtpSfr2ZiH5v5apViEC3x+2\r\nRBLfIpbZLZnbmOuRB+kEaUQWFK3RdA52llRi6XlhvOTm+opW88lFa0JylFg2\r\nWC2UaYRsQei2ppK5JuD+OPrW5PQ9DuDeMe1nQckJYdn9ZSPvpfSlQI1nzti9\r\ni9YNAzVH3ApmPjYILj7tiH/nPAv3PdsCgteBsyDEymRdHXasEwsLCYASvTmh\r\nFM4iqshBVXCTtD5AUQo0pKarWJuJjad7P3wyT6PGTahHdgOEx5z3N8vUSfMr\r\nsYZUsKsLj4bLiW+j3x+CItsw7zHFXwx30YNn/O8evgR73Aq9ca/Hi8StyAq9\r\n3bmpE5PbWVVSSsyNmSBkQU7xCvDxW6l+cQ5DGK8ypm2Ew6Ic5O+jD5ZOmw4u\r\nIOiuopvazoergibE6aE3Kdi2KwD11addOFL2x9TArvaNSW9Yjt/ARmhM+K1N\r\n4UAW+S5VphPKdNIrIcOulPzq1M8GE3aoJqe1Fk2EuY5NMB9W6Lh2p3TaFWxE\r\nrZSbLyhwsNK90VXFuorOho3E623zqPpUocE=\r\n=fD+Y\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"5db1bd7747bde68bc956d054f2e939e62c78df6e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.2","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.9f53d4a8a.0_1653317795435_0.059808051800866346","host":"s3://npm-registry-packages"}},"15.0.0-canary.77cf00e37.0":{"name":"@material/animation","version":"15.0.0-canary.77cf00e37.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.77cf00e37.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"180eb912c179dc120714ddb643ed95cd2c5ab5e2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.77cf00e37.0.tgz","fileCount":25,"integrity":"sha512-Xk1Oo7hK4dSn6e6sHtbSKXmQ+pevhOxWtqUDLsxCOa3W12VXjDyW2854nXcFWUFpv3jcGErseJDqcaATo75YUQ==","signatures":[{"sig":"MEUCIQDTdfRVnBnED4CjUinlgZXe9fJAvVGGrXsYPAldGtObiAIgC4SMdeD1bb8iIZ3LjnDH55PX+1lcktZ3cLSMl+0CBlo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJillKRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrHWQ/8DCvmNtl5TZyg8qnj0SEGHHF0xj2vk3dyFXgFoYCZCxVro1P1\r\nKOEPt4d5KwLJyQnXCBNPMI3cb8c1dn/lhZvLxDIJqt9HQ/uHfTBgOEoq1Zgr\r\nVZ1yGRxIXUub/DxTXVAMM9TnUniAdjO7JJCpGygL98BDL5Akwh9t7D3DSyMe\r\naVt9G1f27yf/wSbufIY1DGIapSlEMq1ncvUDNsCabFgfLkBKZDT8RwEIYKvK\r\npIroWOJSh4kvoJc/3Fd9pWaWvouRujcrxjSvCDUdfPc4OXZ32hiREFKva/Wk\r\nS0WO0+XCW2BnhdUd0Fa9XB80UdhnYhXWr6BEtdJop2Ssx5gqyIivGGq4ItKo\r\np135SIjo1blZoAJxjVb3j124EWDreuXd+DUr6QUV1RJHpA4ueeWzlbhtQyHw\r\ncuDhXb69dtVPWa232jw6vpWD1Gq+yRlZTuBDbxP6wbmhQgzLKgi1PX2ye7B+\r\nLns/xhEDRhAQa7tQZ53uT8xmacFrVBiORLTorr3OtiwLhl5KfR9AV6VKLmCK\r\ncnVuH5iQ6OdXXwxReSSxgjW1wrlCCkKQDSnARpxvb+gn7OuMZ3WQou+5kHTc\r\nl13LGhi7YdvgUXEOyNctySkn7JgJPCETTg37cQGy9qCdQDbMsqOem1XVfNOK\r\nqOrhi7JBXmr3ABHoWZPbWzaHCX6jN6TdjBw=\r\n=svmN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"1a68e64a5e78b8bdc529142c18c028aaf1b15b9d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.2","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.77cf00e37.0_1654018705638_0.1066563512142662","host":"s3://npm-registry-packages"}},"15.0.0-canary.3c7b844c2.0":{"name":"@material/animation","version":"15.0.0-canary.3c7b844c2.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.3c7b844c2.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6285df4baed16cfd58128adb14f8cdd2b73007ec","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.3c7b844c2.0.tgz","fileCount":25,"integrity":"sha512-c9YsKYGF3yT9Ofh3eUWhpm3jwJR8uuG4fMatgUP7eYpFL5hwWy4KIydjrMR571lKmvuqTQtbn3VExlF3QsSO1w==","signatures":[{"sig":"MEYCIQCNH8HYEacr0PZAdMWrME3zNlIysIfMcByp/fLDQzserAIhAIe6ZqMMlWoAIzNvfb2NBf2MrRM5n/SYagIJVHQm0aFj","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJin88JACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrXjA/7BCPDeGW2RuUS7kjW7jQjTfD1Wkdp+XOhO/dDEOAFHtEUOr+N\r\nPNnRobwYZbmXSASPpNsOy1tyVDg/Ftu73HLbwvDo8b+pGbrnkbmUKopj6Yab\r\nCP8AFtzhl+ZWlqvx1pF0VfHHLgHDo4JGbycM/9E3sni3fQftPrr7Ifm12i6X\r\n2juZolZbmulbMqxtsxOpQnLgCvuWFXG93sShbEk7Wl6i4d314dtnHT5mR5v0\r\ntnZIQvgZe4ZAY002pU3zmDjwEBeQn+NMTJiWxzNdQ/EQnovih6tQ5mFeXKrA\r\np898GboCqp1a8L8B2n5gSo9D0yljdn3/LG9mMcoFR+WOAwJK9oHABMmiUcgh\r\nZDDj7X1NThiau7awGGfMN0WSI2GefyvyUJRlqv4MpP+jEX15fJ4VmkaV3Qn9\r\nJ+hiJcLnJAAVdxVT3y2uyTqti+cDSnxH6ii1O/mKNi/LdclAuZCnfOPMi0ZQ\r\neCCAmxZIvWrTnvkA8+01Eiv7KtS1Q6kGtkUzjoZq6UO9Vf+I4E3qpgKq+rdu\r\n3NGFWRdo3H0G3w0xkdkKn87K5yLn411Qn3LZbcBBOF87njhUKiJLo95cFFNi\r\nVJcItx8Ogxzxa9ttlUZqSQMRaNaP5f1iyFYZ4jQCSHyrvB1HW7zoYM8Jqxo0\r\nHsOMA7zuXHZ8CqE7+uJ2j6v8pyCVyRChsbw=\r\n=SEU0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e9422b2e6573001fae4c8aeb7cc75741000e0034","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.3c7b844c2.0_1654640393148_0.5603895917379","host":"s3://npm-registry-packages"}},"15.0.0-canary.df47894db.0":{"name":"@material/animation","version":"15.0.0-canary.df47894db.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.df47894db.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3520d972c6c2000afdd63a9e68c3e1c6b7486ad3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.df47894db.0.tgz","fileCount":25,"integrity":"sha512-HT86fH3cJxaR3vRpqSMh53dIJCvngKo1KNroSvcBMLAYBN+7aVMqPlt8DHzj+bldEANx+pN0igwBLPosTiM+hw==","signatures":[{"sig":"MEUCIQCOooe5Kd7hS6+byIz81S00e25Yg6Hfqt4hcerTYJPgjwIgNAPohkJxBTP3otAsPHtJEAPMvhZ3btsdUZX1UeaKlU0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJip27RACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmogJA/9GjdEIcvVF8JFfOjFPHJ3mG+CjBClc5TkXChBTkvZVB66lPOB\r\nNgLQWUoSFDiQd5vPuaQPCSw7Pt8R87ppM2urirbiPDSLlUyLqLEVwSIA7UX7\r\ncu9tx5JHFIiFMqjuHWXdm8APgZyg6hXn0alDpFIefokkE0dfw3K3OirxU55f\r\ns8VlS3GjHR3CqrR/57wwbQxszeC8E94prhVZ1jo5xkW690cGjhUuTXua1NxJ\r\nxjmwwkTDNxhXBnwx73ZZBJE+7a27vgRXyNGkW1EiRG9e7weLPgWM79jhx0pV\r\ntaUwGKzm3zgKVXNM5gY5+v9Q20nj7PUN30qDTa0AYwMqloPMehh5Tpxefzfq\r\nM3Shvrk4pdrQ/vDnq3sbvtykaqRX9VS+v6uLat32Ux9TG7TRbhyQ0VzBo0Ze\r\nvsgXT02S55ASZqJfdjECPDgdYuZwv3UoO+RTabMJIhuHxZBF4+Buy/5lhhN2\r\nZhZOgioLnNsoLc69fEermG7tCNle4KEdqMQw6fYEnjoUwFY1t0jyMvvZegkE\r\nuXAEMwxFD8Xe2mla3CSbqtONArtAa0cB1NRRa03M/tWLn7eeh8UM9TDU6Plb\r\ncbQRGfdQoxb0ziFgfwT1i7U9+r3BpZ0ql7rAnttME1sbJy0o42lDbI9SvZmy\r\nAgbqalSIKHBtKm+/FDGNC1u1uUCoONkiuWw=\r\n=vf6X\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"42be62e51a7c150444c5b32b2d2acee03d09e6f3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.df47894db.0_1655140049627_0.6923250737780606","host":"s3://npm-registry-packages"}},"15.0.0-canary.b18a873dc.0":{"name":"@material/animation","version":"15.0.0-canary.b18a873dc.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.b18a873dc.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"951f711b3a01ca279a743b5d0d354e86dd27eced","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.b18a873dc.0.tgz","fileCount":25,"integrity":"sha512-klOjz2mSRlpYMSOBGM/pUuI0GpQMbc1TaG/qe8LqopHtQhcYz2uZe4weIsORe6iN10aIo1lWEFrSxSEvjkXang==","signatures":[{"sig":"MEUCIQCwpVQn2B8uxCq/IfS1XHYHleGi4BzkS8cV8tPK73eRBQIgHlXIJdLPV03DABczpKWco3viiLPRwO7nf37gNlYjrGM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiqCqhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpx7w//dnIfXnfKrBvnc2x06OHD6ztZOlpXaZu88D0k2JTFu97JrdC7\r\nniabDqOipCNPziuT3Eiwa2NAjJW53qSHk1FT2HPvbHfauHpBa7wpoTFt2Pw6\r\n5yw6TpmqTndJF2H6t8zXlargz0Pu1y6jZ80hGm45WNv6qPVvdzZriSit9CNB\r\ne76yujAbpFrAeXRBPNzCmsvuKIlPNeFxArxbWgPpLIuVmn6kE2jYLA4nhM8R\r\nuZ0ZBMMeefAXF04Wh9fUDmMlljIQE7CeHPY/hGsIB0N70eY+6NEyfM6HsAaE\r\nazD3Lx92RAJ8H+1zuRYpMSGzT9xb6y8xx2IrxJsswaytBWsAzb5CPmPAob2R\r\n1z+AHRCw19xq3W2T4nsFdjAOyr2ynQiWPMDx98/ynWmOI76fAIoYAXoh0Hps\r\nih7Ctbted1UEQ33Rl63OHNZXoiZG7N9x/Wytk2RJNlvQ7hCEato5WoRlNvq6\r\n7txcxp6nsBBbRuyG6zKLg4s4r5YNnZj1wNdZgBN5zbNcG+c6vKi2pXjou4QS\r\nVyiqr+nVaIHP/rwoam7gZlq/UaxG8oh98gJWnC+w9zY9id4X0Z6NtHt+r+GT\r\neSS/9/ffc/j7+Ob0T2LzfmMryC9mcayMc4HKI/QsuMYjY6fQKjnGCS7r/l+G\r\n1FR76o24nA7CG7f7NAhmr3DA5KECraEPkZY=\r\n=w8Ks\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b35dadfc99a3788643d8762f8afda3f2d6e76d5d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.b18a873dc.0_1655188129097_0.7280422444125232","host":"s3://npm-registry-packages"}},"15.0.0-canary.ba9c29637.0":{"name":"@material/animation","version":"15.0.0-canary.ba9c29637.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.ba9c29637.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b03ebf45aaf54abb056ad9936a5ab9e9898f87cd","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.ba9c29637.0.tgz","fileCount":25,"integrity":"sha512-63iBke+HBx9w6f3iBIh0f2JggqKjZoaz2cEc4Wz4ik4O/X+q3bsN4vUQQinKYRTraEt3FJ223RdLZ5fz6ROQCw==","signatures":[{"sig":"MEUCIQCMru8mE2McHXfpQiCSUQqpHFwrrOMcfP0zr8cF3J3/HgIgQCfWtntkVVsdf6P0hbRSApiOZ7abwqB1yPCKwJFqxrg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiqNneACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpsfg/+PNvARdqfNpClPIiUkI3SBfI6xIxagyp0d/D7CoBEF7yrxdhi\r\n6+6I33dUO7dur7g7Ena65UapLvNgr2YPPseehS+t217Yzg8WQoNp/Fsdrjl1\r\nZ6BoXvVw6gtOOAQ08rUuS7OQA2nuZ+2Z8lilfAthKsKkvmWjtBZMBZHd5Ss8\r\nvjP4tcGEb8aFnpLKVrzQIzOUER2y3Vs3egoJxwjTtSD0PECA0FiHBg96QVi+\r\nVOXDi+dMLA+Sps4wM5cBP+s+HmXyKiA/IBMstE3HUwwHRB3ZZiWSpzraXLch\r\nIiHtn9O+TTb+k2MeLLbRBBZWXCqlGwfXo9IzsSU13376gWhpZEwY0RxUwFJy\r\nEVlHOypJWbxkDqbvYkq7BDtdHRrNLtN327/saOTB8nYeUDqjLvbmfPPBHe0i\r\njuj9AP7veZUkO5nVKjKRN1izCwtVtw0OpADC66iUYgIGWgfpnFSaR9uOorsU\r\nP+MD8ndEYhPz4IkC6cXxyZhyoRuF2ACSxTvhbi3CrlvMLOC56dSNFYg+ZRs8\r\nw9XezKqF/ks32h1a58qD7RtOVU1/8jLCNLCCa/o1xmrwX663TUfgRgJYJK8+\r\nAOKNvmsX7fWggUw7bhni7SKD62tWsQTjJ+ZQ81d640ZmG9fPN24loDatdCv1\r\n09JoNX6blKTNexUpHffInw8dqFLOJb9c8bU=\r\n=iDt5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2bf89a291dc4aecd82cf7a6432d198374cfea69f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.ba9c29637.0_1655232989954_0.346494871632109","host":"s3://npm-registry-packages"}},"15.0.0-canary.9bfd12f01.0":{"name":"@material/animation","version":"15.0.0-canary.9bfd12f01.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.9bfd12f01.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7ed005a9f902b47fef7cd5a2ef4b242001746432","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.9bfd12f01.0.tgz","fileCount":25,"integrity":"sha512-v32YEZOCySRXJUGPxfE4u1OjNSYX1l84ekjzgPcThz4FxjKoTK3XRxgqNGgnZyYCXiX7BXsLfgPDs4cSjx63rA==","signatures":[{"sig":"MEUCIQD2HRzXfPu6+u+fQOyGSYTDVs8DKNcdZS/DrLcT19vcvQIgKWbAxms/nArUjGGPy+R50woehfKLq21Hsr/NRFnxLJs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJis2u8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoHyg/9FA5Z7oQIgP3rvgJOSU37lJoiBxvYDbghc/P0a6bRLzR3TU33\r\nukKDzgujiQdHtO43tKLSazFDpGrqtbKCb206pIP2UaQCIxMPOL93OArLyQ63\r\nwU37Dpx4AlkxcfNtg7B6siLBwbLqqejYyXOiXRjxrzAWa70U31BZK9RFQ5iM\r\ngoaVMfmjzgFFGLFOMBZWwLUqSBfAEEWfvPa8g1hxr+oOPN7ZBro8q/2TjDQ+\r\n9X4o8O+FbRWPMG181NAuMTrYtUlJGxEox9OYPpVtBv63yjhsvqlV7VkIJKtR\r\nOhGxpLhDqvfj2TskREN/6KxLkIKyNUyExzTankM6pkuCW4bRfHGPkLM4hpnr\r\ndRHwqQNBhyz0I63hDR0+3FEmbdKOqpIfuYLlIebY76O7MStOV+/mJtdqLnwp\r\n3e1fsekT8xFnAgoWTZzHPkz47W4sBk/T0Hx2OQt8eZidhpY/3+oWqhao0Wal\r\nguJuVKiGOOpZKOmx+S4LlyuUu/+CXzNJUS1HeGaJNt8FKpZrB97RE1QVXtB8\r\n4tsz28ZlgxtSxx+RIT4K3DFmjy6i3l1snNb1naFbBxADIwEva8orhgFTupV6\r\nIiUQ13lwSUnep9u24aQZ0W2MATzoFRrz9/H/aXohEXmLkTFjX5obaSAbecWr\r\ndC6ldu4VUBsZmyLFVPpikK4Gm0zb2mnagz0=\r\n=c7RW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ba7b0d01530df70f39142820ab69babfc9cf5b8e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.9bfd12f01.0_1655925692562_0.1638132498542808","host":"s3://npm-registry-packages"}},"15.0.0-canary.764de225d.0":{"name":"@material/animation","version":"15.0.0-canary.764de225d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.764de225d.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"de49b7195d83b4cb5deb36cc21dec00d2c63230b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.764de225d.0.tgz","fileCount":25,"integrity":"sha512-Noltcj2gPaI38xObIJEJgrhDsAmSZCckHdC9pqYWJwbmlIwkXycuhR4JKtjCFF2EiJspSXU75e7LjhiR0tlRFA==","signatures":[{"sig":"MEUCIQCtMlQOurugkufNpgy63r/XEKLAHKy1Jaz++zwcBcUdxwIgSa8cwZp2lA1u67J7ongV0Q+B/MpSjBB1wG85oURZv28=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJivH0cACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoQkg/9EFWE1/KwmcdWqTc9uqwOm3lcMuyXuQoSjYw/G+SgPaJ81Ycg\r\ntLJ9JYaVDsbx1P65IV0xVHUzhe3TyyyVIS4a1Stsn4qinTPVvhVRZHYlL5EA\r\n8Q8tjoITA3DLnjkEGoHVmeMtq+pZv+dATqfdhORIu/FdyH4tyQMbPGMVmcxN\r\njIaUCCA0zdcYkGttXswEw6L0pgWH9/6o2qBIxVdAhI11P6F0zn2Q79RQRhGs\r\nI5xTz0uJ74lknymuwjUmCnx7ARuTEzaETZ73bjPCIaP1pD/ENs0MRqIR47Ll\r\nJexjsc7lf/Sz7EiM6B5K2BJ4lphJDarrdV0PjCARMaH70p4rVGbgAY6pYfTp\r\npFpWfTYvBldE7uGkOsz7VbaNgSNAA6QWbK6MoGRj7D6ai/7Rkiy4/pgG12A7\r\n0kJIp0OwuBlmzxWViNMIZBshzL+XlfUfYCZfFFK34ikpRkZZNPyHrCk+QwuK\r\nrHF76ojtwSN2cHOQjcPs7BPTjwFp5rDC6ocGJy4pkUZ61xdq7Tk2YfMXXuTC\r\nSIZsn+hpHwobZcckRG4osXTkzI8CwOGTeMbZs5ZSKuc4kQIh55HfjB35z42A\r\nhyXM+N5AG7Cf16YokjkIGFSlcF8kvXAM0WGaI3CP1YttkAnaa1Hhs6sbZgeJ\r\nAz8EDLM3ai7AGB6xsB1DKtKjM+uKPKay/5w=\r\n=cXUi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"25c0f0a7c9d8dcedfb35f64d0851fc4fb86b8534","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.764de225d.0_1656519964590_0.9453917884498482","host":"s3://npm-registry-packages"}},"15.0.0-canary.31e517cea.0":{"name":"@material/animation","version":"15.0.0-canary.31e517cea.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.31e517cea.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"179858f25a597c8f6b494160571fd7ee26a1e969","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.31e517cea.0.tgz","fileCount":25,"integrity":"sha512-lwLCqZw6F2s4db5Qs8T0oiKYgE6TQmWoERz1TvVwZOLILPVNlGZIba3Ny/cVWOkDl6337Zi4TDitYlzGBnlD7w==","signatures":[{"sig":"MEYCIQD9hSFIGvO545/1Z0nIlrYtzdEUP/hRKaLIsrII4cVtTwIhANEjAUVh8dctO6VTqOeTmtpKz3tIXlq/HfWzoM0otzX9","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJivzySACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpQTxAAkoVjZOBV3BAH78mOkjiY5MmVzE9F9499Tt+BRDMuCj5n8NiM\r\n6kmRKuy7ZW2Wo3d0w1YYMfp1M9tjidoStRcI6tPy+gtsfnDV2WzXRQbL/5HH\r\nGYbGY+SgPjTeQFodcNH+dkRpPt8mn95mPAxRFEqXfbXZnNq09dgBX2UwfTuo\r\nDhJQb/m9TDx4man018jSIHJMiBKRm5R2JnQgB3U3ry9+hWZ03DE+i4Ik/RCg\r\na/9qw9HFT14+0dJAPqYkarIY/oZW1c2F3sd9tOd4HNcx12bzk/WVA9EfX2oC\r\nWhyU46JtgcxXPyiJe0tWaw/qlh5Qi8/biDtgiEXq5FZCcLxd++S6vZ2vWCV8\r\nHpEe/kbfn2vcxI7EaPQymvtBizfVA4XUW2ai/Fc69UndW2lyyoWL70YZkUWM\r\n9PuXyvmGeJJTF7qXJOAam6mLnfKXx9sgi4o+5Ozx9IBvhFlzVHJktUNXaOug\r\nhCXTEYZ76M0u2+7rs5g5zOtz7Dh8WgRLskz31isdo2tIYT3VSnlwH2eEv+84\r\nKMTR9KO9MdP/rlQqRE94xYpsLqwQHC26twfwD9cxnfxYBt4W90tmj/o5eVHA\r\nTolAKUIJ2TbarFGQrtb98g76PSNsWBPUkwbdbEa1wII6g8AnGRVBmzpFMj/B\r\nJL0Mr/dFvw5vKHAWknEZmYWIqRgFZT3QIsc=\r\n=Dqa+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"8af6d916fdf79ba9e33a883ad56f539f3decd5a4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.31e517cea.0_1656700049964_0.7521482166396476","host":"s3://npm-registry-packages"}},"15.0.0-canary.9ea4e8e9c.0":{"name":"@material/animation","version":"15.0.0-canary.9ea4e8e9c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.9ea4e8e9c.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"817993fa85af4fa55e99c06d7bb06fe8c239e8b2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.9ea4e8e9c.0.tgz","fileCount":25,"integrity":"sha512-R+uxUVRaJmL5C9XvahbQSvqSaY6IM8rsF+EFoLCE4NldNmhUvgvwnkhnGetsE8jKFeYVDSGRD0/1aXfxND1viA==","signatures":[{"sig":"MEQCIDGduxcosO7XSH+0MdOIq37A7clrdlg9HxUtbShRHMeXAiBaxdIeXz53AACqF7G93//QyVAUSWgkZBBg1mYIctufZw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiv3sPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp6TA/+O46PjJmY8Y9SO309RALgEK8JBg1o4xeJp1Ee5jdzV4RdOArV\r\ndN/xo1TBAqbQaNLeW//egIOcGtlQQe1GcrDDaJ7uqj1dU+YY0U0Src2E1A9A\r\nMO3cggfKCfT925lO4gZvKqaCeev6ZtA16s/GL1eB5Hp0q/AOAa45KNtf/SN2\r\nBZtns5PdN+KfBm3ojWfyy5zX1LOffTEG3cEPkk86+88IYxQxw73NV89nVbxu\r\niRu7SHyMe4xgilEhnx/LwGySzSTq/ht8La/LkKoo7tSrqDluuVJNl3IsiUsW\r\nz/mtHX6dX8li18uCNxv6mika08PA5kjq2drkFa8onxFJ1z+IV/jaj+bm98CT\r\nqc1rzGB1bhSRara6IGeSygIQ4BKeY7gwIUB3j2QrisghyUoLXVnNwespZ6KE\r\nm7c+GUM7YJQVHYZcTmaQRe2ZPGiGK+2aV14PzeIU2yEfPQkCtG9mn5fcmWyn\r\noBKQksRySASbU5vSLFfWQuCrsFbj5R3b3UydVio6IymnFX7i6Ep0Pi482ZFZ\r\netxkYcjMmmupB40tXMyxIQWRAn6ZT3iESIldCjSA/f9c4kqAW2FqZlh2dh96\r\n5x7qY2YSgNZ3ydSn3tQ5foE7mtc+c64C59H1p9mlzrCZe8Nq8rzlZy/hDhrG\r\nFH7oyFX4Q8Ws9t7Z2OMxWx1D8DXDN0IU/M0=\r\n=D29b\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7a2b791f6f1e376a53ceef81767514ec18174558","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.9ea4e8e9c.0_1656716046806_0.1893298676211077","host":"s3://npm-registry-packages"}},"15.0.0-canary.cd5bafabb.0":{"name":"@material/animation","version":"15.0.0-canary.cd5bafabb.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.cd5bafabb.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5231dbca4b7d7dd34deb1ebd4a78455a6d6c12b7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.cd5bafabb.0.tgz","fileCount":25,"integrity":"sha512-76RDftdJR0nzMPY/tMbvOM55st7aKUmoXFJx9PGcxprhs9NIClap2G06Jyje3EYuIHEtWmxVVlocRl3Dco2Vfg==","signatures":[{"sig":"MEYCIQCluCzs3bScDvTZVID3qfESkx7ef7vVRuTjHZiv3wfckwIhAKB9xh0u/9DknrZ9fu/y7vBjTYiEe8k0g9W2ugRVMzCv","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJixcwZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoBXA//S65oe9idnMIBklZGQv9fpCgxxbXFxx82T2txkZG+IHgAn0tc\r\nthKJyuXkew5AStFn6UMWhpJit1O8YDVgVfa25yqHAgnF87A/uoVMvyMidPy3\r\nT1e0I4eycvmCHcstsiJM5z5lR+B7pO49gHQos43Ibyo44Yk6OIT0ORlasIMK\r\n12+kZpTJtKEmhgBpXZ2F+/dR5HG9+yweYTD82bUveT1RxMl4MnUFYV+6wNk1\r\nw1RSE6r7Tjms9C3C81FJvKZ7WWNOnnltex7cTkwu6zhesFIiaGX1hNuxMZ50\r\nuQO0Mr5TUxYitYwLfToVnFmWOj9O2zI3rjiHTVTRJYJVTra1ZdnoI2mm0ioS\r\nSDKJtjHy+hPDENURAkiACvEuDvywWrByE65M1wxz2YUndRXrbBXLhTFvxWXT\r\nuzrC1MdZJLqkonX8G2VfqmCH12e5Ck7fp6XClkiQVBXdXbn73ckLu565swy+\r\n/CuoGWRWRfBJuHKNt9AkkVQ/85zxy0C15kk9ShgXslQ3E9ttVnsvazOfofhb\r\nnamd8QsuIxb3yg3baHRklL0ShkfJNCsF1oLvoycOTPmKl+DKAU4EwrdyVLhA\r\nQE8agaFJY0hqgvQEFXHNs4BORutWjCeZP+zd1cd99rTmJEiHz75Ehi1OVtcV\r\nxzXU8J96yIEYiHx79FO+UrFqvF0O5zcGwrY=\r\n=sgyX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"fceb62aaa361c04ae0a30158d529c7e6896b6f9a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.cd5bafabb.0_1657130008835_0.7976924228861615","host":"s3://npm-registry-packages"}},"15.0.0-canary.a02fe49d3.0":{"name":"@material/animation","version":"15.0.0-canary.a02fe49d3.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.a02fe49d3.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"35ffb6d6e4c7ffa599f21b6a2d10da5fd9033a07","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.a02fe49d3.0.tgz","fileCount":25,"integrity":"sha512-CWAha1Mqtvzyjt6nJSlvKx7NwZjSVXOg5gl1AIJgYFJtJvyADyoaysOe1VmU9O1muiagTl906gdZRBDKIp+w2A==","signatures":[{"sig":"MEUCIEM/1tUjsWDk2dnumn6exabAgEcI6csILjQ9jPUoOIutAiEAnvA1c9lhTEC1zjSreaOa2CLRQpLZpJ/X9L7sHjq6VOQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJixdlhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqf0BAAhl9p8PwAYu1vdXBu+zreCqtHYj8/zMM6qbhQNksrrjGh+96A\r\nksixYszYPFrgU3r6323K26ioSyJqdtAvvwDFkYIgYftfNuim3hVAa9lxfS9P\r\n3j1ZDjbLcbqi6voMO4Cvasu/CA/lqg0SHmT1P8s15/xQk3qCCgpckrd+Ae0E\r\ndxrrvtlIAPj+LgIBUrZIEW/faj1tmmmlywvHf+TN6aryKLu9RuPz4KzQigQr\r\nT+dNz234e6QHrDTS9JnsTS6T0h4jHDP3rTnjxxefHaXwI3osPXHxX/ZiBA1X\r\n7PRK87v44l0hmTnO4x/b5G/Xmhcxr20A+xvwa3wwoLDgK/ffor/7asIHIvry\r\niHkOwXDThrXJgYsNPnYYOoy91os6zDRYXZf1JE69HHP/kYcWmXDLNJamVyxB\r\ndUcBWBmu/+zwKRXhSvRr2IvWm9ncktiAEvwoppuctKTF57ReenEB2dS4eqo4\r\ndBxnlqLyY6P5JmR4MUXrJGLkIQ76xqVgE6r7YP4XDc/RAzJ8R2vP1hlAPa7r\r\nm5JqbQ8gStFmfnu4jNv2S53NC8eu4UiUGO2yMjri+YWeUmvY25jL4rJOuDtL\r\nLgmXrI7BuQth79QL3mwZvreimtzIGBpJPHYVSvTK5jaTltlql8tC6Ihs6i6D\r\nKP99p6XlKJw2I/BrAXnVWHcCrNGU3ZTeLeY=\r\n=mmWy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"8304e794f430681d03b9d2d3193e635a072f2d8a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.a02fe49d3.0_1657133409553_0.3936106431827717","host":"s3://npm-registry-packages"}},"15.0.0-canary.826a3d8be.0":{"name":"@material/animation","version":"15.0.0-canary.826a3d8be.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.826a3d8be.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4382e3b5edca6842b7d55106f534916fa4f05ad2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.826a3d8be.0.tgz","fileCount":25,"integrity":"sha512-u2DUsSTldGG5ImGe+R7ht9ifzizedeJcTivE6VTTw2zYR0VlysiVEqaEnUT/ytyE7jgZEia/zcn3Rjom5LhY/Q==","signatures":[{"sig":"MEUCIElN+hnaSB2kHes8PmykT9gBaJTASLoxWY89VNVXL47zAiEAyTGMCdzjDhA1ksBZRrM1iJyWX0e9pCM2YaLRgtCkMxQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJixeLAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqBnw/+LhCcFAoR6FjSC6EXXOCbd47+tTBLvyJQ4NsuEJ7VuOEWmX5D\r\nLCQSPTxmHf5C9ikAcjuTdYuyLpz0MsCBWBiYYtBU4WlpjL9rU4ovLFdN5P0d\r\n1Sr/LLa8t837PY5U8XBGh9YgxQouEaCwGdi14C/yOcXyA4Jmd72wo/oo+DY0\r\nUThDuG0uApdc8OQaT+Z5NJ2fsw3f6OTNGEwRIVFVA9yOksA6/In76tRa/wiC\r\nhJ/pJx8LA3YVbkdGfp0YwtA5C9iNdyOZaHPi1h2b2Gvfa0zSqJtQK7vWOJUm\r\nSoo75M1IpD/aIzZTRPaqJbpx7bHToCvLUwFpq9Lqydf36nRuttJF8OF/2nop\r\nw6wCS1UreXmJMf+DG1Sm0qTyZijMBouTc9P5YR5U8tKQE1w/70qjHAlBlwM0\r\nojdxedIq1nozO3EYh/DDrY3aklHiNGaJbJkFmp8XMEdZM2asFHmYEESaKLZX\r\nwhsoUgeGKkU4lT6mcK5u7WD6kH/UVySwj3XlMChWuCP68Th0ye9pS6AxR5cF\r\nYPmlxBq/029KZrzJ/GofEciWJvpj8AVp8XGrWdMP0DgGmPMuh4cErC/mr8zk\r\nqEXuNMVdgGOdHiAY/fvkTxhDDecH7yMe/tXoQEbb1DQOxVjvfx807RUona54\r\nVxBK0Th4YgDUsczXnexnJnictjL61pp0y90=\r\n=gio3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f54c723431e97d10fc1886f271ed251cb10209ce","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.826a3d8be.0_1657135808253_0.6116804210761255","host":"s3://npm-registry-packages"}},"15.0.0-canary.ef276aa93.0":{"name":"@material/animation","version":"15.0.0-canary.ef276aa93.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.ef276aa93.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4b353dca7db0c24f9ea7ac91cc398f73a8b77d65","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.ef276aa93.0.tgz","fileCount":25,"integrity":"sha512-3tD/+Vyfz5aiVG03WXdz4B5DDxBw+MC+JlWwTB2PTxTJylTJXtLSovc0ow88gVV0rtBxMmV9GIfHOQT5rBJKfQ==","signatures":[{"sig":"MEUCIQC43me70Gmj9/qK8cPZ0OzR1g8oLLYYVQB5HJqrYP8OzAIgGYRr9bFIZHiBhbFU0xSjzYIVk5jkYzIiW0v4PnSALC4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJixxF1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmobBA//UrKXn+wL1xVngk/EhAc4r41e3qijBk8yiAroo7R06ZYGBZ68\r\niNj1DhJPYq2YNVHJz3Eco2xE9AJXn+y8Q7EdhzfORb9uMe5vzlnEhR2OiJa8\r\nx4YTB4BUACOpHa74EvoAFHVqAnXvaZUBbQdxhXviPuXC3E6w0JOuqVcSB2HQ\r\nBXl8grNSFcl/24Kr+HRV+zeKCj5lH6zC+dkSu0MC+v75HH9+2l5A3arfbSIO\r\nG+0VJmhg9zL5YBjF7ujOc3XmH9MZpNeM35AbrmuYkxq0pL0WLvOkHFQtgWyI\r\n8sypxjIEG4OTLlnJyx87Xq9hm+lrGqDLnnf6PLKsubkgB1mrC7tAVYiSqIkk\r\nd3oy9JpC7WKp5kTWrPhzjm6gasIBUB3ncxtiVOUeB33T3+aAC/mH7fkLd5qf\r\nzcCox86jk6XlwQuOtPUYgAWNGkpPM3s1ePR2XEFY2fbyay65TLuYacesamw4\r\nttn6FcdXQde4T0Ih3sWZU4gWF4wAmC1lk54EODK5I2gUiiC9ejUk8Xhp/DuG\r\nqPwL/+vhD5J1vA1BbGdJHJ1+XIYJxIec2w/F24Sg54fA0IdMJhQnkwnexVtY\r\ntgxaKlVTL2lfufO5qjUrXzOVLVQz6EildOLEs0EttDqJiVRsbwbzi+bw50ZH\r\neskP3P6QD6Fy7qTfWupKDWlJAg23Ypp9bd8=\r\n=mAsC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"502fb9536e29ea5887a9fac4aaf0c9dc2c732e61","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.ef276aa93.0_1657213300833_0.533437990689845","host":"s3://npm-registry-packages"}},"15.0.0-canary.59cf61d6b.0":{"name":"@material/animation","version":"15.0.0-canary.59cf61d6b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.59cf61d6b.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"55b339998adb7b0e76c7466ee26409ae7745f329","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.59cf61d6b.0.tgz","fileCount":25,"integrity":"sha512-jiCFFU5lOKHGpZBoj7UspjvctKv3fv2sbGQ3IqKR7Yo88RDe2hgmtYSoYo6aedsA21ZJxbBHFg4czTEarDPsNQ==","signatures":[{"sig":"MEYCIQCQMoMMW8gaGyv7EHY1cVRNWpsoLtoRYYIVSRFHqV0IUgIhAMNOXK0NiWaGnt5kZRTcPRAuC1YA0a2J2KrKNVyPlCCo","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJixxg1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp6AxAAnXCRDSIJf5hCsKbMjeNwA5YLCGtT5dUAZ5KBL3BthZZf1sEC\r\nL4RIRxzkfyfYdoKc6drw1C6STigd3H2Qes0FQ58d86rY3+VO1rFnt1Mm8OhW\r\nDSIxJol2Crl+xl3iDf2y7CINem1CQMno1geR8k8txVwyiBdDDRyyhMQgvm2+\r\n04gnQUzRP+c2GfsIi20kwoKUzfnd20CFr+Sa5QlBPiHk9YYUiu9+G6XGi5K2\r\ncA6fri3mEOcSGpHjUf98jkbgrr8NyhhcRM1WN9Utdt4CS2WgRLZnRizN+mPM\r\nNeIsvuDtRYb50RHkebzqd2dXs4yPX0DOgemdVqUQGeGS/NZadSw0bJI1hkOb\r\nWWwX8RVM6bXswpe0F9INF6JjjIPDhjMqVXg/nOWd8N245mXp6644rTiP+ggo\r\n9tz1pKTQr5GkiMjixEg9I9H/2iEMWHaySodwHPpKbFlTtL+7jAcmx8DT7plo\r\nmIbShbm+hU6b6lli/t2ZOFDsg/LGbJEexz2zOIgw1K1nW3ZyT8Hv6KuybU9W\r\njTkEWVWxjBvD4c6bLRYxxwAaW3XdXJK5zuHHPn7OBTyUZWEnsyCT5ZqIkj/L\r\nScSEmDs8Tq4pM2kBfkxvhGQ59TsNZbGRwQ//ZIYjf2C91JiAUNQ4PqLx91xO\r\nPneY8t/hORcvCW8/1Cwzeqgh5R00bMraIrE=\r\n=ERuf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2f27bf33b194929683b4faa9f388325b07b408b4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.59cf61d6b.0_1657215029038_0.034489349281056514","host":"s3://npm-registry-packages"}},"15.0.0-canary.8647092f7.0":{"name":"@material/animation","version":"15.0.0-canary.8647092f7.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.8647092f7.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"be71ea3853c35ea76b522120a18ae152c0816a0d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.8647092f7.0.tgz","fileCount":25,"integrity":"sha512-oAF8fxsUsYdAxUiNMBpKs6ASnx2NqHAJyNum0EZPd1AMASx5nrhG5gRg1IZE1Z7G9NMhn1RZB1I82aTQ6SeBJQ==","signatures":[{"sig":"MEUCIQD4ZiPN2GNq39p3zmRJ0GahdL7tq5WHuwm9IxdlJ8KNdgIgDUYy/OavwIiiUBgOLAUtkFCEqUryhLtmM0vfr+hYnmU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJix0QYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpMWA//d5TeGdVfBsThkjluRRE7D62banrDdE3QLeycwpqMwM6s6MI6\r\nLrD9+/w4Tk/tRMvs7lYm0Ob93eX/xy19p4+0qbMwEGwoUhdvtLqVv+yjZ7DM\r\nCgq8mZaaa/6OPL3YWqIR8gEYw9PVPTmlzYzTNbPqP8Jk5r+wTP0m1+EEPGvU\r\nKRk2mihxHh0EA1KTLlBpeA2edCkAkQvOv4Buzt5OgJHsjBrZ4tKV6535N/kl\r\n6JKGjd97b5/ipKDTBTEHFXIgLRN9928EkIYBkHR3lMgYxtswa3nxmBjlhFbE\r\nb65466haBEtHozdoT6iZkgIuEaKv5cT24Cd143T4A6JmpKlmclkJae0l+cU0\r\nYtHoxIQLHwtmqTQe/6+HzH/2d6YgAp6PgbgagdsAl3cAGf5XjCw6Xm6z6d1G\r\nykVhahaoOBKLXsiBCtyPtS4TN4NIj4tT11P3GhE3Y4uqh90XXX+f0x+e8ZFD\r\nhZT3BNEIVTimB7z3QAKyLpfC4ryq8AQd7hIyXlfVFl+Wd/+Wgy2qTnNIcwCi\r\nQ7WjAaaHlJNuhyOV/CaQu0n+uKWjiEeoUY0iWTdN6JXdXZF2B7uQZEeG6CKS\r\nAS4EPVL9eT6e+m9z6ThJgGkqkWhIOgnHjBy8o0P5XyLQ1+49Ytn+M4T1PQqV\r\niPvc05kHMARvKj7+pwApo9zRS/dJvXFZdqo=\r\n=xDhy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"1edf72197ddaf5b6318f71205888f8ae695e9b29","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.8647092f7.0_1657226264631_0.7016426624984353","host":"s3://npm-registry-packages"}},"15.0.0-canary.02ecd4d85.0":{"name":"@material/animation","version":"15.0.0-canary.02ecd4d85.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.02ecd4d85.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a04bcf6680216e686d158c49f5230e94086c6c40","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.02ecd4d85.0.tgz","fileCount":25,"integrity":"sha512-zpivkODIXGJyRgu2/UdYsru9LG7qR2QiuV3iIhRB0SJ/bJWC18OYHMuzFbhkS+QFXU/FmsTmTjnVfSyFnxdhpQ==","signatures":[{"sig":"MEUCIGXvuGnzHK5H42mHe6hJAXQ/3Vn2NT+W/Moo9X36OJZDAiEAzSySqQ90leXF1Go4bsygVQr7asl4w+Lo+IlZlGwoUoI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizFH3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoh3A/7BS9t5CC8XIiTkyzIHMIFHsyZqd/AIcW7A1kcHaDQipyk4gno\r\nYwKkfDwBZVfYu6xlcXR+AnlFu//U/TEOg++TiGaMQ+yL/+jdHw7qv+I9KdvQ\r\ng7U0x4f6WsxAbsjpnA8LiClL24dIRjzGx4MPILKYhhVs/IwabDYkPj+Fx+Ln\r\nC5oy/X6SxtlCS19guVGVzitfACNjNAQpMlxE5/zU9jbbtWDmi8mfyicuOrP2\r\nhy02v48P7fn+Te6I7HbYirqVb9UIohSVbDukVeIE9VfF1qUe0cfw0Mv3gnfj\r\n+GE5Jhblqm9FBP4P2bq8yQET/WmZNhMfiauqrVcEGMi0MHmJQNyENTB2n31a\r\nxhkImoPxXHoXk9qEeJX6yw5OmwkxftmNQevJVzZkUHehERYkEOy/GgPHxs1y\r\ndmsMsqXlw2qcwyJoAyK2c6WWBFnTkPVwYMlWC7lzYisXZ4i3JDfOOjhHgB6o\r\nAKyGJtn4w0HbkFR+8rPEFx7NIcva3Dc00JDO026F3zycAkDVqWjDSlxEzDrV\r\nHRRVWt6TQDAJyWoBgpRx5nMH41XKo9tISujiNchutK9QLFJ32d2boPhB4STn\r\nINSXBoZZZ99M2MRK3DTLyP9YNqpCdPd1nUl+f7BEc1QvykDrp+YG7nLRgNa2\r\n97rLxFZAIICBrn+Rej2/4sRfako376WHB2A=\r\n=1Ei9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e9bd9b1837b6df66731c0fc9da61877874518d2c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.02ecd4d85.0_1657557495145_0.9821982378007474","host":"s3://npm-registry-packages"}},"15.0.0-canary.63d3a146e.0":{"name":"@material/animation","version":"15.0.0-canary.63d3a146e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.63d3a146e.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0b277b4cb421fa4747cf8b36a169f7a3496ee547","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.63d3a146e.0.tgz","fileCount":25,"integrity":"sha512-p8BZUS3QG3HdVRlhYsv9fX4zZ8u6fMRBbBp+irxorKNpJyyJZgm4Ui58022WrYGGKCClxKFvzVivVoakvGijyA==","signatures":[{"sig":"MEQCIGJHbMMX3uXTMP6UG8A7vpsamNW5BVD5vwmhyThIXgmwAiB1DvofV7fcm9ozIZsB9JjW2Oxok1HUUQ3mh4c2xelS7A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizVyjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqdZA/+Jrs1ayfBqs4pyTFJJvH9S+o3ibNhSL1tTiEsxe1vSL3WE9j6\r\nsuSIHwxubJr/RWjc+e+hysinRw+AYhF90jxuxlwLM2/F98IUEaSbkG31BBbd\r\n8HIvleMZOuDvo41FnH2y/baI+hxvYBFw8HJMjzghonz5RTwIWPI4jJZAdqgk\r\nmX7RdB8E3pluQvev8MUs7EpfTa2LSerSZSS9i4ywjUxtpDYVAJsEEejJba75\r\nWFelCqFKTqD2hyXlx0lPOrqE7VN20ROcuRQwBsgMfYMiJ6V6l4N+8KPVHZ6x\r\n6fvDdJK8j2g3yBV3+DA8sx+EcEQlCT2b4VGBpGfUcTtwy1xYqRm8nxr5nQD2\r\n0L+UN6vnxTltnutIy6yO+MsTyxpYV+z4e7JwpGJUg6FinkJB+o7lLWnxP9ls\r\nGb0GzYGr8jie+CdJ08edJHTiD9A0kotpbbevHT8f7yAxHP7tXbwMzY9S6d9h\r\nMcEdN+5pJ7L8vduzYbZvxLUO15idXIDtUQzk6y20TjWvgEqvOrDV6ZQo1vl4\r\nHm4AmGiIHEdsLh0m+6+R9XPZKkTgVzoxW5eOQKVnLZSAd6pT4kQ+L+u2V98L\r\nvUcv0EbWlqH/ubEc4YW48dGYDrye1vSX8ZSxOlbta+16+BylSUkewJ3a8DWN\r\nS/2xcO+tZM5aILhW/DUH+vfL/pLuB4AA9pw=\r\n=wTnj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"593f32d351d8703bd0422f65b3651e55f97fd31d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.63d3a146e.0_1657625763645_0.051227677127491544","host":"s3://npm-registry-packages"}},"15.0.0-canary.88db01990.0":{"name":"@material/animation","version":"15.0.0-canary.88db01990.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.88db01990.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a55c84319005d989421a470ea10afb1aafa7cf4e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.88db01990.0.tgz","fileCount":25,"integrity":"sha512-79ssvhB0XZdlS33+5tYw/eZSVbV1VrDYJopMis6cgpLgVPu/U1dmQvcjNCqXWo2YUO8fqs7yAW4PyZh1PfYqNg==","signatures":[{"sig":"MEUCIAMg7pNIA721A/aUiEW0prvCOw+21fqC2LAstFZSHVIQAiEAjLKLtPDiDEu9npya2mTwE4e4cF3nLuLkdOQwmXySnYg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizV1WACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqZZw/6A7Th7SjOh2VsjeuI2i/y+x9AkmoGvw3Z7X2wV7LvSDK6bTeU\r\nDWoHmdGrJnE9+bERw1T/WySYP/gXJsNm5Xi1lj1EPJoGowRhBZwL+gbC6JCU\r\nDoFC6J85AwgyUGxDshgXzk+QPYe1QE1u3X5iZt86R5X00G2hXNwi6s5EZy+O\r\nOEy0dGIuUy4ue4wZdUAQlr8bz2D32/l4egNOM1yZk++B5wJKq7WhCkfjoeUX\r\n/MASUgXV++plB696wDKIvBwneR8IusEue3rqTZ0SaRgWaFZJLhmDerlsML76\r\n7+TnWoWST3mYiB9nxFcCofT/0w17d/ZIuozfiLWf+FtHaB/X6hN1JKv2DXW1\r\nVtoGz+N9QVvKiV8TnodMaKmNkU6rszSw60lGSZMi8rfP2AevHH+8s6/YCTyA\r\nUKXUIJw+ERYWrNroMPAsSNv1UryfFdwTjvcf7vzZS/EZY25pGwWJl1YkuGzr\r\nznk7cOj3XweB5zPpYl6PVeuBtsCZuCkjHCdQn+7k5s4gY3dIpZi32nM+AP5l\r\nEhrCHbjp7KHHzRgn0DrJhkhhuAlbeq0YW0JZeotnyIw/WJnl1XyBGPGCzMs+\r\nMURUMs/IBuSwlYwnnxBjOzneAcCGQLBr/vwU7laySF8ljYIfC+Nq14O+UOnP\r\nmrPPGmxx60maE4pyDwe9TaH8RelH+kEjEKM=\r\n=r+Ur\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a2570f15e2572775da6e1894e5310c107a703ea4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.88db01990.0_1657625941896_0.8969495315952924","host":"s3://npm-registry-packages"}},"15.0.0-canary.6432d8fd7.0":{"name":"@material/animation","version":"15.0.0-canary.6432d8fd7.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.6432d8fd7.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"127f9f9a5e60ff42ea4396c4e2cffa79b494a300","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.6432d8fd7.0.tgz","fileCount":25,"integrity":"sha512-twhHNaM6OvItzL4wPHSaFgVezGi5are1Bpv/Bc6pOztBDgFBmF8yQa6gwdWEpcVHIBC+XdZ5fGGGAVGE8pvBdg==","signatures":[{"sig":"MEQCIHYs294xv3Zfj+iv4Jth1dnqbnNntNrBws3tXP9J/vyxAiBJVRLv1wotZoVrcnYQV1wchkrSpwF0Of9leABtyKXNSg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiz8V7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo4whAAnyAOUGMnkRyp/xa4Nd1GtgwGpNBYjVKe8T5GteKMmXEJQi6x\r\nrMM0Y4xcm3gbJdHqNRMVIwtzP8ZoqR0Rq8cGm+8eOsVcEl7zfWiQWuPKplgf\r\ncYFH8E/g2m2iXNcGpGuVvDvwjMdCw4KKhun57RYnZmNMabj8JAnixQISjKfp\r\nwkXR/D7qu+aswMK4g0QnDgQi7jQ1WjVkZfs9/inRVet/SAb1nY6Nip49WTGX\r\nJJaZiAjc8vi+JwtDUW7QuYfNs8XiD9ZFtOGFjoQjAdIswFNqYpPiA8b0R+bE\r\nydDfqYD4wrNGgzW5Q6XnbUa70pYuRdv/LUiSq0N09WZsKtHorLj1sNPyV0WB\r\n19HNJ0+n7kUeMFzmFoVbJaS5waeVE4TWpb/zxtinv6yfYMYXY9EjF6Txe4FF\r\n7BkgfnDc/fmF3OUN1cyBAnLIKvTSOE6sjDEOzV6Xpa1KedBMMMduxA10I35a\r\nhsl1T0AdhOVZaopOgs/1OZzdGkenadzz++6SFio8R3JZ0cg4ejnXNCsNYWVB\r\nWNNpDz5tFx9eAB2lotaQ6yf1PPM6b7jQ4oKeEgKPGX/cQ64/kNx9AKYxWqls\r\nlGsxJ7TM8d4PDkmHW6xxaIbWVj+tSLqdQYx/obEJXxO0md1YhQKLnsiTm0GJ\r\nP7af4kQAHrRFtgYtjJQWSwBqoBGAwxNMxfk=\r\n=MsFo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"307aa53d6ea873bb978456b538f97f9922496798","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.6432d8fd7.0_1657783675391_0.6284727059274686","host":"s3://npm-registry-packages"}},"15.0.0-canary.085f9b25c.0":{"name":"@material/animation","version":"15.0.0-canary.085f9b25c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.085f9b25c.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"34b058acff2ef632270875143adde47291a4f18a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.085f9b25c.0.tgz","fileCount":25,"integrity":"sha512-+0DOPmvkFRpdV8Sc84xdtYZsSdbAyeOVa7oB9EMUvQBcyDRjKSCGrNye2LY20xQq97/cScFChFUqHkVcd3qVIw==","signatures":[{"sig":"MEYCIQDULa3pfEWNEAZAd08ZZPyUBYdW3dKslawZTxXDIXY1jgIhAN/hGxFWFEnCw5oZrIX7i2AT3wfmk7F8YxIvBdxoiRkL","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi0EV8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpDSA//XdR/h33HJNDZmYetTG/fxV7oDwhahmAJpIL4NSJHPaDvNpnG\r\nJi+UcquJFUHxKg8Eu9w7jLskaq+rGNMve1syxxrB+/aphLEHc+gfOyZRMiW1\r\nQFdJNy+FqgF2XbIuIdXQw2GCTFTIjbIzFxsA9YuWImeQTYw2VgV6tZIDfwpV\r\nqUuQ4xz+cXYXWgXNtabj9Bj+Mx4KExUnKd2lcq2ZQeEJkV+HETp9WunbQOYv\r\nN1y6JgovGzxHYDrSqCIZfVJ0a+Y7zuan9MVFNELU2SbvlfsZKNxNQugys6DQ\r\nfmBuGKvo6wGBwdgqtkT8RMLON4HJjWXznegcUMiMtapWXWr09DOge81smqi7\r\nNI9DnhPCRd5z0oEWFHn46FFmLOTGYMB272T+eOO2RtFI21HoZq+xQRbo5XrA\r\na74+b3Hegcibp23GhYCdBER541oMBsaruYYlnOBrtF8CuYhiha4W4GU4t5kh\r\nYtsCx8mJKh6GWxyVOYLZyJ0aTsHrRPAHkZf5DkcIAzLmV2oYKP1K18fFkPBj\r\nq/VDKsXtLm7j8rTb5c5sG6lh0RZxyLSWWNfjK/gUk2zGQVPwmHzV0NnRz4SX\r\niNx12252Oa2LmSZ5rDOFHVbCaz6s/wGekebFtcLQ+joc/OTEY3mwU3YfFEV9\r\niztp+Xyn6M1ulSKaypcVXpIqd+LVdKN+TRw=\r\n=h0HE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"766a8d5f5fc7e4e022835f16c6ecdab8d2ccf071","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.085f9b25c.0_1657816444392_0.41771918007870035","host":"s3://npm-registry-packages"}},"15.0.0-canary.39f9424b3.0":{"name":"@material/animation","version":"15.0.0-canary.39f9424b3.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.39f9424b3.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"72a4ce09aa667b6e6c82bd0142a01b5b3c2f2b75","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.39f9424b3.0.tgz","fileCount":25,"integrity":"sha512-W4tcfphqqFvcjYfiKnI6p7o0YhUw+xSpwxyXKLIax2G3KBDsfS4YXczyhTd7G/Ov6mKVBxAK2TbzL3V8IblWzQ==","signatures":[{"sig":"MEUCIQDePcJI4VXf/fWzrbc5L4leg9hCMCbMpLqgcSh+rjejOAIgfoav6GmEvoqsFOQgAGJBd58BARbM9h0RbDuSJntIypA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi0EyTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoRgA/8DWg8O7mps5IU8Ox0I7m+vwTcTodvPibDldK7hqcgWJfWs8Bm\r\nTMLsOhgXuPbB7b3rk7ofX/6wyiBefQMjjRjSw4pOKrtYuXOJ1QwYWWGj1Gkp\r\nA1ym668r2nm04it9gLzfmqrMGAAFtuZvaZkZfv5k6NL2vBN3aeHwGjF8JSo4\r\nZThcdd+8FM6TvppvK/Z7Qm995BqDvp8KKF0/T32wYkBP45h+Ke7KVT+hRp4u\r\n1rBR+y904NTZkCRP8FEK3Y4vYjqfDn1v4DUZUJKNt+DPETyBkCSlqroG2sNN\r\nPfgCOLSJBpgImwjzfaLppze4IxPHMeFzm3yDQKL3qVv9uPo229havM8E+eFM\r\nAntp72X3tv0mNR1t3r7IuWoPWfGa1obbI42bp7fYRJL+SqXMKI/V7p8yVDqn\r\ndpEHo2HuWlftSwFioGiCqQ64AJp4YLahzOEQWX626qaseExQaXTsecLtTvEc\r\nPOXyprQ/dlhpvxLbpeYrm7XfwBDPSFsJ0G4u20lpW6HSX6i+7TVYIfcuyZHS\r\nTeggGNLSsQvLU0WtOSfPoN5Uo/sho0LXXLZ3xp4bjHkSAuqxsoAztGX5tgCK\r\n04NuQdRyQ5MsrkVjto64k4IQVlkVnqI1rjHXq7IVHoyZufPBYCSXaFY3yuEp\r\ndktHN2X6q5uJrJ6srrBxGFgLoCyWyxR+nds=\r\n=w6Kl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"62e726843fd90c6139d8ade27db8da6ded6e1d77","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.39f9424b3.0_1657818259751_0.7536564354324433","host":"s3://npm-registry-packages"}},"15.0.0-canary.ae9fce587.0":{"name":"@material/animation","version":"15.0.0-canary.ae9fce587.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.ae9fce587.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"54384704e9fd0efca0f9a210948bb424e1b5324a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.ae9fce587.0.tgz","fileCount":25,"integrity":"sha512-m7ufIklfHkFNX23bxmhZWvAlZFBGrKWddAhSP4XOEe9r0mFlgAOnMVrN+o7eG+QEfJ3Xh8v6WgVvrcyITX+74w==","signatures":[{"sig":"MEYCIQDq81f11Uj/+5VOXmrOEOHJb8/FNGF8fICYTSD3MwBi7AIhAO4cb7hMM4kKwZK85jYRDln7pzbmrY6Ky57hq0My7nrP","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi0FtTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoRqQ/+PYdowBpi4PqokQ2ek2taWLHD8m91Eks0DQclryQChNTlD4sQ\r\nADULRe2YMYtWEWSBZGVo9sdFzBAL/UFd3fj5AjNKMqsO5b3oGHZoAtpfODr/\r\nUrE4ZWVWRlK8PnRlmFlaKzeBNaPONrRsL9B96bBB9agkloAdr9yrIfPmH3KP\r\nnwjFegysDuE+UVLPbuWJN3oEEbh21EV1sHJKOPq5ktPeO1ACIZ4I3Y/aUsqA\r\ntQF4KR42fj1BRaAQSp8/ZZof25UAKiOJs54hoGx/m0utGMLRjudL+OljIkf8\r\nhBDnIs/JXgaRVD6YP/4Ml02LHaI4pK9Q32rqgLpmkLTrZSf/iu7DHo6eoUDu\r\nC7SWkn6lov/svURMPk0CP1qYxZ2ylzyvMCJpIr1vH1sWME5lkV2GEhXFeL3g\r\nmvR6eULj5GM6gGv7CtQ2ATBam0ERwf8eZfkI/M2ue40FeJJAk5a2DxQ0Rjm2\r\n47FJERStZTn+8EHH6tiWdHRChdvJwERYWItkBkniM2gnDMdXD61J3EBI8iw3\r\nxH8hmbuUu7CWTZhI7PhRyvYLwrXSB9guLSOOf26Nce2PysjzGvaOEfRF2I0C\r\ngOIIX+GNcGSFG0DzdrWrDodqQV9e1BcfNep+mUefx3CieH4S89MaonXMvWnf\r\n0mz3SJGmlBJbxukBopbOvWG+ULnFhpcygn4=\r\n=/qZD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2d55d2ded8f3ebf66d72baffd67452a8de349b3b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.ae9fce587.0_1657822035701_0.18891433154375648","host":"s3://npm-registry-packages"}},"15.0.0-canary.1ebddc343.0":{"name":"@material/animation","version":"15.0.0-canary.1ebddc343.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.1ebddc343.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c007da03a6e6d4f35af229b9226962c5718dfbc4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.1ebddc343.0.tgz","fileCount":25,"integrity":"sha512-4AxUXkM+vI5Imu9zyRcqxlWRBjlLuqnkY0859Bn5Ryjxhr39fRithCyH6P1VO3UvpqHq3v/NmR4dHIpgxNQnaQ==","signatures":[{"sig":"MEUCIQDYeKmSkUhIgKJjnmEQPgEQjI8Ni2rtRiWOJKJV9xxsPQIgWz9p8lhRE1DpRNiJBHek/wNUur6SAstt4Oa99ykuKFQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi0SnbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoUOA/+OBPNqvkjIBBTz9x2gkc8ICqoy2AXlIlTFml8M4GmVkx36HZG\r\n54UPWyA3WYtTEXrsdGDRFDLpK81glMMjY5unumfvIvCCHBrlwPwCWi+LkdsS\r\nQUrweeBv9pRS5Y1dsU1/u5vJU0iNfCLOXLRDbZkJTCxEYCCv5H5BYVi1WSzK\r\nZVNJC9OmVUpFMCu80zuBEZ23nnsBlQL9SZ8YyrPrxl6hMcbCnq94lzdOOnF6\r\nJoSyg+7ZUzFIoeTcu7xsT30hGEY3YtuVKL49RZD/7mDNYkrdT6sjJw4ukrST\r\nyOiAgOK8fFCnSkQ35PaUOKS+/niJDn8F112l2cbIV//5unz0RdRpmIAzqKvS\r\nWi4p64U9P5AOPaR3y5i+fFfkTjVis+x+Srb8lNn7hFXN54b/lDyomF/Delsu\r\nhorzmBEyLKyilNZ0em9DtPK+R3CcNnXUNsuJpffuBA7OSCf9CtIa+l30TYgw\r\nHCVqO9GTR9CUoS54uYjsRAxa32YmQhCJmhHKNi1Sg2k3h2OMFfHidEDX5Bbf\r\nzAsgza4KiAR48PniK9uWQ0FY1InM9LQxOr4xrhTRaKQyoDx3r4NIIZRSJT8M\r\npkTLbgaoo/l1w+c+j4b4cUBUCiPhI7NfLA80Cy/aYe6gfSYjhwhpE8MLMdzk\r\niFnK5GZdVaDl41aUhsH/W0XIMWl6MnhH8M4=\r\n=leug\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2ec31cdb5e8e1a849368a3f352b213919bec43df","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.1ebddc343.0_1657874907237_0.1411804954679654","host":"s3://npm-registry-packages"}},"15.0.0-canary.c5018840c.0":{"name":"@material/animation","version":"15.0.0-canary.c5018840c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.c5018840c.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ace3ec2a02c598e78631632792d0c7ddf8ddeda3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.c5018840c.0.tgz","fileCount":25,"integrity":"sha512-4WM6RribbICu+EGlNjr6WZniRib7O5wSj87sr/v+wPdwu4xGzBWCZ1qL7h/BcqYCi/4he3MKR+BYfRvc4olvKg==","signatures":[{"sig":"MEYCIQD1oNGyC+h5oTfiPnPpKBlupYTNbaaDcQbNJPBs1Zf5CAIhANn7DkhPI11P5ixq7J/G22jlEPf0xxOvj8XvGLqZij+k","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi1Sr2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpxzQ//TTI+uRxT+hxKK0+SH8whLpFCrnqA6uF00RWMd1g6JbmkQIZI\r\nOxKe3dKjr3hBcU8Jrhoz08mNT6sC+i3961jgn94JrBDpnkjhyQyT9jMQF6tj\r\nNbhDrgVpkQ4lVGIVWEqjlb7yFuxAf3BKkGljLZz0nF1zRadDtcmk2lGFHDUA\r\nyuT08HNxLuVO7KfbGdXO1CdWXY3+Gi9GvcYvVNkne7ZTFmoUcsuuVnB66cF4\r\nsdsf7oVuy19t7ks82xsKR6PvTxVasvbGPK4CZ2Dp8MolvfAtCv/GPijyTmML\r\ndrUcF7GXUXE78oQXyti9BPWxz5DqYZd7vMgD7ON2uozTvpApjkB1aYeVJJcX\r\n1fT6tGHzqObk8J2iO5jB95p50HTSf8Q1w4Ruj6x5KoEqSQGmGPs9VsJXMIO0\r\n5N7SAVe6QUcCtZZfoTBZL8B75lGNHd7XCC6xIACZJHADOCely2/qtQ8NbmTc\r\nlHQBxopARgg1MvWnfws4+rpvH0FsLLS5zv/3HrrZzPnzBIlFqgvkKNSFMK+1\r\n4ouxMFwJMURoQ7S61VXVkhrWRE0zg6YC19jjarWTkFImO+GFCQok+0YnamRz\r\nTXZQVVavT4TWo9HvURG4xTyTwZLdkTneFZejpF8ToU+oiYGeX97at9zAFvMm\r\nIT8v+iEvtTh0ALV18Ejsg8D77JO6Ig07WRk=\r\n=1hzA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c86de383c50b7d72b8c5cf908c5fdf3e6efa94c4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.c5018840c.0_1658137333780_0.5539328293622752","host":"s3://npm-registry-packages"}},"15.0.0-canary.551b40d18.0":{"name":"@material/animation","version":"15.0.0-canary.551b40d18.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.551b40d18.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ddbd430bdf074ea965c1db0b905a8b01643a2701","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.551b40d18.0.tgz","fileCount":25,"integrity":"sha512-0fzvP7e2m3mIgrmCJ1YJTJOzWkN7x3wprnWXzeKWAb3RoXx/SyRzUi+IOjL5dcffehKVlwQL7BAcxUWP/c9WBg==","signatures":[{"sig":"MEUCIDev5iQ+JonLz/ir/XnwXVrqxHoAas6qrfimbF8SufHnAiEAlFcLz70cOatZOcM4qT1ekFaNAQ8kixov+Ozir20nceA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi1S8YACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrYNw/9GnYQ0R2oghwn0KPREiYKeSsDRfvTYW5XoatBDNfiEdcVOb3N\r\n0p4rcH7k+sIlFlV0HsfmHlC+whhEvQWm11370bzYcG1ULNokNFcC2+d4Xg9+\r\nCXalQs3vAiZ/gYI1SJQEC+FKO5Zjqq+moT9X4fpLrdJWxJJzYBG3fgyAhxgu\r\nI7HhZv8ZNRi2gEa0va5B5qxWJKEGN08HJiMoXErC5UZMxy5Rg9ydj0z1Adiw\r\ntb134UOsDSTOayQSTtnAIH/p2hPcu63p/vi/FQ4ob6M+d8bbylLAXr2evUbF\r\norWGO3eRbj3lcPx4j2lTLj00Ts8uJopgLi7aKF/xPSMlh1nLIrzRCZa0eAlK\r\nBtAlNmAnr+b2veO5LJF1etqr7yNahVsD5y2MY9qYAYl2fBoJw2QOFMQswsor\r\nORtY7vILQalQQUr4e34Uff91lOg7Jh7TGeY+0XSeohNC1aS2iMm+8nOvVZHV\r\nnnzP0dknijAGxM175PVsYC+Pj6MhzaeAyXMT/UclTug1lqeHF7FdVtUIguHn\r\nZ8A+osJgk5MqSWYwzLc6oi8wCS3J9ZsqRUEdrMa8jz6uFk+prm8wvKUio6hq\r\nJInKD9OPAv6HJSY9niPJ3CtjIow67PWIo9c6tH7jyGBFweYJqqKIegEe8JqG\r\niM4tLgeGGikcZZjeCKPJqDDhCMae3n1xAjg=\r\n=Y8rx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"3e9aa3499438031c9229cf2a18a1a3672620853c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.551b40d18.0_1658138392090_0.7656477811641651","host":"s3://npm-registry-packages"}},"15.0.0-canary.cf9f12371.0":{"name":"@material/animation","version":"15.0.0-canary.cf9f12371.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.cf9f12371.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8a530394d780cc9f9a3ee0455e82d3b874cd8533","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.cf9f12371.0.tgz","fileCount":25,"integrity":"sha512-drNPk6bEXKh88AMsK8A5P6pncavahFggLTEB0MIh75t+DM3GpSNogLpbOOYREMKAW1wH17dyM2WaZG/LROVAYg==","signatures":[{"sig":"MEUCIQDKqb/pSpvPsJ7XFmmGYlofytBJnipkSOWPVGPwGkalfAIgSkbv8J+qjbRFMD80tbgKM6UcVWPPli6+BTeAb/2FTyA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi1TANACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp8EA//aXPp9ZqJOXdQJ7G3o5DzdQt+Yh4omIEq+ofnFmBDCKUF94m2\r\nsIKszysty8HFf2mIH4XOCNcfmWVOKAB3sMFG5nPcMwG33H/oLQlMdS3USrPu\r\nmOPYpon79VBqdWYwvdh2MOki1EIKIRuD1/+yC8XY0KLKssYswani3HFXbdqs\r\njiSS9EEQTuqk5tUqetRDulktOjYGvNcT63hkLm0OzjQdXtK4C3oXihEOMkfT\r\nDZ3ig0O3F1mgbsq4PlECf1UPB6MO7LN+DryOeWdWbFWEvD7GxT5YN61nViuq\r\nF39OrvERk1hilK+msZR8YyoA87gCZmTMkHDlW4J1YNK5HCSp+HD+EsuvkbjO\r\nDxLUD7PBdL5u1HGPdhaRZe8/H7ISqgFdCt7VavciNUX+mI+jwH/SihV7kP1u\r\nFvDWbivwKGmlJovopIBUOJEbYT+53TqJpc+d87LTkSYQHGw+RjHF93zN0X9t\r\nH272tjg57PXB8JV9rZDt6c4R+HLQBzbEuVcIeIaZVmk5u1Qxj7lx0VhO4qco\r\nL533jCKs267Ea2CToCmSpD1qtJ+B9SDLuMnBJmYVvsybvBpIjN6jH/4tasrz\r\neZvmiK9lQZgC/cPySjuYymIjgyZ0utrL1cpo98Kyu993P/cTbHQO6yglAz9/\r\nFkQzX5+B8oFarE20HgVlTp88l6tGT9UVYX0=\r\n=iiZx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"1817e344a80081e042f37248beeeb96228402878","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.cf9f12371.0_1658138637549_0.558100170755311","host":"s3://npm-registry-packages"}},"15.0.0-canary.2797ff8b6.0":{"name":"@material/animation","version":"15.0.0-canary.2797ff8b6.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.2797ff8b6.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"93009843af8be72261c0fa0678b1d0609f856b8d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.2797ff8b6.0.tgz","fileCount":25,"integrity":"sha512-TvBAFIXBJLrmfteSI13VuDSoPB9F3pwMIHRs0P55U3U+CLE4ViBQZorJioqx0lKFrbdvxLuAxl1tZd3A30CSJQ==","signatures":[{"sig":"MEUCIQD4UBEBgv3EJkMC7LkuIJeoUVx9OH+KdEtK13+72GHTgAIgVkQl6OsmDIUt+UhwKfG/+HWpzROH8ceEkmc4R/7PWyU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi1flvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoRvw//RcLZJwJ4TxcxbcSjEuaiXpcT3ymJqLPsDfGcp7LI9ZUn1HZG\r\nnKxflQxMsAp8LWqqy59WokHyKeLw4AH0Dj5PYcky8TZy2ygYqYPuUPn8lKdq\r\nnVPdDXgUtRPsOrjJm3etYHAsey8e9jF7t/vuMqZwGTopGuVonh1uOfYzFLVn\r\nIO2nagC3hOxi3UzJ0ZL5x/WdrFTHlIhhQrdqIO8krU+lCKTGNqVae6PSHvoR\r\n3KJMlBR599cErvjsU//oHUcJla1MXelxTLrQXaA/8mzjuGf47ueYFDyhNARH\r\nsyHs5nzIDknJTw6RoHoZYuQB0oyD1ROUCLwFiE7pHEk9ZxOQ9LNmwuYsIm/e\r\noaFkTa7Nz8xz5TbW4mg/L358jL5ZI+Ce68Y5iEsqwuoWZoZaxLm+x5A19DJx\r\n4FR0Vh5pU4gZ9KHkNe8iW2wpB76q9z0R3a8ZtZxbvVnlR+2LKjWBSWLEcI79\r\nDcwlt/WHPGgF8URktS3IK8mtSJRfTHCg2LrBGD/GQ27pV805eZ8CZNOp279n\r\nD1io+ZQRmLGwEPkIeWamUBLHw8LAfCqjbxnyMaQeciqG/0i8dudCV4hxPNqw\r\naG8K5pKzyTniUsOgp0xmEyGZ/EASlGEYfLtQWM8KDeIDFFExTtaGe7OmpWSv\r\neagLK0IsW4Yo+GRU8Yn69Swf8yuPZ6svaiA=\r\n=rEXV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2c89951e5e0cfca0b1dc61a4f30259b33cee139b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.2797ff8b6.0_1658190190754_0.9873363222470828","host":"s3://npm-registry-packages"}},"15.0.0-canary.110fafa17.0":{"name":"@material/animation","version":"15.0.0-canary.110fafa17.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.110fafa17.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"625254a7bea0bb27e5a60c4154067d79e187b895","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.110fafa17.0.tgz","fileCount":25,"integrity":"sha512-SzgE1R6ASZ6ouaHt+H+tOvfY0hVtmQ23R5HIbsRnk3PdxxqRQx77mOawnYe0bGpCujqRhDgDxLIwYTEe2aavZw==","signatures":[{"sig":"MEUCICf6zBI/jBgq7XuD1B9+jL/Ym8scV5735RfSyh/M6KRVAiEAhoO18xT+LClEo2Bhosh6SnNwYqZrL4R8Dtdt47Us4Rk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi17KsACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpY1RAAjNV6F4sp6J96G9dG/BFKdTzsN+fCu0XRnzF5Bi3W3SSLsUOA\r\nWml04B4kgTCTc+o7z6RedY/RQPoeWYr6nrWpsK/9qMTL6NGErQS7Y2Fc96zE\r\nGC+5BApp0NyAll35dB3N3ceJ4kloN/QRCqOyN7nQzd08ihhSqpe2DLJPZX7o\r\nvhzcBjUKl0+tRybEtV1Y1//zZmL+fHoPwk9dljFwHBb+ZgR1mNpiwXqYib9s\r\n4d312T201COBwJekqYiZnBGsfAWYw0JhIgvm3QPld2hdLtZP5I2iOhz7WduT\r\nEJUfj8Nh6kh0/BPakM58VG2lcOiJipO2oC923OM+01RViiOD+I6Nj5uLNCNs\r\n8XMTG0l/63lCMvLlUhgPT9x4FOmGzsdgJhGwdMK0BPqB/qqO0TMSDZI9LHVo\r\nG/cnuYiwxQyOwNAmG7kc8rsmgF2DzcyRnyMDoVP6iNix5IefOBhU4qrmM5nx\r\n94u9btJ7aPHBe3pvXuN6uiNvUQrvCgdK2tkZvr5B6nV6EK3F7bt8Gw4FUhtF\r\nOtJ+J0jM8oFYfVCxq3jFdmOTdQesrR3Q0K2Ddjtx8J/xwEmzF5o/1y+MBlnL\r\nDiP6CNnARsA84DTEPIrtkuGBzXESmQcxusu8JZluT+/ReO5MV9OWzW06+Ljl\r\npD9SUSYwk0g5/EKRj3q2fHtkc3i1m7g5IRI=\r\n=23Wz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ccf0ed3e8eaadf1526fd10979e8c00e79b228f5f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.110fafa17.0_1658303148124_0.20487851813927893","host":"s3://npm-registry-packages"}},"15.0.0-canary.386ef1d2f.0":{"name":"@material/animation","version":"15.0.0-canary.386ef1d2f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.386ef1d2f.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"58e78db650fa3b7c0861c7f5d36b9f10f816ab2d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.386ef1d2f.0.tgz","fileCount":25,"integrity":"sha512-sOqm+/K/sZ7hPSMCONiqI32u8sKfnD8psCuxnMTxViStM+NGljXYq0cTyPKTyOjXYV3+DeuKdTMTyLybGKXNlQ==","signatures":[{"sig":"MEYCIQCnuGWv2mcv3hGq6bBJTBxR76nI6lKEpiIMqqv/ZFAGiAIhAKF6x1K+bVHr2a0eMiV07L6I1doTqxVSwQI/vdZDhOde","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi2EcNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpO0Q//eNEnHXAaQ06OFiLBE9TaxDQwM1o1Lc5zAJ/9YD7L5NOISSLk\r\nXHGXhtTxeclnjpLG5k+z+7+EmC01bT3qhuYpFvHrwEVvk9IDldA9PxMDebpN\r\nI6lZfFojSa6+EKda0zzzZHy82TWuEzs57dl8xyf4A+fQVhJG3kxY018pNzm8\r\n6hMActTplL6xlvGWvGFWZ/BQQDaThef/3chSw1guHZoL2wZiBQpDrmdL1/w8\r\nAZEwWzytfSoxyyZJcfq4980MTCVVGMyRbVrtuIOfVfDsZJr/YIoRpXJ0GFYd\r\n97xt0u2tz8STR1jTTNrzf443bF6ce0rsiaq2nd0otr4B25glzw9spcjp7/Ep\r\n7ddNdL4S3G+L+LG5nJIBlbSLAaG1W9xVJ7MQL2AqltyhRpG3a43GDLNuayf+\r\nqGSfgkVI0Saem90Ql43E1xXzyjRRrhLIrwFuQgXZIvzbhacSSKwsWKSRckBz\r\nyaqi+IKmJQhxLN4d7xhCaBqfe4/NEN3aFpGZEf/LuZL4ifM9+qeLIpaglckx\r\nWakaVstJn1FsSxUNaFMZ24LjSJZBnqphmW1tJ16WCT1FxOyx+v+9ae/oFD8j\r\n0EEYgefd+2+ghIzV/hFKSj76ESKRefCv8SRFs0C1GWmbEF8JB7A9FeAKP9t0\r\nwE6fmQ5RzNzzxHPhiTUtf1e8d0212Rh8dFw=\r\n=zBzl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f81dc27b99348c90268023c46429639f145ca534","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.386ef1d2f.0_1658341132954_0.7574062039769622","host":"s3://npm-registry-packages"}},"15.0.0-canary.c3924efef.0":{"name":"@material/animation","version":"15.0.0-canary.c3924efef.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.c3924efef.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e8e38881040e9c3ab217c1fb758beb2d62a97599","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.c3924efef.0.tgz","fileCount":25,"integrity":"sha512-UZFUhGMLz8E+iir+CggbrDhwJ0dF+H4YjRIrHWRHisAKK782xuMfLD32f+Gpqy9qFoAT1/Jme6rM2L5F3Azq+w==","signatures":[{"sig":"MEUCIH5YJPY8pi2Q6nublgo4b7P1cZ9cIWofBcElEQFzYc/dAiEA+soijN63/MLTR+MYjAqn5wmUNV+YET569VQpKWHw5h0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi2Ek4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrIHA//XgikzFjb60usq1oXDhHQ12vkkAhWcUsptF37uf2sDa1dnO6U\r\nlq0fLdr/S6hdma88VEYI6z7+XkG48QRHvbIo2PBeMblkgGmie9B8ngbLQJ69\r\nBpqpum73UjH+0jcCozazOq2VYO2WmIgvMQJ13GXxtBPlBEcNKgU2WqPi+kHT\r\n2bUDuEnj86I+ZDRRZdnox4tqQdDHvUxbaTyL+T7LPg+1MJrMIvkfkdmbVGNl\r\nntMlIxhD/efM42jGLtXB1tXIfsnsSxuP962+8SxSObeLwc5Zw6owRMWV3OjG\r\nhEaNakyuJCCQvB8sAlGRKuKK5VyVSFJCfnoNPl3LoeV6o4rxPbUXN95ybp4B\r\niskqbpxg1Hf9dE+p3nhd4WYE37oOR5n1iPPM0v1wiXZSEuIqYH5fOMdM4VU5\r\n0oHDiTzZul6PNE+KE1LqAV2UWPzYfy8tRrV+VQkXcZL6/zK/LNJMNhJxsz2U\r\nrvh3qbsags4KaKuwK5DMuv2NPcgik9VYMXDGFYDRiVO79+FvIvbIey7aofYD\r\n8sMOUWgUI8rGqRM+RQP2xSDndrN7LgMT4IPJNXBfwGJrDPq53qQKZTduRRGC\r\n2uu5TdxK6ly2mwD6rQrMyaw9tO7i6LlE43L1/aCMtZPoCY5cw0JJlrYfdr7d\r\nM4tMDRWQ5CTg3uwcwEI/ZDNk/FZUKHuN5z8=\r\n=MHvM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f665d9454e06d217296aa1a2064c9c67d3fe2759","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.c3924efef.0_1658341688603_0.7220232649965979","host":"s3://npm-registry-packages"}},"15.0.0-canary.cf5c5907c.0":{"name":"@material/animation","version":"15.0.0-canary.cf5c5907c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.cf5c5907c.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ced63ccc2257476e912871ccf864095433ee37dc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.cf5c5907c.0.tgz","fileCount":25,"integrity":"sha512-MtBPCA5APzgxC70NTXGsLtszQzsDnq1hkRYBP5jtkmclKf89B1DIOmlgD9h8r11uMbdsvGWxC1Fuej9CsM8pRQ==","signatures":[{"sig":"MEYCIQCMYA/0maBst2niGgWgEqbkCNb+PGquxXSUXRHZ2MxKawIhAKrURbGmiwp5NyYKTsd31Ke/qdQcCRTynYVuHQEcDOzl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi2HG6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpPHg//fjWIRbAgw2pNh3KQGvfVeSWkcZ13urjr2hakgt8epXYQns7j\r\nxwSnVAP8mNjEH6b5R69Ln7bAPjoLdwFI1CAbL/KBHTUMel1QHaAYUyCSg2pZ\r\n5CVhoWd7TzEgHqXWXMrJslU6PrV+VPw8N/PH8ubmmccezsdke4zarzN2bLEC\r\n8Fsk0KCfp4qmG6npVKs+OCSIPggZEcG9Qb5MqPWyMBir5njnjQFp4DoM69Ay\r\nvADyOyc6fo7+TdOP6t4eFFAyF+z3pM//i7igEvVG8vY/PgR15NOWzs+DXe7d\r\nEAwXnUzusvIG06IeYJN223Hbd1BXQU2yppeED7IGh9qB2Uo7jYU5cYmG+UGw\r\nUAuZ8S+ho7oTNcb/Pm1zPOs2l2u5/ZTlytcIhR+OH7z5Y2TPX9Ei3tjhhJB3\r\n9zC0SvDYRlUMD5I3sxV8k/wNohFLS1jvtOXvKYBtemH4se8vhg0/gtB7xENs\r\ngAn2UtwA/UFF36ueH5R5fXgRBOoJ4MCokal6mu/XOnsOWNL+yBySSzddDAFO\r\n1/nEcYlzd5noyZ2juVvpwIzL2t1bQh/UGHBU0qNAw3TxX4Rmu9My1LO8IAA+\r\ndVU/vqRZyWxaT2fLXYnLk828tOezi8id1My5lU3Phe1Zox/2VjMWuUh4AxCS\r\n+Q8efX6ICjeKZMPD9z30n301R+zKUvp46HI=\r\n=7wwx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ff18947542e40ce8532c2ad78551ff4e74f9d647","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.cf5c5907c.0_1658352058353_0.23707467090564194","host":"s3://npm-registry-packages"}},"15.0.0-canary.0617e2319.0":{"name":"@material/animation","version":"15.0.0-canary.0617e2319.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.0617e2319.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"251054bfaa9257eb0344d43810256156e9bc45f5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.0617e2319.0.tgz","fileCount":25,"integrity":"sha512-vxmpNGFxuP5bjbAryQuO7gpq1+Ovd8BUK1UK30hzV5C9V4MOqmyWfhHQkbAfSm9Z0T47e1G4gJmatZWkVQZDtw==","signatures":[{"sig":"MEQCIBkXKXQYfjpHCnvdbFIiKPaUHHbiy7ocn2T/4Nfhr4b6AiBOpRkbq3+tEu2gOFA8WUyyQclTftM57k711sL43MuLbg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi2HX7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqaaxAAnSZDCoi6KltCg6ixWxOR7fIGFmHwoqT+bWfLImWKihPVt9Ir\r\ne5Vg4W2tj8W9TRP8zXyNIrQaNsNq3S6ztJHhmiCXFh4bVpJbGyWHKDr2MniX\r\nsppUuhf8pBAsRbDjhEgeLnRA1bnoXPsLPA7kjIA2qFAfgUWstPmqG1zz4bJw\r\niviPmeIgk4ri7Yeoyj3f4+awe75b/Z7SvjrtfBQ6xQhNWI8Aw+koFes29ZdM\r\n3V4kdPqQAR5yp+oAhASJSjPpaUGOxDuve6F4p9VQ3+9BT+36dciS7RteCGwZ\r\n/Cd0kglXP7ZsKk3k/le1be+FwO15Z6FtUHMnBhoBs3GJK1J0Pvj56gBdeaJF\r\nzr5gLquHQIqPSa5q4/bXu13uCR/Q8GPxbEJKaLy6JIjvJM0dOcJdPAp6OxIH\r\ngmQI3zGOfUVxw3Ud7pUcxwl0bl6gOz0HvBBGh+y77/jT8b5MbNgQ9+SJFur6\r\nYdY+fX2Ov/ffqGtFb86WPPGmoaradRCDURFnH1+5w/Grp9TlAaUKqSEn4FuT\r\n/98y/VTSVmJ0uXTttcpAGZ4OvbzUNFzYIbLlFdWY/LsCwernf6zaB1UDDTyI\r\nkhjCZDdEr7Dvx9tv0/We9JHphhX55pHKA2L+kLojXbHF6EQS34xJx++4yuFT\r\nHHLjp7q2yq5FoCWb2U1bvolTDIKnpYxT/TA=\r\n=eO0i\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a4d6efed0d00cc69adede24744dc368da0b2c897","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.0617e2319.0_1658353147442_0.18399956997475297","host":"s3://npm-registry-packages"}},"15.0.0-canary.a743b7967.0":{"name":"@material/animation","version":"15.0.0-canary.a743b7967.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.a743b7967.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"77ebc7da911cac9463821aab8dfc0118cc5fae17","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.a743b7967.0.tgz","fileCount":25,"integrity":"sha512-Ajv16ZM3YIFje1dM3Ecdikc5bYxwYvIv+UrggyIXr3OfuvJtt+mPOsP4c9kIksRJFYu28XfsHj189fWsoPq5sA==","signatures":[{"sig":"MEUCIQD9OjH9N5yiKQAvn/PPvs3aTdMH+dXQEdQ40q/tlLBpKAIgFwmFLmp4dmBCtFj14Q38RDOf0gOc68qYTgd8JCrg4ow=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi2Hn2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqMdA//cqH9+yBoMgZjkYwaffJc7JxIB0Dl3tMCwWu0XiauNLqqKAqu\r\noCoCn8bUV//O9x1P9XNbCbzK09m1bX5A2DJag5s0ADRgKpxQMN3cnWly3Iak\r\nhQOSDgZm85+N4kQAVBx4CutidBp2TYKdBY+sAQ+ZmKgCfFa6F3c5uJmZj4yu\r\nxffi3ouvYMNX054P/e8PTKiSM7KLnZOOADUgiTRk5VMqjvLbu2MQOmA+N42d\r\nqI41oRC54bHbdl7JbTjSI/Z1bUNNmfMuwhzMxv5yFBASqOvppH3gBias4ZYn\r\nPklE2h4+PovuwPBb78tegrcYypTYA+qZ8iW8FXBO2KuvttwglpQv6Hy4MWSw\r\nnq1Lokg271EKPzTWqS8Mq/wm2Tg0InFN50BtdNGVYRpKHlYKt/KmAWmcM6RG\r\nFFKX26zo1/btOeDg7VjYRm8S+gt2/PrNcJexypS8ufi8d/sWNydA3mHuyMHJ\r\nF2XkqLq46tB1CjQpQ877sCyV810tnR4M6jp5pqwV24d6Js/XKtjfmH/1JXmi\r\n/prTNtvw527nRgOoeHj2NjI4VybjcPvQT6KvtVSRMDUN7XCh81AIJf3/aUM4\r\nZ7XwvV/0yxpO3dh5wEDPkB5mtYt+C8/RNLn2W/Mr1m+6zau3po44/gibkrEW\r\n+PR+pcT3YpaOzKotYcjOJCdnW8coixZNRmc=\r\n=XGpu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"6fe7cdad71b01dac35a3d815662020bebbe50e23","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.a743b7967.0_1658354166734_0.20095054626332765","host":"s3://npm-registry-packages"}},"15.0.0-canary.69fd619d0.0":{"name":"@material/animation","version":"15.0.0-canary.69fd619d0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.69fd619d0.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e6c7d6924c8affdfe54fae63b697623bc191e84b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.69fd619d0.0.tgz","fileCount":25,"integrity":"sha512-xAmtbV+bW/O2Xs0qmNmmsjIifJwYNLZ2WfjVMi/Piu03dhdSBRkMxht51VqLZdKyY332Gw8FtUvC4VSJivRW7g==","signatures":[{"sig":"MEUCIE6J5Z03d4XhKR55NiyfzeCFkJlnTlpkc5L9ZNO6ly9MAiEAs/W9Sv952erYe+xU5qV4q1NO3/hz2Zcl2eaNsHEBGsw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi2HzGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrE4RAAki0ON/3Sz0DkfnM3JdRdXSlSE3VwHiZr3pKIY9c+UYlyVV07\r\n2KwcDJYorVQFsMG8QrGTFM+ZFj/+dPygM8L4p7STBgkTyP0eYovdtCBs3LtE\r\nBQ9gX/kvpfkLP2UsN72DhN0ibcUahdqYKnxEhGUCJ+L0UQasiLsixBioO2lY\r\ny0sytX8HYzTJDoM/BZ3E9q7HicJJchCt5ra0/qlF8J3kQmgtxXL1CASP7MvA\r\nnhk2DiAAAAx86RlA2v2PErQtwKV9qLvnLUa2ReQ320ij2dIbs6qVlfLjTG6y\r\nW9ATnosgfQr82AMpwShYVreZ4pBQiYqPQ42qbFuD9C3b/Gn0348uqOMo8p/x\r\ng18qONbWW0JQBy3ByAFSDl4PqijO8a+/OFS2A3AnretAocsrNEWnr2tceTLK\r\nTRqKGRdAkLdueHbH//iJDhBofx2j+FLlf043zeh+iB5X/rccvLUHonsST2cf\r\n6BUDDZToajPDOxO2KhvqR3259DAVyY87o/30tk7wFFtqKhj6DAawdYzqHmKu\r\nQbe8JUIMhBsvnneKyzQqO64P0VY1XwjeVVQo4ttY2a7SMZfWwe0DI5bn5l8r\r\nk1z/x9p5CovglCtwhqSE2Q+lZ86Yj42s0T0FEsTvBYQCq8m92cB2zV+sQ/q8\r\nOeopDhCfsu7Ba1VGYXjXTItI+GT86m2zMRY=\r\n=+b4v\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"8982644a21769a71fcdbd9d8a35d87f00bf73b3c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.69fd619d0.0_1658354886114_0.6406868019468519","host":"s3://npm-registry-packages"}},"15.0.0-canary.2a6ddc1cf.0":{"name":"@material/animation","version":"15.0.0-canary.2a6ddc1cf.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.2a6ddc1cf.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9e059a0ed67cf4446ee981d08239edab5956d6ff","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.2a6ddc1cf.0.tgz","fileCount":25,"integrity":"sha512-/l/o8TFxPYZ7kaDuYT/JqJ1ppLNtvlnQ1Rh5xtO2bZyWh0uDjFK1EWMW0ftQcQXGM3qduDKt6N7StuQMy7bvJA==","signatures":[{"sig":"MEUCIFp1ps5/L/WUeqOZvbBVJsxCxuWPeR/0ZC+7BnV8shgsAiEAvS0aLQHNDo/rw00jNPIyEQqbRRHwS2Tzk/4zxi3er8E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi5ATZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqmHhAAn9sNSgsADWqNllP4MGFhy0jED76MPBbYP9ZLFo4m3eEitqgx\r\nnPPFro9iCG87TXgjr/5f1Yx0F+N72nQBlYcojJLaSXRY3t5LBorjDot0eXs5\r\nWhoKLlJbUvVatw8g28Xy7CvcUTt5auXmG0GCtoJSDQU08nsehOke1KXVNWAS\r\nkeQcKr5xyNKCgV/kzBHWr8QzF/bLQ8ldAPFTVo9rFCHfEig5KeCsaLDcwcx+\r\nhfgsG+s1E0gG3qeq+1tDrdWUdBImWkX3Ows36zoHhMK1PakA6NfWZ1S8AVUb\r\neWBO+TlLf0csGzZHUylrWZS7OrmEIUWPEd/LwsZWszmAWYwz9sU6ulEKof3z\r\nkuA7ZvH9lBZQ8usiz8RK1eMPO7jcfrRVAMhOpSu8Uhsf62EYjgyaWM5/WrwO\r\nnpeQxAaOecMb/F0UEVxBh5HbiIJ0T5kst1axn/7C6is8+rUICy9dweDuJHWv\r\nBugVwBAfE95dQ3nVFLl6xalXFKpMLzCsop5ES4eFWu9xuSN669HM8CeyQPmP\r\nwV5LgrhNMm+4juDJK9jlPolrNzZvaPHI/EnWpHBHuM7a3wfOV2Lnh0AV11Xd\r\n+Y/Ul74vdaviPutbBU31+tVhPMUyv6yDwZ3UIlI/vDsaMUWrRnIME4U55THN\r\n9f3NBxh+xlGzrORV3gYpGOpQZYiOJH8HWQk=\r\n=+zo8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"0e951ea9d38f3d449f24bd1d8ecb0fa70c0da462","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.2a6ddc1cf.0_1659110617102_0.5018212699763596","host":"s3://npm-registry-packages"}},"15.0.0-canary.86efd56f6.0":{"name":"@material/animation","version":"15.0.0-canary.86efd56f6.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.86efd56f6.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"619ba099586dba85ca8fc962f9d4660f2bd7367f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.86efd56f6.0.tgz","fileCount":25,"integrity":"sha512-Rz6TJeSsqrmUvykVQwCv6QrzT+TSuy3DXlcJqVdiFxDMRKWWBYwAr8HVzrVZmnaxW6nX0hzJdq5vTVm05hZ70g==","signatures":[{"sig":"MEYCIQCcfIpEp3OR5/HOggo6EEPOvlwKrAQrOQtVmTwEjmxn6gIhAPqkqTBStcqLWsBC3mc877U9+wdralyyywgiD//WDohG","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi6ThUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq+zA//Wnr7O6civZVg+DdIbjyioQkjMRjc3SiJkjpEXYs/DJ4Fe+go\r\nSQMEGWpBlvEgcfaJkH3aE+QOPPu/zOJOeLb7W9FhaWsbwiGSIe5HUz/drEJN\r\nqnhVHIG228yU18V1X/IVHK03oN+VEFkUIvfJuWq0iZSoHYwNQ6x8hXOpY5RH\r\n3y7PJIusxgtgduAS70O3TNmxM1xzgGjC1zyNashrqjckGYqjFU58TCsVG1Lk\r\nIjQ7zyoMUTWHxQwnzQizLjp1xxFLnhx5Wp2t1CzU0fHGv081vrW99AnTzQg3\r\nr6oeNWj9xwoKMP6P7fYdZEfz4nToSFwfVKzqZ01WRCcPKnLL2eMS1exXACeI\r\n4embaH4wjwvCwGtH9r+vmXmK9bbIqGGzQ5CzeTYSXQVFFH49a34YFmdsIR/+\r\n62SusradxfzmAS+VOTA8pwJ6umXQpL9Cdrlitz4w4A+jUI+XSnQHN7SYg4md\r\nklSlJMq2Rp6wjVVKR9A575JAclfVWSnDj27qworDkITPqePlQp0TASua7TYq\r\n+1dvdCykDJE7QKOartpE/etmhz3LgmpMHQSZEFkG13Hzc9s0oNJlTtQdQkjy\r\nEu3wUarITrrW37hCIHcTyrzZeaXLCIhEH23N8J+uCJNRDKvd1hesTPjpu+wF\r\n2jqB5/Q5eLc2aFjm5b7KCgDGX7efg5J+WAs=\r\n=+FJV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a4781ca009f9a9b59c7dfff5df2d23bb14b9de2f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.86efd56f6.0_1659451476044_0.19511093589292972","host":"s3://npm-registry-packages"}},"15.0.0-canary.ccfc24d19.0":{"name":"@material/animation","version":"15.0.0-canary.ccfc24d19.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.ccfc24d19.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c9b5f9665e0d4e98ab6c325d1df9d353725dc33b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.ccfc24d19.0.tgz","fileCount":25,"integrity":"sha512-MSSVYDNKPhiHk9vuBQKAFVMcr2mWFkw1Yfl+WwumNPJeFKVr7P13vfvd4nK54WYAopFaHXmNKJzrYGS0nVA0XQ==","signatures":[{"sig":"MEUCIQC7VcuS6S3/6dKNbk8EUM45qqTHIc5Mwvsfi69OIY703QIgPJ7fwMSVidVNZErGGAPcJ8HtyLPWnT79iyjMSYiS4rY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi6rp8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqEJA/9FKV3yTOdvda7q9VziXeL2a+m/+iim6d/sstP5Q1mQwmIX8rR\r\nxaJ/tMTHa2EB59ZKkf+yjU0JK0+D0vcColrh1D/c6LUbic/V609Kf0/Kv6bz\r\n0Jqj/Vm1pxWksaJPcdYCbn9dDLo7DvKqv9xc3MzG/BVtGRAVC2nD9X5/+kzP\r\nI088iPVRR9fUD59UJl2xuUh08tNgrmeQBTlBbBFbc+GBV2CEw+qZuUSX3Lte\r\n03jNeHniH/sEF9ZrmgGlEaRayJ3p2PHclYBfL1wpneXfbm33ug9XhRxJbrb1\r\neTPlC2ufLIEhMaFFpO5cnCf/xKAAeeX+ru3GUUas9yZz1muAviI/ERfwVb3V\r\n1Zrs5F1CX6v4RAHrY37wK8vB+oJakovBi6TXPkASkmpplU4hqkpqneAQDoww\r\nLp0rkY9PhUVHDFwN9/6OqxliNjwr7Jo+U2mTT3BeXTKgWBQ6HTlqBuoAVLnn\r\nMsrBu4ZV/cDgDqO+2vpgZkWdtpf/8eonf/zT5m7FuQ3ha4eE2Kzbx4jprNdw\r\nAKVjIVRbh7G133DcJ5Pm2A1otaXEyjyXRfVR/RMp3z+m3V8vvuXdozjrLKU7\r\nzWKxf+aNztE5KgdWnnMjspQYwppP0CgAWWAIhxmtVvG0Aobh5SXBnCNpwaSF\r\nwNSWgd/rVbEKcTf9tJymQV3CD3qDaBfaJ/8=\r\n=bweU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f790058ff0b4b30289ee965102aae1ca19654ddb","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.ccfc24d19.0_1659550332683_0.9757138989668173","host":"s3://npm-registry-packages"}},"15.0.0-canary.e4570146f.0":{"name":"@material/animation","version":"15.0.0-canary.e4570146f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.e4570146f.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3db8b4941f38e3acbde1bbe39f38f3bc3828bda0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.e4570146f.0.tgz","fileCount":25,"integrity":"sha512-IpIPb0gK5WXJKhkIBi/yf90cjNZ2yq7gQqcSQFbnRFV1ttRsSzSeZ/78cPgJ++UevkVcaLswYNCS94UClp/DZw==","signatures":[{"sig":"MEQCIH7LIS4EkiSwRrTKzmExkL+2E4zAxoc07QvWQeZ0E7eoAiAQBBtJmRs1bfTirWiBng8VqSYLZwLfhQzZjzmbIAO9nA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi6sDwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmptGA//TB/n9n12naJO2Oo9QgT6SOq0CSLY7Uyhj6KSnToljKcJPxwH\r\nomwzD8mq6c0W2fG3s4BMZnHx+rYyhoQ15rTSAmiIXUrwA9U9PPcJtZYlcoyA\r\nRUXupTX5BFAQcfhxy3lL39tVVd/BTTwTeY6QzHhOYpA6P/qjtct7YrZ3xml5\r\nE7pItTwd/IPHZqnDfO3BGISQib4e5xB7hfbyzb/VbN6BGwwGomAS/vTPtCg1\r\nO95LuBGGT3NrxHrFvvhs7QGjhsWsrd5o1WG3Qq1Y2sV7iA1RUTIioJED04i9\r\nIj3hEzJTVL3lArHgyb0VhsHYYwpe/gGm6JuHIAF4ihwURhKIFDQDGjZWjj8J\r\nBKDKej2JuPyHLKt2ntKtVtu0ZrfIl5HgYW1ZzdZyk9zemI/iuylVFap7Bs5d\r\nEZFCPDwJgiY/EdhQ+rY7jpU7CR8YA63CMq6R4BTb9ksIbamrxk7ZD2w64e4K\r\npRWKhCHPMYZGM+zltXBEIkbGsoSqi/R/Ijby//I9d9VOtaX41FQITVoRohNF\r\n5PX2RYa6bd6HdI1fI3kKtDxo26kLAGwDlN03ROfVKAsczDgMCqNeI1STM8i+\r\n6pA4mY8WVSCtIX/z6B9AiSZ/UK2eCt2X83jNVnqA5vmaBYyOCHuZTJagS5vx\r\nPgZJU6ByPR7HmJNZqrRe6W5Da7FNbf5YMWo=\r\n=2cpO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e80d690ce0a868398025065053615e866dc51ada","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.e4570146f.0_1659551984406_0.17951110123730651","host":"s3://npm-registry-packages"}},"15.0.0-canary.6683a36cb.0":{"name":"@material/animation","version":"15.0.0-canary.6683a36cb.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.6683a36cb.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a125727a6c804c21e7e71286839d93f3957f1815","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.6683a36cb.0.tgz","fileCount":25,"integrity":"sha512-qOO7rVDp2XWekR+TgWoX5+aQ+sIx76eo5PRkqTxJo+OtpRE+21ff2MiZOSnoO9I5NBYVwJncoVoBYcjZdom4Qw==","signatures":[{"sig":"MEQCICUGnTVjn3L2amDEm/YbyrjavgDqm4hP8QpKIVOplbGVAiAdZuBYTCnDjmVWBBMVJMT0zkjK2ZDOVPypByiv/7BZZw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi6spHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmroSA/9G/NANt1nU4iDY3GFIIbEENB037zjOvyZOzZgk/b9kaZ6poc5\r\nSEOlB7xhXert/plEm73A7qeQ6uV/IZG7CGQ67nbL3Oi5p13F5rXEcmhsgW4L\r\nw33McDw2mywkVNdX233WK6JjFsmrpw5OdrhRkDd03oR0fbEUPvaXMDfJsZpi\r\nMe2jwy6W5elD+kh2KZ9aaZ7oRQx3flvyFGKW1kMoR45/CxHrUl4pMhgVPkQK\r\n8v/Ig5lX7cYQ4pYRwpmrTKBrVwVzNHxzQ1fI6cyl7pW7jaPzLj9LXCwKJ9xQ\r\nG6Bup7zsU4QjDKZNFvm1pVNuHVyepVO0awAZW91teQkv66wQFLPkzmYaVCYn\r\nUNNVnxXz856fsNK6RCurdeaNTCsRVUwOyp1r61D+NzwP+BoopFXhpqcWpno1\r\ngI+/NZ+HxHVv8u89hiiTiaccNRsOYmBqQeWCCpyA+ddPx6RRbwk4e+co3U2m\r\nRz+9E4ClrEJLzdY0nTMgbcev1sK53NK1DIRjl9SXdeNnG1RjYN3vx4xNCBrW\r\nAim8wsyNkdysx2K0QWyRhYZV3wGb8LgVp8Wz6CMvGFTSENwLNmfrSepkQaW+\r\nzyEijiPDs7/xeUMPg0gSDAra871ud2ukez5k/4UdY6DuOtSZHQvE84GCqE8q\r\n2n0erMw0jtN2moW5QdV5GNfMnwKqem75cCs=\r\n=zr9J\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"8feb0b9a8c5151a18a06d282cce87d861ea12e5d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.6683a36cb.0_1659554375687_0.11504395585445493","host":"s3://npm-registry-packages"}},"15.0.0-canary.10196647d.0":{"name":"@material/animation","version":"15.0.0-canary.10196647d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.10196647d.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"89f279c015d847d596b8df4cd5c4674d6fabc402","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.10196647d.0.tgz","fileCount":25,"integrity":"sha512-uVhDLC7XAuRMWTKa+DiEU54m06WrkFU29d1GEryGENIlpaVxTsIDoDWF+qN703ul2kxIbpTIfGmhp+cFqojY8A==","signatures":[{"sig":"MEYCIQC4y1ArgcyOAknkQVecnDjFhXOrVfi1XzbiqSNnY3h0CwIhAPJyUVPrkDln0E2AWVGfPLuhd8kGpklqOAIGtJn1rbqK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi6u4yACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrAng//TyNs5zeRLuEqohkFQWYiExvmlarQxZeeiafiZNkQsz3xbRbv\r\nceGj8KLuzRCj++tmyP1mgVfNhQ/sqHPDdv3iYErs8VY1l0OHUgwZt54iBDTl\r\nmdbvV4l38PX2cZfPes7ZxojlO2fLhjNWrjkmiYGVs9wLsTF42yM17MvGAm1N\r\nU8DwueUa5VBxJoSUHuttfM0o/XRp7No0bDQIbnWOmxn+tpu/vXjfP4FsrvUi\r\nls/fKM4mqdxFwe1feCiBtbi4zcta9DRGH4iadg2c9zjIlL1/Cx8Y4ZfTsZC+\r\nMw6gwFYkUJqt+d39bXTZ9nyxbG0H0bVPBW90UBxA7ompB1T5M0NaJBd8lzJ9\r\nroBa5Z3brYERJI2ouB1bemQs+hMFWJRwdzUOcdjGSNEyjLizy/uykZivQC1k\r\nmVBXvOGR6Bz2Q2VStQQazrklXjb3P6OTVnq6RM1GD2mDBiNpvFfEgUbC21ga\r\nXE60kENU7iCyc3ubUnnqPDjoc8aZK0XvJzTZP11tqOdYHxNuMcP6/MDtBmJr\r\n2aC9cdDnYBSL8dPm4tDM3ox2xMHSw5VeO1ypQjGE/uUD/C90WDcdD7Eij2wa\r\nObDM3Y4YmesZ+3X2/W5iFfGB011V/sjXl/3E94NiNRtN2rr9c59wzVffcq7j\r\nXrUF4KqRWfFl08615tYrNawQGr0pXINU5f4=\r\n=oEjp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7a708dfc09b3443c565ce80a676b159abcec1339","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.10196647d.0_1659563570150_0.14972162502714847","host":"s3://npm-registry-packages"}},"15.0.0-canary.b20d3d73c.0":{"name":"@material/animation","version":"15.0.0-canary.b20d3d73c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.b20d3d73c.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ad9f61348398969970db78187faa8a869582e606","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.b20d3d73c.0.tgz","fileCount":25,"integrity":"sha512-NlWQmEM6YaZGIFRhE/ALAivw2wRIRU3yhuPekBCS35PCAU3tHJsScVcoe3SYc/tF0//dixEQP7jL8BksBouOIA==","signatures":[{"sig":"MEYCIQCsu5FVo4VittWlptQ25hIzyymYZCry6SnWrm8Eh5iPggIhALUKljT7e1u0Nvd6Q6kjzbDmQ1x7gao2tE50gEYbT/9J","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7EsvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqiixAAlMZwbk9X6X3zNE5QKQMXz2bhL/oaj9djWWrSoT6DFtGBf892\r\n0qHjxyzIk54Q6TNagxSrN/LTtiLWATKbo/2iIk9xOk1Z7GBGzsRwh4hkY5ZX\r\nCDsx3agJZ4HSVpZT4dlHnd/w4oGPRu+wqfX1dN3f6DBNKMB7KPYRu/SpbXZt\r\nUIdvEeB2mElWkxsVV6GU4q7NUTpRGCH9cqAM3BXTzDuNKK50LRUw8ILy4wIN\r\nHzdLzDJDnOTsFn841sIx1T/U0FbWSWjDWKqpnRZXDiZ5BAjRWqTvLyudW1ca\r\npX9G25mf+6CO5hKQwFPrUSDUYsmzLJ7maZBTBBief56NVu3WTcQMOGMBUaPL\r\n7i4bzm29RasETTClWgavbQCcTVZjbU16A0eaow9VPV1Z76iJtLpQBG+X885F\r\nAtIHEJBEh2AVNfbKu7Ct1i3dPc7wZjY2af9rppEqlqhzMyKedF5EDlnazZ6X\r\n2Dro9cX4AH40WnLOPX1VSUGm/XhJWubuLuli7WunjSZCr6wXWlgKcXpfnafe\r\nRl1j0J0GgpWsSrvjoKTeiT4kqjevJsrWIvlPnC4XvC1ceAbRFCm+9SRkof1Y\r\nDRCbzzj30zsuqiLg/MzIb1FFGvQ7IPsE64iVOb4W88WCLqyTfnSQgGJTtlRe\r\nbkHosEk6Ya7wbvELpIWWrYvZOUSmyZ8xpRM=\r\n=+UOU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c869b5a3ceaada6bf2ec164c65f1e4fd88a0e7ba","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.b20d3d73c.0_1659652911063_0.9056039326379017","host":"s3://npm-registry-packages"}},"15.0.0-canary.47c0c6b1e.0":{"name":"@material/animation","version":"15.0.0-canary.47c0c6b1e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.47c0c6b1e.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9e4abe2760ed2d2d9e38d42bdd2e18ad46b7b785","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.47c0c6b1e.0.tgz","fileCount":25,"integrity":"sha512-TGQgHzgfQmuANfOmuAIYo4Bazb6isyiiajdCM+A1UrIgvCvY4Y1Qtm6W9uirf6KBAakadj/aOcQ5hZ0MbnS6aw==","signatures":[{"sig":"MEUCIQCgcnnCcVxVL5EaGjxxYLXQv6eP8xmpo/aA0w/vvl9+qgIgc7wxSvLhDmVl6+6qwfEjEkFHFVWHeH6IxygHbdxGhgc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi8nr6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrasA//bVyWGL1arQyQWDrIG6Hwdgq6abNI0f0btBo7VuCCSS3wgx/H\r\n0WeEkeN/1CmxkdMgJJXYU4hNevTcVKN+JEvmnVaNWQDYfbfgLRAmMXnRBQic\r\nvi2J7G1WFD2kLncPs2ini51xIzddZlwe3yV8DQ7ALKkhRKg/7QCSa9/9wXxP\r\nwshx66cD1WjMODlonBEvBJgR8MVUjg6rnbGLyn0IdKEFNpDtmP/vJND6Ko7o\r\nmxF2b9rbAWdja0yWhKFafOo6VMP4VQC6VA6oDGs4QvqHfUCVatQ9pwdQ6src\r\nD+ee8NqTrRNMal9gAeCnqfVl0/yIi9JGfJu/5DbFFfJlvMXP4qzBx010KaVE\r\nkVKH23shakLMlcBfPf7ucEcmU2yhhnpH+MYVcyQSyChAXwp+5KatsZIvB09H\r\nG6DNQJWndBiy3XMmdyJBei1HKpDdzFxWEUm6X+bOfLsrD5PYKRdLU+EirDek\r\n4nzMTtST+HDZJc+pN/5x/Fv6CTjP2/APxbjwyRD8NuM0Cl5ZzyqShX8PIO3I\r\nmqiGZDCvA4ifNtLEvay6b3KLhH+bZm/eRXdTNEYpSM4vQBZboFXBYTuDvt8B\r\nxRZ9YWaEBjQMGxA4dmwqO2apm0OxLm6YTVEsbsbevuWSTdZjXHvAT3GucjmY\r\nOaMWJPEVZPKAG82rA8VY3443g8xtpNfdMJY=\r\n=kttx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"692955bb2bb9c99ddd9321606e40fe4a56de120e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.47c0c6b1e.0_1660058362436_0.6294136348196715","host":"s3://npm-registry-packages"}},"15.0.0-canary.0e3dc8e38.0":{"name":"@material/animation","version":"15.0.0-canary.0e3dc8e38.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.0e3dc8e38.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ba79ae5210523250e837921dcf0c41bc26cc7bcf","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.0e3dc8e38.0.tgz","fileCount":25,"integrity":"sha512-xrC3ecT/mdMwDzIjLtDtFL8aU2sAf1F751UBO2YStN0BAuVgfFi7SNwGmV1x7plUN2jYE2gmAMqrSWnmRHOPDg==","signatures":[{"sig":"MEYCIQCMWKSyDvuKN7RW11UTAh/rUKn6y+npyrGxh/WLtCDh3wIhAO/gOcHxPbzGNEvenHwPdtiXws4L/Vi3KHq/hYTv98vJ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9U4pACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqBGw//clS9w/Qac/uhDOLF4DxM0G0vQsxD+jisMXw8OuGfEx+F5E5j\r\nQMYTVcImEv1n7zvmBZy8YRK11pKXKcOUNpGqTyx7YbgZvz4991cmzdLbTYe5\r\ngYeCbko8wifUEWRVWyjFASQhVALEqdKscxrH1KnX5HJ+ilMrmC2J/oDgvaPP\r\nFPhNhnEKslZ4bqQN+1fpamwZ8764vPH9e4JWlRz7AUHclIKwK7T73C5yuCIN\r\n6OAETFwwG0Z+cJnQCGQAlGXnAQ6JA/gRAmUcAxZ/qoNxMPldhDDv06N0bzcs\r\n06stCXpR1gHdaz1hERv/TG1k/nMsZ4e/O6yOHsmz0HJu3O8WDEWog0vRZWz1\r\nuNB9wVJBHRG3sWeYMVckG1b4/8qBJYW+eixVIRe7+urRBN3gg+wHXHAyPs9y\r\nnXDL0BDhh6iFuq9YN+q3lbV9q9DokA2sRBkyAiBTouW8KPig5SFwLwWDrjzn\r\nej43Kutj5HRVhWrU0UO1ujJxt3YB4CrEvHrtD4ZSb//qZg2VQK0POjryU3WW\r\nVjKfzN5irL/9vUFsaQcns5mGfGoTZuun9DCU69l4FFtf44zRAnGmZMQdAq4N\r\nkMswR2q+DH57Mcl2CnL2bMJ0pCBIQluzqd1bmbfwRYvynzzeZVxjLzYwGEvc\r\nSuraI9NcyTPztsMJ971uzXrerkspNT5XzM4=\r\n=JyHm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"51983e03d07e3c1f50454770dc24ff8d6d6f97a1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.0e3dc8e38.0_1660243497283_0.7597996511427001","host":"s3://npm-registry-packages"}},"15.0.0-canary.d5a11f1c8.0":{"name":"@material/animation","version":"15.0.0-canary.d5a11f1c8.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.d5a11f1c8.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c6856ea1c1addfff3b4b8d4b696e249d9d88ac3a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.d5a11f1c8.0.tgz","fileCount":25,"integrity":"sha512-xRbe0U9vPWP61j3VxnzvPBx+2sghycd0ZGefLQzKmFaDPPmYowZmPCB2VDL7SfSKN9DfOGXlmHI27pgqdPjl+g==","signatures":[{"sig":"MEUCIQDpXstlZJYl4tqnaVpewQUWD+FL4l+5ktju2wRT4mRruQIgaKcSDKmru9IqxpOL0VmMQg3f7pLuw+ZkwQTbIIXQUcw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjDpaDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpMsQ/+OiuYY0XopJhQ3DGXQvkEMEbkBJ0JVVRxfrmHWq8v1BPSn86z\r\noitsdxaPTGw99R+Uo3RK5V4GUteEXSbfZ/2SEsmo5NVA4FoGpEJeLlWzGVUH\r\nq/AYMdDXGpp39jHRCJl1lu25AKiaccaVoYHuqJ+8tnmr95icBKweerV6HA2f\r\n3tkNUAnNakfucID5eKP6pqPQ5qu2ZGQyWtoBuxIECIvV2eIvNrtm0bSJsJJr\r\nS9FB0znqgIeJZF+r8KQSYMFqK7/a6TqYCcNLR/GJtDVKGCu6NSnA7vOjUtXm\r\n5ZlF9GT3u1Il5a3BtDZwCUsjLYYnbGdq7nibK46CDKNDIM22aprb7CbCJeSl\r\nSlmtr5/CJBK5/heNWaZ2zzHtKfs0Sfuw1lxGA+YS/ZQXLfw75LV64/zYc7GV\r\nOxo0OUx3n+ZCJyfwnFPRTmz8FZ5ANW3X6aQr+pCErFJHJ6knhPx3PtY3uTIB\r\nhxo4M5BREQhwhoQ2vyDo+87nSm5H1s9PtZTYLp9vc5G0oCxwNeORT+EhjOlw\r\naqdiOH4UlBii8BRDk0gnjapgE3ZvRr/okolxVYAVWsC9G/QHxv0QjjYZWQX0\r\nwHjF3QKWwuh2ToGrw1uZIwGhvInATB2GzdTosnwJlmMPtwDwH2rLflUNRd0K\r\n14SAz4sFooSXjLGLkDypF7t3c7rnJOScOsw=\r\n=Df29\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7ac71b54192751de3a5469d20cb2e1c30e544d30","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.d5a11f1c8.0_1661900419698_0.7839253174668537","host":"s3://npm-registry-packages"}},"15.0.0-canary.bac992a95.0":{"name":"@material/animation","version":"15.0.0-canary.bac992a95.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.bac992a95.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"74cf381d86a8f69bc8866abdc26a6cc8d862b126","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.bac992a95.0.tgz","fileCount":25,"integrity":"sha512-NtmmmlVgBiWZfaiJvebAT+UrC1cOufVbvFmoXv2XiICgAaNA3abLfX3uOox1L9DkKOfH+Nj3oxlyLJ8Y7XkiUw==","signatures":[{"sig":"MEQCIHmKDmwVaHIU+JZkyxTEJ+IoA+gyH1RHxLpAuR3m0RG1AiBEnY1VNOtG+BMP4f/MvyNk4dmBJ0wgIKfTZnNZ48FZqw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjEFmBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrMMxAAll/fqQ8lH2d3Gvj48JmWZuXK7tm9k9ul2fPym1eq5A8DYHVG\r\n0xJJozRcAWoJ/zLOplshfoF9QuUBENndpsDcHOSn3qmZXQvAIr4VsuX4eYjj\r\nup4VaCxsZjpU6cys565HoZdhCEee/wHZ0K+aXlaLGtw+2ozJRDISiAcnllRt\r\nT0b0fC6p6lTlbazuXzcw5KNBVi6Arv8MMLuiPmyjkB5UscGC5kFnmSN+MWID\r\nENC24V7N0qwET+dWL6H0YT6qGVZQcAJzd65Bc28rnvpneLCNsxev3Sk1Nxwz\r\nU2IQoOSUPwHoMMn0IOiaA7TWmR0LrF+ewUFvR2j/tIGir1ipiZK5rtBhtrYk\r\nNHdrsqS8MyJZAR3okbFZlA3FHi8mYvcCZwBDKq+Ym59MvfszwUNjLr1y7W/1\r\nNOeJtY1zB+TjfuVdVUlTcSg+JGNvxRF9ed715JomuY4ChaX5f75ghZjuEIAH\r\nBZ6Zxev2eas/bJTAREBSNKhChnC8UofjL8690k1XlAnzrkggH2aYuBBt2jlI\r\nrOLOCKDJ3zVrigQaYZdk0pLJt/lzTS5GB6z5Q1SN5ccLTOmXj1KJjdocCTdg\r\nWq36QKQm1UJjsWso0Dp1a5+QpkTAa58aoqg+RBRXeN/Y+37ZxOzrv/OUrNti\r\nQy8A5rZytOHRdtAjfLOhGKE70D8wancDRX8=\r\n=ELVO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b8dc8f019b6b9a7241d55c21925faac495f9230b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.bac992a95.0_1662015872995_0.4530454920292952","host":"s3://npm-registry-packages"}},"15.0.0-canary.d25f3404c.0":{"name":"@material/animation","version":"15.0.0-canary.d25f3404c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.d25f3404c.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ebecab1a58fc348b2320b5209ee7ec24faec73cd","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.d25f3404c.0.tgz","fileCount":25,"integrity":"sha512-qWfmqTIOAxrUgD6G1aU/iLgaqAcbtYXJXTNtTG33qcESFeHHqkA/I3C0SwcPnom3eGZnvgzK8H7lF12alAJ8aA==","signatures":[{"sig":"MEUCIQDRn+r62Kt2gpvNca+tuurScYk0L0eUrXE0x1LkTkj0jAIgQgu9SgRtz3xx+9/k3RKFFlmbyCO6GrdWpPEmnlIXHx8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjEH67ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo5FQ/+INDGMdJMp8k7/fCir9PKusu6hywvjP5sCB8KiAlLv08/GOZo\r\nsr2olvyUIkoHJmm6dqIokPIEOtapSFi1QirNcESudSBPFRjQtuKKNMdHVgS6\r\nG9+6uMfaeekaWBtCSBLO+E+nbL5ICAu3u+kh6pToYNDbsJlxoWSH6nI7QGpx\r\nSdgu21i20GShxX5Vqf/563X1KxBR9lOiCNqVeqzkcJFzWRsadBtRj2x3I6Ml\r\njOMbNEVh75oNp6n9vyeJphyTnhV5Y9Emqv/WlhRgPYyxuHwbRZFXyV6WPjDF\r\nwjnuc7bF8ywVU9iA1jkssry3vesS4rEWPNJvZPQqoLRtJICqqEXVasoGlI/U\r\nOmcvS8I6SiIWUDTxGOPwm12PkUG3IcSX6Tq/LwjekW4Rb3By+0kFXCXq62Ei\r\ne/NQyy35ANFi8dN66Ji6cZCqWT0KBuVmQbOL03sw7TssoM6Gz/EjF80VeCXv\r\neQaxla679Y/6ZC4rjOKhAMwO2V1E0z9dCNTRn4czJ9/etTCAGHbNBwsShZkf\r\nXBLNq3Mm/0wiKdm0AhpmZNycGuaBxziLGiRku3BElp7MeByFhiOKpHTKjx+L\r\nEBd45jHIJvKNIo6CgyPUKMTBHyBCmMjJtBccpduEGc6ubnP6nn83RJQ4JI+q\r\nDPve+vMFa3dG5zQbRuT+qvpWV5LkYfLn+CQ=\r\n=pamq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"cea256990068cc2248c9bed32c4a47fe622a3286","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.d25f3404c.0_1662025403073_0.7431043648561575","host":"s3://npm-registry-packages"}},"15.0.0-canary.920d8a79e.0":{"name":"@material/animation","version":"15.0.0-canary.920d8a79e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.920d8a79e.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5d26a0f07abcd72091d1f500edcf4bfeb1df7498","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.920d8a79e.0.tgz","fileCount":25,"integrity":"sha512-U7ivnhwKPc+7Dd3gTxZoXkUiJgO7QGS0eAzkHQKej7NJrfknMvWdeRf0tEANQdNHmHSCjs3Fh5vBksXWjEHnBA==","signatures":[{"sig":"MEQCIF5gHarBrRUOepg5RWKsP2aDOTEJPKGEhsFLd7QjNRgUAiBFxmDmpASPoTJcNASdGoGrhCPjrEm74R0ceE5BW7M7Ww==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjERPuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrizRAAo55COL0wVZng0xeSY9UjxCwn0DkySjnHlYVGEX8qO5atfoPd\r\ngugGfBjPAhZZP0KLmE7DfPWJgfB7FLPjD2h3RN9KJuD2BDgieVYrQcLtudt5\r\naTBZXb924H9Dh7NF+xCM9jVDpUdya/l1SlbziAC0+kXlloq1b5jrtuFi4UnI\r\niEj141Ul2yDFj45c/p/hr0Jaeefu7Fj/MzjhpaME/R5ATqa08v7ic6gcYGaT\r\nMxE7hjLEEuZLdLn2ch9+mXa0FJYFGe/t+4R5EWH1MoUCt72RmT5m7zMp9fIY\r\nrvC8GGjdbhlpmpiKuZdWxnsCaeF2ygwN0kyySF232GqwU6qXF0b1BI62HM6Z\r\nySh/C0I4MEtmTFrBomtjcyame+3HsiaGUsupGYihHVepPPJKdQU2lh0lPwGh\r\nnClWAF5stE5Uxxte+GHUyBFfvC+ns32jMbMUb8+92lrMbVXjNZm25Ttw+ZBA\r\noC+JHp1i3aL4TkDTzegAevxLzRbXLVz9kODRCWX0mhcanxOjGeMRPadqoLQx\r\nnW0sy3OTHUt9c5D4vGGdeHTgXeu/bpxa6zeJmSepfyQkmD5/473cZcYG9jep\r\nm3+E1j9ABi1weYaEt/TSs8cExien7Kt84sUga4A49aA1ruaBCBs+RcYKz9BF\r\nnN7Q1Ja2tNYNjfeJ39QYzEP0aVsJSwuF9G4=\r\n=eOdg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"781a4c78770587fd97c25633bf9f137081c35bc1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.920d8a79e.0_1662063598673_0.5835805136695604","host":"s3://npm-registry-packages"}},"15.0.0-canary.c363f267b.0":{"name":"@material/animation","version":"15.0.0-canary.c363f267b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.c363f267b.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6f41f28ab91fe6b158b15e81fc40c9ef4978814e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.c363f267b.0.tgz","fileCount":25,"integrity":"sha512-nZDoc7LnO5/Kh3Au93bxSJ3OlvyfhGpYr5acx2n/XI58K53eew12NRP3s6z4LG5yJNxTFNC41QcspgZfGvj6iA==","signatures":[{"sig":"MEUCIQDB97wo7qwlTZgUAt6XMCwU0rn8VeIiJG07p39lUZVkNAIgVGSWLc2kTYyuHF4L5uJbnVLO+e63TK3o+roFiwqgZKo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjESFhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqziA//a1N7aKJMHk4ud5tfdaAyNhBxMoi/V3CpdgyYF+Hp/Aes8Bfx\r\nWoMRMD9RGgAHYdMMzctXXxEQh2YdA5NoHBzqixYYQD2P+pFmnjmUG/2s4Ftw\r\n56Zq0e7ib6gMubh8klq4IWEIm3o6hLVjnhPf3NEP/mN1FNhXg9xzzOAq0Dm/\r\nFHmGEldKz/AervL/FUC2CHPCqkPyEqW5ZIDL52FSN1vmVZYjP9pKWlAA+v7N\r\nQOfh2xzkXIKvCawa7WI0GDuFWNcI1ylQio0olGZ5vcIGs4FpB9Z+r5r/YAXK\r\n4OgTrz6U0AOVJKmWuWMXSl07YNBnA3q5PkBkZB/AMp9pPTtjgQ6QApKhnC9n\r\nJTDAknePju/ybvQzHtG9Mbhlldtwdk43BE+CI0e0O/LQcNGr/5TEK6yFFisT\r\nVCLG+pfOHeyKpXFJ8NgHPkAjj+QUh/E5t0TdTBViIzgoOShM7xsgGpKQZ/EU\r\nCap5Jg+Ptnt4PiWVlRcIsrICpwUtXmrsdveQQDOuXN4xljMZRAPqLjfhemCV\r\nVMwGqDVSxCPVQ2HcPUlHEFHtF+0EGyzAAmm/BYcBNX1mFemmY5v3f2Hh3WeZ\r\nbvCxf/6n5ClXFN/mI7hckbFcsn7JZyARV3ACiT7tq4yMeOlCYN/wB0dCVc0I\r\nx2kikiIB+KRVBe3WeE+AnfXhuWrp0oNpIB0=\r\n=Smeb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"6e2ef624f85a84b5510b55933f017db57797f611","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.c363f267b.0_1662067040957_0.29348419557713323","host":"s3://npm-registry-packages"}},"15.0.0-canary.a4eb4937a.0":{"name":"@material/animation","version":"15.0.0-canary.a4eb4937a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.a4eb4937a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9b52299c05fee0373b0ead9ecc71d8f53e6ac589","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.a4eb4937a.0.tgz","fileCount":25,"integrity":"sha512-VCN6z9xLeysnA4SZGl0EuuratqV6KPmASbWWFKoDWUQxlhOJaH8GpRadotXJnTBcKufejno6oMwQOp+s/jKuPA==","signatures":[{"sig":"MEYCIQD6updzjn8Dfe+H6fjBtzhlm8ig+Zw6WwbM8imffejaIAIhAI7sw3pkcbwXbPvO9szYmAosbMt+uEwF5Tp7xdGglqHA","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjF48MACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrQDw//YZpYDysiXLM3OZ3jB7+/1mc31VUuEMjDsllq7yfuX3kom6xX\r\nXuUjtU36IkDsTiG72NfFYJlhfvFk4FFawvmnj2f5t7C57mOXgGsAyFqscjLy\r\nb7IPWxfPFRX4AXmx1n+kAKCgwQkNnwmwCYRswZmuFMUm1YdfKPuP9xaLmo/F\r\nNE8Uimo61mPuOxaHGy8uvKdklRqItFaGGb9MyfWke5PIPO1iJR56iMQrv8Nx\r\nxDhCOXGRZOAgOhLWj2wHOMpSXjlXPZMjHE1MGEHXHA9hP9Oe7XHxDu2CikKw\r\nSmCbaru8SBtNB5pDKqj7vY8M2mgdUr37q3KU/znZtngP0l3gbmds4LgGb6Og\r\nUsGFn1hzTnGBXAgdpeJ5J3dfeT4bl0zIXpwGszlKbkj9sPwb4KU8YUBgV1m4\r\n5X+SRsF1CbbX1F/MeKakesN5gYpjfN3bRaRec0q7TB7mDBGl4Hrm+CfLbjfd\r\nsNXNiaaQx5sVzf/iwf3F7I88PZO+eZZKxozQ2Ctq7Xtxir1EjjaSVu3506Mw\r\nF5tXFxtdhSapByZyev4u9lZTyM110et4rsgxyQUj7RNe4figBQ6rxY+lSKwP\r\n0cIm79d94XrEaFtbydo2BUeUJdj5BkYGq0kvs5pNor1ncgeZFkV+oToJuTkV\r\nFqEwQ4jtO1hd7DUMk4r/wMyPLCPZT7OZa60=\r\n=5O1r\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"cc03915314119934676831cd7a244f70e12dd2c6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.a4eb4937a.0_1662488331916_0.912543412199408","host":"s3://npm-registry-packages"}},"15.0.0-canary.4299717da.0":{"name":"@material/animation","version":"15.0.0-canary.4299717da.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.4299717da.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"52811942df6fb62c5a16b5fe076ac9ed99ad0ed7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.4299717da.0.tgz","fileCount":25,"integrity":"sha512-9FeJYpSiy+9Hu/1DSbo/yqol2rrwK3XQJ7Ie+4X2hTtoJbg89qf3GcJsNDmwH6suMQs08PIQ7h9tZbZB+0OsCg==","signatures":[{"sig":"MEUCICQmkcqIoT0uEyNaM4NrLR8tG4Inu+cg/4pXNnyOJw4hAiEAtxy1V/QDUy80yXLRuQScTXXkgpwPRDHzchSrlYMBDds=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjGMNyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq6+A/9GnWHg7ddfXubtDU1GSQXhO1WBDc8/pXYKPYq9ZIaldqfwuIp\r\nrHoVLNdJt0DmaSrZEHsDd/t+0j11X7OcocIka/PWI1RIh0PampHpUoiNiAo6\r\nqcF5rTEYOTkS8U/gTxFiaE5NkzG2x/GZ4c7zrAuzX6fZojcsMt/kEsdRZeiP\r\n3yuZU3ComFKP5LNKF4o/w/9tkWCEcmd9J+CL/tzyZ+f6Qn0RBdF8zCS5ICWZ\r\nMt2AItGPsHLYKV2HSKlCBB0T4yYyZlQ3AMXEBjqZL/gVd7QWqwssCQr7rNj2\r\nUBjJz4OTahzrtGXRSWJBrd7vgo91gOmgnELb8K+KW/e9swOV9IXmzPT4npJP\r\nJoHhA+KC7zxuykP7iJ3K/7GUNDvheOimOPVXsbSnz/PYbA6k21/KRsdok8XT\r\nw7rKQ9iOfViRsuXWhAbgn2D+/RQu86WiU2thKfNsc+5KN0wxtRz/AJ+6FZJC\r\nbFv2MCkXHoCsafaPdMCTPnysWHRFMFkhFdTEO2TfMLvJKJjQaitPUT8fhVIM\r\nSl8FkJJUsdQSsWvwPLyI2E/+Z/N4falDfcCQAdHZjuKKjMjI4g7X0QKrRRMe\r\nlN1aObDmJubvYaovzEZ+SEk5RbAcU34T3ueAu8Z5JDF7gMdlSFWTA2RCiVuB\r\n6VCkqmE/pY2w5gC9CfD73ie3+daEfsxcNB4=\r\n=PKDd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"22082634ffad1ea812192e5ac62786a8ef47aa81","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.4299717da.0_1662567282691_0.41731278923538095","host":"s3://npm-registry-packages"}},"15.0.0-canary.fa7d8d44b.0":{"name":"@material/animation","version":"15.0.0-canary.fa7d8d44b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.fa7d8d44b.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c3937277f9ae782a2fafddf47d69929e70936b45","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.fa7d8d44b.0.tgz","fileCount":25,"integrity":"sha512-Fy6gO/uQPBoZKcCharVH5rmcEcfNyMQg0AZoNiaqrlMXd4w8O7o9oM2hpvJQGqo23wecZ+LnMdwZ754j9xhDoA==","signatures":[{"sig":"MEUCIDbPHR3qnE78uI0fVc91nqOZTp00MkysfgLAXCjmPoBvAiEA9Y5oNFpEDTjR+Dwu+w5YiCamuRj3QhGBPTH0aHuBXFY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjGO5eACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq6OxAAhsaBQQktD4csKoNFp4MnTRP47OKBTJO3FPTZIlhKCj5c1ANV\r\nZyRP/yE9iy7ZMW7aY2PFiPda9J4WrJKuMHZk+OiKd67nVFhfgZSzgVTmg3CD\r\nI6kfzO3CGNe6F+4IzakfhVGgRlRJDQzUPPZjoR7ttzHd60hz9nDY7dQf5Z3l\r\nLOg/QzjXIILLsC6d4lDkLd0r98m8ybzJuFQV+BTLsJ+Y7cKPzUZNRRwHnLhJ\r\nPoK/YyBqgYOWqE97NeAcRAn5oN4WwmDcjAmoxjsInGnfptAdfM8u5cKNdvS8\r\nB2bA2na6jxothTTsjmr86o1hC1YJ3saC/TqgXCUGqeY4XpJmXurArneGMh0S\r\nYIYJ/NEzWJnL93a9hLEGe/DVXzMSdgdpNl66fj2Ke9UHOiKlOu6a5468Ag3F\r\nXu8gZMemME8mjg4xS0na/IODgyj19ANtz5W0KljQIhxSH2hBQ1EUQm8/WJ+H\r\nV8sMVsh2RE+3E5tW1702tWQoC5xQnwXGq4kseUsnTLX8sAE46ZjM6Z5qZHhV\r\nn+J8dEJpUnhZWRZPZfgbhytNAZjqlAm+SQS00x8riMBqNDT7JKpeDf1ob9ej\r\nfdOjND/cfi/aZMchAz5L86vlXvRBLCza/pLHMxFD1GoNFqwg+fTTbj/JjygT\r\n4Pd9GDRKh0ikLEPqaSAtRbp94fH/LE4ubUk=\r\n=qIpp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"6fc828292e73ec2f8aa4332891628e90f4586658","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.fa7d8d44b.0_1662578270278_0.6591518954835345","host":"s3://npm-registry-packages"}},"15.0.0-canary.a40e3c768.0":{"name":"@material/animation","version":"15.0.0-canary.a40e3c768.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.a40e3c768.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6899332e25f302a3136e9df0505e8875e43d8672","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.a40e3c768.0.tgz","fileCount":25,"integrity":"sha512-13VPGndTOP9SoN3wtGz9JyciAzD9tQBCgzvCXrOnBoNtcVhjtUzdrW6tEQqBg2lxlXwUNJ7GV8cQbFDl/ivUBQ==","signatures":[{"sig":"MEYCIQCCu+MqqB2DmVT4NMLuMGa4tiYIcMrHev8RQdZQSFVv0gIhAOIO4nBZ7d5BGdM7ok88BJCCC2nH55ILRZ6Udz5BR1P9","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjG5v0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmom7w/8DocNRDQvdDbcm8hGM1SOZrtPUtZ6SWG4LeciJZcS47zeRbtK\r\n1PJNkPcflpJVD2cU1xv4Qye8Eqt9aVatC8uRSVTt1J57Lri2VN0ZRhyUWeGD\r\nHAt8lNmWsOScYB5tRUgCr7pIGV6IKv6In1jtuJAkHcWm+Z2qqo5jGY3OSpnI\r\nmHaqlxmDEEBM0RYyuMWYases7Jjp3Poz9uHh0RF7BIQTkvyyg3mkOfSDevUz\r\ndmxBuijRPrMYyjjc06z1m4vXXkjJITaT4XVdrxAIDAgrodLaBkmnb33N9Dvp\r\n2sRomJWcCsj2fVg4/fm4UiTEK/i/Z2IVwocOWlg+5b8r/uwsjjJ+oNDmvvUN\r\neHIocQCMVI4cwxZyZYu0KP9Gw7Mbq2uEi4C/rsoMPvBrsOw5xT+Mv4Wxdk9g\r\njO1z+kFao6yw5WeGcgZP/jrXDzu7Opt0/VelY8q4tNT7AWLjK0fwhfggpc1+\r\n9+SmZ+ij41rDhmBG+HdsvDA4v1yGXLpcZn9kmxeJJEDakKdOyFA06stNs0FR\r\n9lCV4tumYG7c7s2fel+UlV89DuEucLKRCwyTJjp/NXsrlum/fnYTb6xyr+CB\r\nR4+k7mLy9E3UU7B0OgKWWKM/nvZVD0IuL8a3dNyzT34fyvGAMeB7YjdwEcyz\r\n53eNqbdkLk/ReZsECi0u3BWERIrB6sU4sfY=\r\n=cbbB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"33ff1e71e12298ba7158884edffecc83f0055913","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.a40e3c768.0_1662753780111_0.06648752635577138","host":"s3://npm-registry-packages"}},"15.0.0-canary.18cdc9a00.0":{"name":"@material/animation","version":"15.0.0-canary.18cdc9a00.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.18cdc9a00.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b20966cffdf8a2e67c388c40a31ff40c91fa4c66","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.18cdc9a00.0.tgz","fileCount":25,"integrity":"sha512-5nQkIgc3ST7T4KXBhDMkkpJCtMWsSJBpZRI7tq1oej990sgaS/YupHof6x0LNoDziUWc1Qt3OqaHmnkQfeJSZw==","signatures":[{"sig":"MEQCIAVdZQ1blYC/n8pbiv7n+zfzpiGA/CxgMfZkCWC0wZEtAiBXgfBU9BJKI1UXiKq8BWEtIAxoe94DKFP22PHKEI0l8A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjH55BACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpBOg/+IOTh/sUqCMRjGdTVVRTet78t8INBB6wDR4hWI4nufm0LrQKY\r\nrO8VtuPQVUsQPGclray9K8vgpVtGX7lsTq4eTtXZ15PbqnfJbX0cqYOro4Qg\r\ngXolZlpUaW/M1dOOpAxRtpoHvlz2W+hqHHPBzv0WUj2JJdFFmcN9NZ30jYyI\r\n1LQMstX3t096UNYH9NJIsq0oUZxS9T+CXVgVdwCWsgcI9CQFmoUS7vz9f7vU\r\nZkg09FBijFoJCMh2CNLqhKWF/p8mibVQAVRknAOjZf5tAi5btCcaZkWvjtEU\r\nrhubVMRh5/qIMoSJLBH1GaJQlowhquybv1/ey7mTlWoYrfPQ0IyY0vc08VdC\r\n4DUwjjb4ErxRj70dsC3QgasBZxR3LVMp6++KPdhoqYvNjybyqrivAbk21+v9\r\nlkmoQTgVgmJj7q8Y9FE6pS6NdQOhVHluar75hydCEXoVloEJ/iiwLlRLpjqJ\r\nQ0M+wwQbB+99b8NpleIUJVefdXoabCnlj19iJBSNwxgh+JpVrnS54gy2CbHu\r\nZAUAajKJNdhAQOPUCnwBADTZZY1w2n47nEJFY2HS8W7YuSQP2CUuMc1wVLZy\r\n/BTBqi675Z18T5ESg6k/fizdbNPxSr0MMlc0/jFJMYIPsCMZ7xChdI+gq8nb\r\nXOGMpztdvIGSGZ6Z7ZX0CFa2h9sOVB/OF6U=\r\n=IcHN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"85b7dc2034fbd68e480826d635d6d061ba62d3ac","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.18cdc9a00.0_1663016513149_0.6610868806973726","host":"s3://npm-registry-packages"}},"15.0.0-canary.7ab3cd3c8.0":{"name":"@material/animation","version":"15.0.0-canary.7ab3cd3c8.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.7ab3cd3c8.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"526edd143b83b2c7cc2b788c4462eb091f857780","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.7ab3cd3c8.0.tgz","fileCount":25,"integrity":"sha512-DptvV1a4sxi6WnP3N0cPyF5OKEBtK6hFZkEzWcE9xKAfZH5l9urTLWr+emb+fTeZlQybhCeFxLTZq3ejruxiZg==","signatures":[{"sig":"MEUCIQDXf6QE1LBLZsL1r7daEuSYnrTKLcOlAByPnPk6fxnaKwIgRSFPs8G969i5339MbU+o4ckDTJpwPTJ6vEngPUkUnYo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjIQZXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrkgA/9EZSB5RfB0qfOrKp53VSNGvu7lwYnlQwwXINfzv3X2AJFx1oQ\r\nmPcadKcf0/Dxk6uDrLaAlnFhs8RjGT580JWQsoy09NmYHuXsTmCOhN5+WA1y\r\nMFO5A/XVWfLUThcBnvGw0mBPVawgNXUy1lKbfxk22Gv8nosE6MRIjdSBYiny\r\nZrBeUTIGspsBd6ZnB2aEuY3vwKjPsWRYbte16A+P8CwIYdy9S/mseoACyiMy\r\nVOv3ut6rYuGORwsecUYG4I5KWcZg2x0ru5KygQEs7nXEgAq4QBGedRNYKQfY\r\n7FCQqbRnRY/xbo4h85TkR1u/ECdIWpkFQN4/Z4wRq9nZ/YD4NBF8Fa+vUcJ5\r\n34FjgReEwFhhfqth4hGiPwO98bmmbBUb5safO3hmjfDNisxnBz8MzugzbxDY\r\ntyGOBv5/6dhqzGdVPlRFdBnrHyDv/TpLNb0b++Hvfmw1Ks9Isk7247P/pvTA\r\nRBdbasfW7fjuEyShCHEJH8TmySQTmBgalYRU6ZLjhXSD7SBqyt9/XBz6a2wN\r\njeTRy5tlq2wqo/dlr2K6dkUSTR3z0e2vQKHydpEF9d0fQUsWAxus9dYbgHTO\r\nPquEJmt+xjQUcW1N9SDSejgksZ/gLN1M1DnFdgDXJAVbg0eR9L9q5B3Z396U\r\n+m7XSTEMKuvl3cZAJS9EHQVETrB1g1QRobs=\r\n=12iO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"5e840f2c9b221706de7ff81194e71da2b68b82f5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.7ab3cd3c8.0_1663108694851_0.15619356113926308","host":"s3://npm-registry-packages"}},"15.0.0-canary.2860d244d.0":{"name":"@material/animation","version":"15.0.0-canary.2860d244d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.2860d244d.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"df552bdcda65450fe5717039be40e9fd8d5701e4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.2860d244d.0.tgz","fileCount":25,"integrity":"sha512-wu0C0JTIuNklkW6i+pE13PDEnORh4A8c/d0+sqmMzReGbGyLB9zooX52b85jrDK4/j9QDscRpMphIjvTrZGALA==","signatures":[{"sig":"MEYCIQCys8UvOt2Vk7BpsGz+7g8j+7NNtVj9CfkVer06TQxnOAIhANuYq9lsJue6haprrdzi7bQfTa47Womzj+rN/XvKPNmi","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjJP6FACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq4qBAAkni9m/jRqaQ7g/9bj1mZ7VAHSaehyS4RLKCzouqWz6hk/7R8\r\nhh2fgFpXKW/h3wSsx8nCQyNlNKCm1FhVc/603kYg2dEZ4Z0Ms752+L0F9tSg\r\nCliN84ghe/CRP5PtcENcXdhi8Rbhco4hJQPhS4VwAfzpjBNo91PCBeNRLMrC\r\nERcL0ZMcZryGlzGXVUElvdafUgDnL8Wt9c1y7oiZNYvabejFBxe1R837UDZt\r\nZXmXpNtPuRSO5dxBe8xwOxA/EdWsOi8MuFsmszPDxEHOJswJtbolSeH36qNW\r\nzL7QNgQxtdzdf1QFcEcWspG2Tdvz3Ct549m2krLgXr1LZZUwo5egBGEsGNCx\r\nOcPpmhI9sh6dAUKx16PGS5TwsXUAH59DRlT4TGWf2GgGKJNCYxLNX1m/+pAA\r\n2gsZUe5sLuSv9veNDmtx03VeSxGfvLuYsYQJ8+PWZhm17ymFDiMPNkzeH/uT\r\n18VgJkSHtu1pgKj2vEceUiu2p9tfOpZJpQPKK4xoQjcharxmJROO+DyyTHB7\r\nwHk6+6pZKiJxEgxd9TvQ+Myah8u7kUfzUP/1q5I9mNx1DW7KQ4kH5JN3FNO/\r\nn4dJXOxg+SgYqU0qGGLUVoNNyk3LWqsa8C58TdcAMRsCtqSXi2u1gGB0zPzP\r\nAQup36PWa9PVpQucFrDWF7t7xghhtvYsfAU=\r\n=ySsA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"992b4ddc7340e4e4231d1001d68229e8911eeba5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.2860d244d.0_1663368837561_0.45832331116456837","host":"s3://npm-registry-packages"}},"15.0.0-canary.e8726533c.0":{"name":"@material/animation","version":"15.0.0-canary.e8726533c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.e8726533c.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3304575c900bf603e6f35855ae66212ca39d2b3f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.e8726533c.0.tgz","fileCount":25,"integrity":"sha512-rcb3NMXCZ4yyR2h9V30Brsa0i0DaZlBCZ2sm2sI30lwLhp5qDxiCv83CL2JChf33ltwZwSf8xi2tHyl78tyLvA==","signatures":[{"sig":"MEQCIBiD4kPax9tFRYx4U0WloTDAP7Ou6y65w1Nfz9zgsCkiAiBsAfP1NL2igOHNGZKzQ6UZjXrgjbmsdp5VsxBTedefHA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKh+qACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqkNQ/+JlsMaW+71BCamXag2dK24S1lHP77PyBZ9B3V9ImDq13IuBf3\r\n4bDeR26LdRWBgIjCggT5G0pIGJncqhQ4hWf61WLxO2L520nzIgYFCpJoBs2+\r\nvePvrxwlALcSn2A2dJUm97JVROnUlcAHJDkRTeA8OKKxAsEyAsC1I9P81AVi\r\nT78Widi5y8LHGRzzhBYD1uqvI6X9ukYqruizWAFNqQqT7nA8Mjgg40oZIX/0\r\noVi8zJqWBU74eKGOP5EOl7COnZGg9uD5pugIYPwM0tT81BbHvqOsPpQKpNm/\r\n5Iy7D9HGeAihT8/5NTxe/pEdC+tpVNvfmMAjxmqWhULP3Tar9CgfCJ5qWkCh\r\nQDx75rt0i5dF+J2NBNvOMUJzYvSbjW45GYw3bN6qIGd+cDF0T+annvHrKHhb\r\nd5ZS1VYZkrbaYhscA9WMQf9VO7jyESHVn7WOvlrj68mO74TWA1/0ie8zJV+7\r\n0zr5nT0L1qMGlNC+TTstqsK5B7qvQuTSVqshfwE4hDuXrSRDu5ju1Nx8oQZb\r\niF8wTUaR50TrOJN2yHL80BmYyNAAwj5onFkmt9KZ4J7C+JnRGrYWM/GWZERG\r\nUmSO0IjLGIjvAC7KC9UgELyxPS+IlmY+v/tfhpyToai1ZmW344qX7meStuZA\r\nzqWHcpskLLc/3noY9Spb/rPTDlPdNc3fZ0Q=\r\n=0QnG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b85a9f4d1ad6e30de8175562c0093248848c2598","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.e8726533c.0_1663705001989_0.7803379996452073","host":"s3://npm-registry-packages"}},"15.0.0-canary.00d8de0aa.0":{"name":"@material/animation","version":"15.0.0-canary.00d8de0aa.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.00d8de0aa.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d76a927b2f58429575dc7e2831b6ab7a097a07f6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.00d8de0aa.0.tgz","fileCount":25,"integrity":"sha512-rPK0c6MvJqgfD4BmxKOIMrU5qyB4Grs7hvFSsiN3DE4ejJCi6KKfpxgZDZf60pCQHy8HGEyz161/9Xo0I/Ll7w==","signatures":[{"sig":"MEYCIQD2f8bVkfpS0Fj3W6j3JYu5J0xP5l4At42uCansfq/ahgIhAITaUHnDcvPAUqDUoRsr5EwG/7BaRXh3nIJMvpSdsA6n","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKytqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmohzQ/+OiL6SzC1g0GL6hZPqJggB+9WmAciYH0SUd98/2SUdUcW11W5\r\nNzEBdAtWyUNTDElklWho0ZZBqkDtLvM28LCAVjmV9Ne7orPSuiO4jbRi/+UH\r\nvd7dh1YaoQuSR3mm3b5af/rO6hRX3w9Qmip19edI03m7N1feuiaIusurSryF\r\nqNy0SlFdc9zHOptZDO5krEiD5XYi6jP00LRW9r5NA4MyF6BZ1RgIYT0mGT8s\r\ng0iZyJAAjz1CTp1qabrb1gP2rHo6N6VTPlOZOzzzjPRkk3yiygH0oTTCUGfD\r\n+3sZ+zGI6of2bnft22e/3CFbrBScL5dGLvDPzHtPPoQCAaQz9Sk8hQunvfPn\r\nTCBLbT8ZOCr506ZaJCPJ00JFBUTLysXmXIbgl8ualrPy2PaXsUV8s/yC9ExZ\r\nsO6LqhLO9bgOCVbNHrFlnVmizRWWfTZQDdsT0U6Cpu2fZn8ztDjvSdcJQMkH\r\nHTLc92E5MG0PJCz5ss0WLSuxbaLRL0DaHUEFbIzH786QoPTg4/5AtpVnJckS\r\ny9eENvsBFJEqZM7rSjNP571u1jBz9tcZCO87WcQOJwujROTGO3L4zUEbTpZ3\r\nSsnjba/jF/fe2kEwSCP/2hCT5zlmzzr6ysZuZ0tjktdbR6qFLhKO2zAK7UGe\r\nQBJWpmixYCZ9bW/hJhTciWNf9b2YiiAktww=\r\n=6U6D\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"0be0806991396e042fbbfb14ac3ad622770647cf","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.00d8de0aa.0_1663773546247_0.16645687392991593","host":"s3://npm-registry-packages"}},"15.0.0-canary.271aedc30.0":{"name":"@material/animation","version":"15.0.0-canary.271aedc30.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.271aedc30.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bb3913f7eab349492e62e12314f93dc20071f368","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.271aedc30.0.tgz","fileCount":25,"integrity":"sha512-xRL7cxE2O8E9eJ4E2JrV7MlbaliByzo9iTjgI+tyK600GtbmZVdzowIE5pEOBs3y85kRjuHEBYW3uqYxhc74Gg==","signatures":[{"sig":"MEQCICxzvSpoAQCtu/6McfQxAF0zeP1XQ/tTinP1FgobQG9qAiBSjHHGE2AfuUvDlp8zWDwsYYjGp5bw6D4JlE35qjwfDA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKy8eACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmozEA//Toz1ewvCrnCSITGlf6DL4yyvvUkZYIq+kp//HT8ZElip+iQy\r\nv0BXpXT+lZzzRpHssluNIh09tAHBHQsYvHUW6g7cBftiak01jYZ9fV74YhLV\r\nx5ndi4PaL3vh8KX/SyixWHzq5QR8/RnJpLhLOZA3ljBCKC3cuBFOhDchmXao\r\nzZ23gkE8cnS0GdN3dhLDondimrT5dfIBaXdx95dsCYUer1ffazrfzUjIcvAC\r\n56aCpiP+ETD/4dFb8AIqvYv/QhScEJpd/17srw9/dVtsOlDHysuJogq4ye/Z\r\nEx9prdEjFzNc4IY+hJulPwQsXO0KCCd1adiMMj7gSUXdKNrlUh/vRQYnfJN6\r\nX9l7fgfezsrie3vfNgF3ZOuATapKiWduU2yQOtxpmMgJ1dgJhs+f8AqC52Ae\r\nKQ0eTxf1VLypFH1FlTSu+g9ySOjdQXw6qXW+DEEQSglhYnfJ0eJN6R5HqMaL\r\nnVUlAStyujeE2/M5wAryOghQ4u5mDXdyVskzmiL2ppRsv4GW2xNdKh3An0CJ\r\nYvNfvFLOFvdrMSE6mSFbiEzNShpbT6+rjm0nU/BcIcOIEeGBpn0GH6e3Uktg\r\n2fhvaGb9AT8opdTty4DwoFOoc3UectCrEc6w3NPDZqN7sHlYeiR1Pr8vMnzo\r\n7Ic0HlCSGl+rnyggR1TnPzfmkrbv/s+lAWg=\r\n=ARh6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"4972da221d6f097e904fd1a001de647e0e185749","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.271aedc30.0_1663774494241_0.9304342555302703","host":"s3://npm-registry-packages"}},"15.0.0-canary.9f17ff2cb.0":{"name":"@material/animation","version":"15.0.0-canary.9f17ff2cb.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.9f17ff2cb.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"60d0a2fe81b7c91e962ca964541ddc1b4fbf086f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.9f17ff2cb.0.tgz","fileCount":25,"integrity":"sha512-fesygLGckLy4lHXTTmeDhg8yTgyHGVOZO7wklRhbH5AxkxvYKrfeSv8+7lZwI+noS9OrxH7Qzz25F2aRGX9ZmA==","signatures":[{"sig":"MEUCIQDxHFqwZ6LoaEvz6UuyRg5p6JY3ICyM0EZLdI924F/DDwIgajlz6pLvjOzp1o6HWydBrO4wjUlFj+g5gwLlNBELti0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjK1LTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoFhhAAj8SLeDm5waVphx3M/p3r1YUTZEaeR1QROBlb5+urbcjn2i2o\r\np9vBQ9NLysIO7d85O1xDQnxC/masrM08jL9QXh6dK3uJsLwBmCJpDbifbGD7\r\nrfFonK/oNy/fcrPcisTaGg6hjQi7vWrI8tOyRdUfkfdu/jKEWkuVkkSQHrvz\r\nb/IkiyCGSpf8jwsfBxwjOnZWEFIb1sXDTHrCLkLiGLweRmvq8DG3IPCNiPcy\r\nQ0cWLW8pE/RKtQsbPSbOTdEGQ1+px57riRaR4KyHOI94V5uDnZsXlDVUScXq\r\nJkEeMWcvDfDneiUM3GQPlV57z0fa9QbOYI0TmEkAgidYTiZmyuKC6O5ylZlx\r\nRZ8hMBybN5JJjxa+3512mIECZikc9r1xAxfmKjBeJN9h4iIAEpV3vvcCKuc/\r\nJFmAJVgPI5KPiQBdnCDIuF+bjhVEJm18xy6FH/yK3QHVEJMlShPWD39AApj8\r\npNwQbAHp3irQX8uUK6tRZ4GssCUhTj3pLB0AhsutbcLyBI3QTDUq6hEf77Ps\r\nkz2zxtsic0YY3tdz0BPG1TT3JYfn/Ak+jYREeGqvyCgdsjccyY5HpJpP1eQc\r\n0zKMwkdEdy2djLTHegykwjr/6J4CrqF3X0afyCECKBwzWloJZQFIvSK3qgNX\r\nKcndXuiNhBabtfJ3nJgoqlZ3OQPm49qCvLw=\r\n=o2/2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"34e73eebdcebc0a0b475c8b2f9fa0dd4a4c3397e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.9f17ff2cb.0_1663783635497_0.21922827891281838","host":"s3://npm-registry-packages"}},"15.0.0-canary.d3344c16f.0":{"name":"@material/animation","version":"15.0.0-canary.d3344c16f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.d3344c16f.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"86824079141dd933a6b9c350119a8d34b34d6cf7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.d3344c16f.0.tgz","fileCount":25,"integrity":"sha512-CkpfOjdRdSnKk3oEVcbk5o9y2jYigB2eS7X/qGwGqX8MU3wq1t39KI9eYGdzJe9w6AiB4anjqmxpaaMQb/VHEw==","signatures":[{"sig":"MEUCIQDBW7vbUgN0lV1MyXlMPQG1EO27haknEjMFUn85aKDudgIgfaDVsYbX5ZTA3Nzk3tbWCAN521NxDm4TCuB9InVbFZE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjLCmJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp8Yg//WjZyRaHMhteuh94tkHJ8BU0StVrEL21CVwLlPAadoqDibCzr\r\n4MTLjsTacgUVUYP6XnZNGkXn/b5xUUGKY3ftYXaCr8sQ9USvO3/EDC17cmhe\r\nc2Rs36kLYW/ZgltZ4ss6XZzLKCJO/mqO1OpDVvtP8Zc3MQGpvCVCMlmoUQD3\r\ngDIKluEiYFg7H7aPgV66Y8gwwIl5NM6NLu/7eqm2N2mgFoYIIOgXsdMSzKyF\r\nbrEjYleI6tY/6/joUYH07RBOrEIEfQAbb0pn1efGwFdzBXV5OM+4dxtm6RMK\r\nbT7jc9aE855TA/Z63BM6PF1KXxmz8GhS3W1v4HULwmjdtM1svhiFfvq7bMSX\r\nckZUhiqwjFrHKo2nT0jc7j/n4RxtThDij/YQbFX7E4u3CVaQJcNlU3BnH5YJ\r\nhNIFG3gtD8KnyVxjYhft4FL++mRM+enruN65LQtPotiOr/eDqkG91XXveB6y\r\nf13hXbmU5Sp8HKUSFgAEw6afRqnAD1wqocUJnFJe4PfGQUgs8IMLL2OjIWyB\r\nejS1PTawst+xcZM2ElFQ2n+Cm80UaFAuCZJu3veeyI/Tlbl5pJS+7Eth5Eql\r\nVbaxV5+Lp0eA1TZ6pNy6y/nl8NWdgEQcehCjDJliEaYusMT+JcRtcEmkdcd5\r\nCLB3LTNPbYWuYsR6BWeo2Sq98a3WbLisH54=\r\n=sAxG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e0a8dfcab6df46c9fcc9969a6dba1f4fe48e028c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.d3344c16f.0_1663838601518_0.5868741202672285","host":"s3://npm-registry-packages"}},"15.0.0-canary.94f20ccb8.0":{"name":"@material/animation","version":"15.0.0-canary.94f20ccb8.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.94f20ccb8.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c70ef59661a1a912b47d874a7fbcd78614b448d8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.94f20ccb8.0.tgz","fileCount":25,"integrity":"sha512-8MHH9gfyw6aNNubDFpHyXeE3Lyqj/EiqqVrPqYkbckyn5ldy6QYnJIwEjt3aJO5vTXNsbiKHcPn11nznPG8aTQ==","signatures":[{"sig":"MEUCIQDRtGX0R29+3xwBpL/excjLcMt/q4JQFZlXmi0eFF2gDQIgMHUIiccntFtVqQXFK2pOUzuuRYs4FGnZ+pFvrMGmXYY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjLMmzACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpO/A/8CUSgbsQRq7hSACKFzyyQs1PxgzKv9zN2zQAc8Ux5dFm9JibJ\r\nSGInqhDC1l9A1pcgOIvQClPUmwRIyat1EEJnYtl2wdfh2ie4iqY1dc9wNZI/\r\nFcELfkPolc1w5S01o/hpyWrhAhN7pENJfLHrvrebgVXviJ5wtiF/EwFWqjAd\r\nQlOiizfRAZZ/B8z9zs/i90PLna7EZk5bgJ3Q0wZpTiMA9sxy2IDnn+0sbotY\r\nNNzL2X5fdsnKs7pee4GyzdD+qYxPSWqkN/NGN0yCUaU1kUNnUhqbDSnuxOKT\r\nQIYJrq3GxTwKnUziiW/nG5brxvvqPnS47nL2ZGMOOjeYVu0eAVl+ZIfed3GI\r\nievGlYUOhacAr26LYLH0ej1NAov3Sai8QNj7xU/hzRZ+bUi3dBIs/pVs+0Ko\r\niRbbczPd2lckUd5tLBo2/E5gU/3AG/McLwpzA1t2ZtcyhTK6qszn5iBhpHCe\r\nYsNR7ph+1BFr2zW0516Yfjus5udLunwrIH2iea5W4LmXUpO7h3LSng/WW9bE\r\nOfADBdblUdZB24mEJHa6/+XHrZ6+8GSFpvUBX+CDgmxukP46mTLICjte5JiV\r\nOMLldj4byVb96SdbG5aurGhlGNkA7OB5Etnod9HHNvMhzznVgO1qAjVd7Hqr\r\ns4DKZI87V9gN6sp0/1+TUCR76nUEZK5Q2f0=\r\n=iI2L\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"16225f613437ecef2ed2d760a08046953ecd51ff","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.94f20ccb8.0_1663879603507_0.11642435064492318","host":"s3://npm-registry-packages"}},"15.0.0-canary.81e4cb7b2.0":{"name":"@material/animation","version":"15.0.0-canary.81e4cb7b2.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.81e4cb7b2.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3d5bfa957035b069189bcc1b47c01b6541f68299","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.81e4cb7b2.0.tgz","fileCount":25,"integrity":"sha512-eA9Ik6mgVXUNXOsVAjlgx57jLEtD3AzE2rhhy8T+4GXzP190WEeSnL0FwWQyQaD0GxMTuQ6Kmck10kDVHmer8A==","signatures":[{"sig":"MEUCIQCiCtTKVjUOAB9KK32Gyr9rz9MzZUpDjpLveE7eOWpZPgIgBRNmFq9aoESptAEEZYtDq/y+5wcwNfMYO6pvmRsFS/g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjLcuSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr86Q/9HVP/x8nRqgKCKaeltsbgtFNGaR7hcJOkckqO2YenpFzjhp7u\r\nUYkydP6PFISfJkilRzVwja7mTJ0LRSNJzzoZpY9BMmA/qpCX3dlOGmW73RFX\r\n2z6H9xwlfMxlGA7HoxrvfHbwQw3zDyqyTpYhsanhCZFSWOOC84CkxcSGqyFy\r\nhZb0TaLL57Y8+GLSpxameEHtU4SK7yrdpbk2XSoWURpaOXdWQAPMfquKjhT/\r\nUk/8sOqjpxnG32DB23R9ksJ4rbGNtekBePTIp2SbdyNXam8k0m/JcVUGX5Lf\r\n9fOsrYFoMxPrAmxHFPAqO4Zg9t97a/qmONyRjbbwW219Rarq/GVe3loHRWXo\r\nQye2Qh1F9wZtLF/6IKXgU5jKjwxoNIyqcYUunhQHToEBeaJYuog7n+uoPMRH\r\nDnWTZjH1eBQtDnv49azjbuIrz99FKNXokwbYI645gMGrNdNTf9BO4xMSjZkp\r\nmN/o4FE4DqwKs76jmUBEXZEmHka8qhxiCvyjpfaOzDIH22ZD+YSn/uDbseWP\r\n2D0wk1b1e9fhjlgXF8ycRGttD5lYkXA9n7gDvh+uPerQPRrL4DxmgQPTjLCa\r\nfbIuhmq6wVUYn3+0Zl9/EJvQL3LGuNkfqfy9p2VmpWVLsbJE/tmuJ9+NsvfN\r\nN029CqKcOU+pZx7aiiAyXpBLUEauPviuzaY=\r\n=AUbL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"63fefc99b30106d8aae83dccf8e6e8073043a3fc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.81e4cb7b2.0_1663945618063_0.628662918161724","host":"s3://npm-registry-packages"}},"15.0.0-canary.aa85f9413.0":{"name":"@material/animation","version":"15.0.0-canary.aa85f9413.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.aa85f9413.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bb93cb6e8763bbc9c15c8a713188e2fff8d61e80","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.aa85f9413.0.tgz","fileCount":25,"integrity":"sha512-k4FvJdnp/UorYivN9GC2Tucd+NvL+7q75ke1KfBD+VsMOJXQ20S0adVNQz1ySsHMvsK1KdJ1QMz2o+e9cXFlSA==","signatures":[{"sig":"MEYCIQDEti5qAC+NMiAPk6nlqDeMzLj8ghyZqgwbzEWfn4Du2QIhAI+UjUr07LH6YyoTcaKRDmTJY8o0QFtTZ6GZAKmExQn2","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjMeeOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrtNQ/8Cqe09R+dH4gvsgRoezizQPd7EtylDbtzTfxTSnurMwBgXAUK\r\nQm/WDSup8LIbhxiy1DbAqdGq2JlbnnLSz6rEpxUZNYM2lYyNeYbejbVXr+mk\r\netpdgwngGZmcl3LSE9rFpjDMVn0adJYzgDvQ00ry1xDnJcShbmET52HE6cJi\r\nqlFYOmhvO1VYs4sm1175b6Hbg320tMin1TuCWac65iZA45DVfJguVhNzX3za\r\nUJch+8zLxeexp5bH5dp4RoyWWSz/MxoOzFWl4HHQbSFtcrETbVZHQHicz75A\r\nJbntU6PQJiv5a6b/qr56SZAzu9z8ig8RxnF40bQPSjDpes/cFisfWUHnFo8r\r\nslZOG9tqIYMeqpNhBeHxWh5kQdDyu5SaoJyHUZcM1VYpFFN44Ok+VOng0+G1\r\nxJTWXGluuHiFc1AVYT5HOVspF+J7eqbzqumdpy2O7n0UtcZcOBIH9FEQqS5l\r\naH3iTbXVWGixOVG7LvrRqMLNGeVzWG32SVsxnthUZ5fVrE6tY+SgNFWMCgs2\r\nKJwbX1dBTMawjpH0sy3WeV3QQEN+1jbY+///mqW19hFOfTYD6KXeuMbKSxYM\r\nQQ91kPFp0ZrHYnOKDBTFUs2cHvutieOjzRdHEyug5oP2/qgZkgKiDnyC8tbb\r\nUQvNh5XlhPcwMgLX53zGKiuSnnxbYoUc2Cs=\r\n=YELT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"73f7402d0fd839f22c2c3bca08292a66389f5829","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.aa85f9413.0_1664214926459_0.025134197445432216","host":"s3://npm-registry-packages"}},"15.0.0-canary.7134a7752.0":{"name":"@material/animation","version":"15.0.0-canary.7134a7752.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.7134a7752.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d39a99bb6dbc8a927f50034c30d6341bdd6ed992","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.7134a7752.0.tgz","fileCount":25,"integrity":"sha512-tFO0xZJ3HHkPTGb0JwUts2BH2xsVfwH85fb8IQ3WDJUBEoIGh++rqH6/IkE3txvlBLZWsK/cw0F1Q/sZv6XwEg==","signatures":[{"sig":"MEUCIEvaEJMQWSwUVxtZkLYF09Bn+e6vf+QyQCbC63TTHTAKAiEAgaHXMrjwxjRUvKzkajaFhKTgGDZOzqUgvAshc18baIE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjMiAXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmomuA//YEJQHiHJLUJzWrgGFi3BstBzyL0bcujWl9AFtYF7lw0WJMpz\r\n5wsIYIaBHwzk7KO2hBubR6CCuA0YkWLks38s2hWbdw0PKOQEX5So4mDtd8lB\r\n5Ew+gI3a1BVhI+9Fd3LVtJX1jDozQT9S/sj8Ko1U9tl+SfMQlnaU79p/UOlM\r\noQISqynHaILXn+PT9wfUTjtQI8Vo+oqVIToB39KbWZsaQST6YS/D3nxs0F5r\r\n4h2vqZqCITFYfHzTWr11VvrhdTLxkXPcrtnChCdDVh6gMV+HY6XfvAoHnLP0\r\n3Zp2130cDcBfskHhDNdP2S+3KLK7QRBO5Pye3xY/5+FTlN2DPMLXpj4PR3d7\r\nlJsbEqGl1nYmtR63tb1GNOSzCE2LN8nJBf73UY/zdQKabD3cXZUlh8egefBF\r\nifsTihWyc1dCiVfov2KAXg2DRcevXCQvnVRYQB//xHISY2UYbZilCQyqbGXY\r\nIyfSAVFe5P+0JZy1MyjLRcTFviaHmFiCs8f6IPNght69CV48NJC6birZ3QGU\r\nH/6FpwoWaqmHG0rAVuzbtG54VuOcOetyiJw1b4nx1jwW4Sg1Xc1n9DpAZDzD\r\n/80MQOHbk7Jab5v/QRwGRqHpHMshrGX2mOfJ1n6xr4FQHeoW0F1PmIL0Zk2c\r\nPoldUX2aH+S6pexFXtTbSYuc4wJxM+90aco=\r\n=1P4w\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"31aaa09805eea1ad3a30e7b91a8bf8ee8911e80e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.7134a7752.0_1664229399506_0.9968482582742368","host":"s3://npm-registry-packages"}},"15.0.0-canary.70b8ac16e.0":{"name":"@material/animation","version":"15.0.0-canary.70b8ac16e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.70b8ac16e.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"928e37d3946fb57dead71d81a0bafabbc5f4cf2e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.70b8ac16e.0.tgz","fileCount":25,"integrity":"sha512-MAVZJmyQk8IqmE+aL7yqaczFU3H/y2musozVL2negECGiM2W7ce+fCwFfTCHjKWWPb8fBsnlBMWnXjQmNLniIQ==","signatures":[{"sig":"MEUCIQCCSiMCyzJGPiuwvBMmQ5xxhKJHLpLck9fglLdIyUqTWQIgRT0aAAC0ehi4WdVis6eQwoMk203pH+DtGqmeMEvU0x0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjM3ypACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqDgw/+LYsX8+xEpTLkOwxqZTXH8JBKMBx1WdRlanGDORj2D3j5JQu7\r\nADcWici/GvjBHFIDx8rwnGfngZkXBL9WJktLO68nW/r2YWSCA99uawYysi3T\r\n9MJ5DKzkbHmLzgRNU8un0zzAESOxw3HoHMFSpS0T+zszWjFcJmHx5k4yToWP\r\nL99NiiGX6NwENoJPw7zOo/aKwloGV74898Hk0+tnHn7+1ZPr9ZZZ/1yQcEc/\r\n+Pm8RnHaosgWcTyXw9lB+rgYE60rj0e2UFXdOIRnxc0Ufx+Z/8nBZiqGMjhZ\r\ndpOYrYpxDEPEZFWHP9yb7GiFalMrWCWUrrbLO5cf2q9NyiDjuVtmw4o/vdPk\r\naTnlAXKmj0NsEIiusYM7IyhU/1spQNwXFdfdW4vK3BEZ1WXin1YSRS8d9tt9\r\ntIqNfK/VVKUJockddLDNWYYJ83r/wlfdAHBbC8aOBCNx/lZv2+05L0QrqqfZ\r\nxI3xZjgWwZD2VwZEHaxIbM7MflRWAsytMZhdAFEQS01+1f7MtLFinYKAKDVS\r\niVlJWw/bsGbUY1+d1FLuwy/fF0zM4pcoB0MoRidYXI0nlA6Vp8gdiKuj4q71\r\n4WMnoxqc3dQP3kqJqt/smSj91ChgBRiAgYEayj5nTEbK1BPY6x5Tj/714Y2/\r\naEZvEQcF6Y3zoT8cepVNKMsOdBXMvKOSTok=\r\n=NWHC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"9f9fb4c3a4123798d2b993ab287cc4bb7e8d7014","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.70b8ac16e.0_1664318633405_0.5437311732917016","host":"s3://npm-registry-packages"}},"15.0.0-canary.c20d74405.0":{"name":"@material/animation","version":"15.0.0-canary.c20d74405.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.c20d74405.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a8f4eb1470e4ddafadb422689f6ca37f10cab8fc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.c20d74405.0.tgz","fileCount":25,"integrity":"sha512-up0oP3mUsxHhtdCG2ZZQj2jjqLIc3foND63SZ80hzUZxXBrn0Ft9a6R71bFEDKBqae/5176F/3eZqy3iVQ7iKg==","signatures":[{"sig":"MEQCIBZ9m5ecWstR6Ew4sH3cXFsEHkpuEDuRTCaaaXdq0Ug2AiB9GEDTktfmiSZMSdmRbfKb7cmLy4Bc5hj61qqlPbVkxg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjM4eGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmojJQ/+NwmB7cufclfoi/xZZyBYuJ36pRybnesCoagdwOaQJFTIBNEW\r\nD65tcyJaLaFe+GG/gjXpkXoMxu+AL5sJ+ru1iP6U+kAD7qVyr6mVBbeFKCc2\r\nRXkdFr52rpGdjj+JEqrr/hZ7lklvjA38IufPteNk4CRRyZOADwhznrxTIVNO\r\njOlWTh1pKUUmITNuKKwV+946Y2QGlEwh8nWMLnbJ5XqMqqdH6RCbUf2RfkEF\r\nTACnU+gPwPEZ/+hHdAduBZxFH4o2lM2JTkbdsockXRJDzQGp33/OfY39Vrk5\r\nvxV+1X/EZAHPjnzAtQF6/rIdEB0yxCX4KTtUTcPEmM2BglHqUxgnwZBz9v/0\r\n3A/zUyAxCHm8VZnzKvyQJqlZImeQP1Tc7BjK2ynxNJGFBgpHvamugoH08VgP\r\niSjFs6ngSqV7qVfzlQH+1o+LrnTAxqN5D4TEQ4+bVf13rdK6gmwbyS8iOROc\r\naifLpogED4YYzP9vE7rgxWZ+TI8ISup/LGVFkEQOaJTs9h96oZ53h97U0dAo\r\nbRymP09+PmO3Eo7qRrFDwcHIvM5FDbNmA2U2jVOFWjvRl9u5nSuremAH+gB7\r\nJIHIGH3w6o0Qa+A2ZL1RETER7OsBOusYNjlRZRWxRVSRcDgoliavP3kizWFh\r\npnIJCSwfwKg5ais46VU1cGtFLCvZzfQ1nBA=\r\n=bdOR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7e1c6f9d7e3c90438265d23d710997462d087d78","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.c20d74405.0_1664321414295_0.9721307102620886","host":"s3://npm-registry-packages"}},"15.0.0-canary.f033fc8d1.0":{"name":"@material/animation","version":"15.0.0-canary.f033fc8d1.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.f033fc8d1.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"74c25804c1ef4644444ad5c9b15f77801897df8a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.f033fc8d1.0.tgz","fileCount":25,"integrity":"sha512-VSPUp3phNmio2gdaXuVr/hqh+i1bgZjNLvPq9PNJuaWBmbALTcxArT5LB7V8L4lZMMPxcxSfl2gfVxYEFyydkw==","signatures":[{"sig":"MEUCIG7gM4rvlklXwCDlgQD+IFDvMc+YRFIqOXoL23FTwfA3AiEAoqmaNIowNgnwpTEW9AqZOYh3cC3lRzkz8VT3u6rMQpQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjM42lACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqIWg/+Nzj+GwShVfUBL1+xn8fQ25czBDhQBSvtqoqO9dO/AUAoTYRM\r\nbd1lyymNfo57xiQx8yYmFXLOwylFY7Rg++8IF5IAJoHlwZ7nV3c08lmKan9l\r\nRXMMQp7lSUsFK1zLa4bg8bKZTMIzEHButJ8TnRHuMHmw8Cbpl1hoL7+4ASft\r\n55LCeBT9Nl+RogWTjRxt5d8z55E7NooaoI5YAN4tLcUf8KCwVVRIg2K750R1\r\n6t7BgNNi0aEqB9zunFol1yCoGV2W0dRY/fg1dMPukGhMuD9AjHdENfjzVx7H\r\nI0OBkqpsujOdqjXBa28TJeydqNdUUa5AhwtzNSvMEm3cDzLv1pRgcMg0XJ0b\r\nOUdgMRClg3fI34t+hi9v5WWFA1OipPMgmbFcAbr8Z7tX53JywLJfC8xVAdbs\r\nL3Rdb8nvhxnx5s8gGvjKtMcMDtNbN10bNuorqNAJBLMHEofGj62nmjS14k6y\r\nFwy+7Y8J7C1xJT4VWZJxFN+wYE5UccGt8Ay2vxGgmUPv6qTFwcpOdiIv8pYW\r\nTbYWRg1eWLPUHuHnPue5yRt3O/wXptE5n0k2uOgr1I2oIpH7BjSIO+dX8z46\r\nOBefr0p/YmcijaD/CUJX3BiMqY8honflO3GZaNHqsML5H0a3PdYqGOQYob+a\r\nUjikOL+ZBjAuIB5HGRi9q/9+a3aKme1/rZo=\r\n=ve89\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a658683d647364520f9de8a2d51f15913b5ffb78","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.f033fc8d1.0_1664322981400_0.8685206279954978","host":"s3://npm-registry-packages"}},"15.0.0-canary.8d7ae912a.0":{"name":"@material/animation","version":"15.0.0-canary.8d7ae912a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.8d7ae912a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"811c3b005f592f8364c60ebe2f51ce2187ee3281","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.8d7ae912a.0.tgz","fileCount":25,"integrity":"sha512-ldmhnLSSKmCAdxr6JPZqv8TLfAze0lgebyZZeILFv/XbEpWKxlSswKMr77/BgW+v16vbnpuz3fwiwsZ4hJHwlA==","signatures":[{"sig":"MEUCIQDT8K4jNH42YbBFFUtZQ73mdcfnKCXsXfM9BN3p8J9Q3QIgatatQxRSEzEmj1N3ozEYcotQhfqKbYPVmo3XzDP0DJI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjM/3bACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmquHw//etpzOJML2UGDaFQeoPmiZ1fVGhEolL8Q8LjE8t7GIPsidW4n\r\n/yaebswEF3ylOv/Ps6VNS9oVLK88FgO1kULLMTwe68qKFXaa61OdCKKR7ddy\r\n+wa3pMxMq1TYWd9c4D3U6gIjbqoDhoaGntmXyTHFIZfgQARPnTv7D2csHAwm\r\nYgttiqusZYsc1hEZapMKVKSm8f2q0dYx66OCY9DXbXxL0M/aHhFBOsEboIZl\r\n4qflJRqGRdqhjQxQnhmbMsBXavcC5dC3DXzoLUItkCFeeVkvobM7+lbyp6T6\r\nK08r5ltmorRL02Y3XM0QDl6gZ3QIIJgD2BI2Rwd5WPAhz26jiiMFm0NDtYdO\r\nPBFP/Sxwm4FT55cang377DW2X6+QT8p+Dake6b8gR/jye9TUc7U7MaZNUMre\r\nFWghdhWWfkC8vXQq2KL26p+5XGehAn64lV+FfuixIIaFuosxo1MW+9MFQA2t\r\njUjCVBFuZLDNcPdTtz3uBJZ4CoE2d8zRsKPmHPbEQzdLBlyjYl3DF3eqOuNh\r\ngz5znQ974IjWRQUtZhG7ZqhPpgcow3ah3v3/atf7r6daaNkk6UREjnoMITkR\r\nvHfftOP/q2v70ItwO9nzuWhTRsPNCDzYGTgs70587aNW6LK+9N8gwAO7TaDn\r\nfrirkC6k2lMjeh9SfE8wxYrlzNuHQctADQI=\r\n=2Okr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"26b2ab57ab7cb3eeceab31102ed1b6cb133f4cc7","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.8d7ae912a.0_1664351707102_0.709139959786014","host":"s3://npm-registry-packages"}},"15.0.0-canary.db414b864.0":{"name":"@material/animation","version":"15.0.0-canary.db414b864.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.db414b864.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"34a39b46e555d2b2b1b868c7dfd1e0f5c59a482e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.db414b864.0.tgz","fileCount":25,"integrity":"sha512-BbMPJ6f1deDuhCB7gGoC1flDblvF+zrXaJZ2H7LrzBOvUd7dphCz9QG0BkTgCmgOsUPvyh8PRDvD8gbfQgghcg==","signatures":[{"sig":"MEQCIF7mzyqCZlLFbbHifvNqcy8eWraU0jZqwOrDIuHavGBLAiBdPxssSTAOrwDLTBfQ3p8T7rSQ6B3/b6oesZe4Xr1RCw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNF9wACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrwNw/+MxHYAGPa45c6B9/veJPaTBgwN/Ir2ZGPtFdvy2Rq7WkKrA9R\r\nqrQLqTFMa1dDapOqf9NzI7yzAN0/f71WXXL/sJ4UhKJ6z3lYQYkC72AjlYhl\r\nDmWFPEsIS8ZV2++gIqT5y1fm6KMOQ55wGbDSmN5+4pDo9CmqgfTtfvYHHdy9\r\nCvXIpi+fKrf+sfcrSjAsfWqkxnFSoVGcOo0SYH5qPA/Xs1pb6IQCD+B6Q0Fc\r\nHAbr+FZydJv0hE+WV0fEk30HqQIFtL6i76Mm3udWY0o0Rh6DySoqc/A+Nhka\r\nFkotAr54tgquFEZhx9Ft9z3BT6oSqqu59W+aT6T0ESjf1sOxbOS3N+/sqxRR\r\nhy3FocyrPecDu6+LMmszC5t6NSoSEQFXHOpuk7xOrM/T3O5EvrqObFNDtOeF\r\nF9JzJ+RUhXScf7YRGH1bt9IPNEhMGM1K3fimXW+O8C/3SowomvUKOwuhXMVQ\r\nQ30Yzr+Su0ifHfBWPwzv0L5fqFZBoaQqCRKdS1jNIJoTkG49jj5N/UAjh8r5\r\nyC4g74H4UEbvR4ssQh98EJzON2GKk8DgFveBbsNRNNwSvKKRo2QWwDZd7uXI\r\nULKv1PLhUGWy9hZoFyqfBgA8WfwA57YPl3Aut3n1AIFy/i5bFfGW7sO9qgmM\r\nQdRNZwrp28Ure/gm8I+cWZlHDhTnnCiCSEw=\r\n=aDGY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7601f089a2e7599728805effc4e9bdee40008aa0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.db414b864.0_1664376688688_0.5324556147332689","host":"s3://npm-registry-packages"}},"15.0.0-canary.c0462d134.0":{"name":"@material/animation","version":"15.0.0-canary.c0462d134.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.c0462d134.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"31ea5cfba70de72b4f1da42e823be797d9d51f3e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.c0462d134.0.tgz","fileCount":25,"integrity":"sha512-UsL50u/vcKWyQtUvDMXoY/nPvLBzDGHedkidDZYjycqdqwZ4Y479Oo7Xn/whgscJmcqK4obP6AJeyhvSh+d2uw==","signatures":[{"sig":"MEQCIBueGPf+q/pBOYbXtVEBIKLmCRRA+G93Rb+dlA2z1THmAiAzu59xr3mE7Awh6JJQUlr/vjjRFVNVcqTLZLy0OD6jeg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNImEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoQmhAAk51o1wvh7nx3bzVgoPFEOT0YkdYImNduRZSBzWP7UiIPTIFC\r\n5es6rf36CBesccKG5WU6IE9yb1TgzEz38EU0bwboyvDF5459dqRBVJJACzJA\r\nS62QPOeJ2gLy3as/PR4kCf74wW69hJtJ8/9XdCnoXfcbmc40pwrWuh9+wzN3\r\n1R4dveh7j2UZjXFeCiO2YrrbCJPg9U/uXEuixxN0nvR+WO2H5AOE2z2wwFO3\r\nuy7lUd49OYjFC9JZFU47tY5eh6+/o6pFlU5jV61QQLFR1STgclvpeloES4fy\r\nK1K7YNQIlhmy2D1ru9/Kb0Agixc5pCI3zv04Q4PnX48cjQXQIv1aYNjVwlhh\r\n5meIfCS7gubzKq1WZHs9DAWYfpNhh6s4k2bARjzLgrkfvUiCIRIoIUMUH2pr\r\n8QoVJATh/X1+EXWJSXz3PQlci1lZl4Mu5nE9LPnOD822rkkJtUpsvgaUrU+7\r\ns5XvJioD7iBHv/kWPFZ7U/GvfM9eCzIpH8GFDJiaEnCsVPpyjeKJRXlKq5yw\r\ngsgQrnqUXTsgm7WDOMOW3V1gqOwUbd6Sib1JnSw5KcvM6Gjsmc4xVcZsG9fL\r\ntu/EH4b5+TcBvxcuOhEc8gHED+BBao7LUyeJSSugvvIUA0uxWl1uqklGA2qr\r\nXoi/mfl9s0qAquzZVtPA/fhn3A5MH4NSDLI=\r\n=BE3e\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ac1e8bf31f6e69539e68b22f40f639cb7eaedca8","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.c0462d134.0_1664387460299_0.744779837512489","host":"s3://npm-registry-packages"}},"15.0.0-canary.28cc6791f.0":{"name":"@material/animation","version":"15.0.0-canary.28cc6791f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.28cc6791f.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9498cd849a3bde6e317db355564decb377dde873","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.28cc6791f.0.tgz","fileCount":25,"integrity":"sha512-6YFVBb0RlOz8GzWb+mWIIpcuE2Usi0IQGvNQYNvWS1e620gZeZkBCn64BbHndM5Z/Bf8Xv3Enre/AEMvqc2hYw==","signatures":[{"sig":"MEYCIQCzwM/DlOBARkBBU0n0e6R7OH8t3/1piJtQ4Z+snTTZUwIhAME8ycSDO214RU5CTQUFpoM/zcEyrz4XC8lnR0/TwKqk","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNIz2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoSkA/9EB39/GfV9x8GkBvEes0aM07Z0wPFPLAPy9ixqYlX8BQZ8G/L\r\nkbwoQYYfuKI4PWro17p0ltpwNc+S8MN8fYDNP/FVlp0NGKVDwsgw4sdvqHJW\r\n0nOPp5rdUk0ypZhaONSvnhHYaR9/s9rS/6m+N2sWRvwhV9l3EZu6G+HXUfVy\r\nGR/cMK7g1xEN/IMO/GPRk3Vn0/C8HeOeVZjEsd9LWdp6Ustthc3Pe94Cn5x2\r\n71U5NV1lmtYk82xLQwxvGk7djc3BXm00MZ3s4C8XFB8Wzfv5s2cknsHNgSrb\r\nzgJwtKxTTZv2MBbaqgK4KtuNjK59JS6WumarKAyfzBeOEnpKkKgOFA26X286\r\nG7EYxAMuD2ckeREYEMPoH/fS01KweWff6XP+M8ZtNkuDd7Fi7iKcoWHFkUR3\r\nN419detbFhiSwBjlFu0SZZWJIK5JhSILKoJ29M3QP8WioGBSPNEVAVT/Ywsf\r\nwgcwFygz6qihDTxraYSNKdzxZmHYl+R8pSvU1i9I4NYm9c0w9t7MQc21MqMT\r\nPQhQw11aFVKLQda1uw9PkBjyU0eVdRjPLjvY1ELa17AggjmACJPCHTLcdFl8\r\nPr0rUp7/zJ91AWG5VuX8yXP9MigH+c6zt/S4rEpYFPP1Q7ELrBvZa94qq2NS\r\nspRw8FwK4Z9WEAnbcV2anZVzVAArgBIsXq4=\r\n=+3iN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d2dfa219437727922f4cce877090f9afdd87edc3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.28cc6791f.0_1664388342111_0.6090613995131529","host":"s3://npm-registry-packages"}},"15.0.0-canary.a515a2d18.0":{"name":"@material/animation","version":"15.0.0-canary.a515a2d18.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.a515a2d18.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0b00061f3c47a639d3fca70ca76697f0e54a5c28","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.a515a2d18.0.tgz","fileCount":25,"integrity":"sha512-AQ49Cvwe1akNPf+fsHgjx1EkZyOI4SpD+hdQatrK6SM4HShLoSjojKy2QVfUFF3663RkQp/fnV45iCSGWH9dwg==","signatures":[{"sig":"MEQCIF8CvSC4rR7/WoxNg4oQGAwAFF1bjOaFgcO3jECwyLf9AiBLRz+qluZVFdSbUeLdNJYaZSd98Aa3p3wBM9w6Aummcw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNJhvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqmcA//Xl6d2L1b7Kq6r/pelDK1bGxugLNUcqu2/syzGKs3kzkkMPUR\r\njMFF+bz/ybhFFYaHZvXIgNe5A1IFwk6WKYC7Zuj/EWqDGXZlNwDOlPQFkIaX\r\nCQuf7Asn6cu2VMP4cqc/HWYy4ZIw4aoZtxjV0utzd5cYpZmRqo88lPLKk/ly\r\n/l8dIL35MGtzO4xWEAZuYyEXcdjA9jCg4KJtUXaDCCowFR8O4HAXk8YEuuTh\r\nqnT5n7R0ybwfi0zoQLYWDhWL/buoakw/RkTzFIplIqaoMvdIrNRMjXHP/3lY\r\nTYBCjCA3krFKRFxXstdYLYK4dfGboD+rn8vaY3/5sXKrlkhXP9XhWSEzbbwX\r\nJZlFBjJOQ1dI695HvTm/lZdXM9JBKEiseaDwsl+DMeLD905CYcWe2on5ZMTc\r\nY2vfwvwTlzak0t0W2B8+0dp71by0iuoni+j/nJPjEc2SacyaXZPgJN18MN8Z\r\nX+eKfRG6v3gJF2GMLSy7tO7Ioirouvq3bQq3GlEIyYMfTXZyVcj0Hj4KLi1R\r\nLsz/dntmnyJOxFTQizrbvJHnsSekKBN3/TdQTRoqy9jvDLI+fFqOV2hpy+s4\r\n3uHKEqtnQqST5MEUQyHCCai++uCf4P/9rdlPkg4wpEfPcBm1ahftzMGVIkbQ\r\nQbJtsn9boaHzWRqq14xdlJtXNeZ0Fznpqow=\r\n=xC5M\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b634251c1f816bc66bc81c76758fd339ec40a76b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.a515a2d18.0_1664391279280_0.5208670833183986","host":"s3://npm-registry-packages"}},"15.0.0-canary.ce9523167.0":{"name":"@material/animation","version":"15.0.0-canary.ce9523167.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.ce9523167.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5019ccb979e6e735b6e70690481f69f4cf705cae","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.ce9523167.0.tgz","fileCount":25,"integrity":"sha512-dT/bWZKf7uD280D+nuikjv7Qf3j/MrXqCc7oKOC+S8OeST7vho6LY1T2A8MtXZld5k6KoasUVKkASlNx4mN5Ow==","signatures":[{"sig":"MEUCIBGCPT64PCLvC6prONbvna5S8qwbZDsPdy3lDrOnHO+BAiEAulxtHP5Yk2DIwn/VHCakyb/iYwugzK/NLn669eBSQHk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNgBTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqAjw/+NU40zy+NH5zKubp3ESZyi4IhsJwAM0xwGU4lh80bsa6z8673\r\n4VQKH7rV8oGJaZMubDBiAuQeE9n9csmAw4CXuVusVshj3IcIQedl/RclbI35\r\nM4f9pbNtx7y7Ig1+Un5bVfkvFCxfx/hjp9wn1q5Ek8/+ZL9OScFoaxRvgOWQ\r\nhGrAB7p3NJUOf0hU+KyQ2BhV7pVPUz6dWX8n5FtPwUcH1k48tMwf3wcADl4V\r\nbpi7g+0U4dFiRKemy/XLnSZ9vQl8ujSMWgi10c+gFQ+BnElLL5fzxjloGAcd\r\nKvadKNzM0to2/k54BArRDAaBGik+7oXSGHSuQta/tcfcIJ57BMBqY9JCJpPr\r\nHyPNM7Hshg2dmIVUwr59E27tXIM5MgFZQgWW/itJAVM1pAf4wF8E/4PXTQ8w\r\n1win8RbxxbIJqbOLnSkNjt6UsL75eK2fi0rX7JmPlSGq43foKT68aEInSsPb\r\nhdfhZKlpp3lfUvzQgt9PykAHo97IkUR0orxZ3n4PX1IXfLobTaiPORdVfdoT\r\nlarxbVcMYms7Gh7BJ6/geZd7srnxpRWFeNZXCbOmgLdRaGeHpA7DmWgKWjhH\r\n2DbXRCaBelLNIHg5Ai4gjpRUJDVeyeJ/CHP0AuRmyUy+urlJXzc6YycgPiws\r\nuYs16ME52xepRfAGEbmDUcKSo/eOXpjlFKs=\r\n=tfBS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"8aac5a80fa36dceacc7b3a6e2474218f9092a107","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.ce9523167.0_1664483410870_0.16310542339777379","host":"s3://npm-registry-packages"}},"15.0.0-canary.b2310f7dc.0":{"name":"@material/animation","version":"15.0.0-canary.b2310f7dc.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.b2310f7dc.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c8e7ebf04b48b58ac3d608310150b7400484a29f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.b2310f7dc.0.tgz","fileCount":25,"integrity":"sha512-v3zY0h8gw+5ZFqG6p0AJ/q0CDQHwNketP6Syy3J84IDuyVMXE7Kt+8n73QfWMvMa5QCSDaWTCY+qG6UkQ5bJDQ==","signatures":[{"sig":"MEQCIBd1N7lDtwk20LKoPAZoIcS4jSXnn9ATqYU1nEWfWcneAiBp5R2cyRTRWBizN9Y7dPH5wUpA3rxCSoMsqJd9sAdDWA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNjSCACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoICxAAmv/yYbmVoci8KTSjUJp8AWPHmuMSw3KiQmfSS88TQF1s95ly\r\naxTQzOF1a2/flR0fQANArnZhwOS7TevIYALK5vvoTs75bvXkB9X6YFBxQXFW\r\n0QdFPkTrcf9FUxBu5FC9HN+IPE9y7xoqTXotKFIkE9e5mEiYq2yHUUSjz7kq\r\nO+0FxGRB75ZPGZVk9r2D0Clj3dROmuAyf431gOOqL51zzkXcV1MaQ17LxyIe\r\n3YbL4PsDNzZ5Cv1M5yBizk7vt7UC9V5L5R0V1Eayi+TyCgCiusoZOA9XIqaL\r\nGaEkOmpEG5bRqoS0uSUqSyrjqT6lsznW9/gxVtWDEMUfR7BtxJSkkUrj0jzt\r\nbb0yzuYp0MoDGhj9C4V69tDA4z9FRAFafUzNu1Uwm53W+VBbEEgE9dlypOvo\r\ny6swJM1TH112yGuBlN+/rB6m6mc6853YmORYdTGiZCGLlORB3hyIUmo/Q7xd\r\naOYJPxvGUw1XvyHJmZ2y1znWA7I7Mf6TwHzyI+GgwYzAe7CZziLgN0ilDDm7\r\nsBd2XXMBu1Gj5mUPuy5ENiQ2e4uZn9hd+MRfBbvZX72SPyV1686iNgsXUtfd\r\nu6+SSOYshG+qDunsBnt7Ti7yd7d45x2HkeiIIt2q0m6MkunGz2tXueh1CFEm\r\nX34D16C1cDlijih+Q/N2oQXauRw/WyrfA/I=\r\n=YliL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"1b1f8d124dcef049ff4f3730b930eadfe1e2a58f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.b2310f7dc.0_1664496770665_0.035243492221460615","host":"s3://npm-registry-packages"}},"15.0.0-canary.a44241e54.0":{"name":"@material/animation","version":"15.0.0-canary.a44241e54.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.a44241e54.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"18a9132d9e67df9398f9d153f8e265979449f894","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.a44241e54.0.tgz","fileCount":25,"integrity":"sha512-fra38gtQ/d/PgHA9CfSeppSwKZzLRjeOEBwqBO7B2XGdxQuoG4+L7hHkFFx3so6Rc3gTLBPPRPqTyL1dox9QKg==","signatures":[{"sig":"MEQCIFq9HTblUwVJG8fShM3DadloIOkxhWjwDWPqpy5vNRTGAiBCSKvmoI8wjSiMUycRJYWi7A48RXtmqi6Qbxaqyi0eKA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNqa2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqNhQ//cWFm9YRQt78zjnusxP3Wd0lkjYYK307mP9UIDrQQJvkXsDsk\r\n54iEPe0aMhzUqsqAab321k1q2XfAfqRUI0GYukAuZClr2QrKT+1UTMOMcW5f\r\nQBiJLDQZI7lghUMRhZ3NSCV8bL8QdDgMjVzgJ9uVB4tkstnBofOM49O8Vzne\r\n76z/fFnFSOFMTk4S0ONorKXLA4+3XnnIkWSj/0sXMO+0Zoumd0oM3A9uR3+L\r\nIqtlT23QiVCp9TCM6Ps01qRE7jxwbyWpPVTBPOxyrIWmz5C+KvE4qNnf0f8S\r\njnGfi9go9oXmWNC2ei5KP7DDlX3u1SNZgzO87LSAzMreeqHe42lG3blgHCI8\r\nT8E4QR1pXGNrGs01+RzyHLiC28AVUS7fnsUm3Ch3aTRdnzKJyWcw3iRpGmYb\r\nc71DwyxDzITNd7Lz+J5ONMWUakPWXog9tOpNe01EPyho13nCl/z431oj8J1W\r\nlxkOXLprvvtytlAnud4XX5LhQjUY953yXWqFbr8KQ3zTu4kqmIPYwU3aCX2O\r\ncahwIrkmOF6lGUFJN8SHP5na+ZdbPj2FOMDz9J3DZes8uF2io7VQtnivTziI\r\n015bKPpSCbbX5hfwvf+fnYCFWZUAvdnolJEN/6nqQ4NsV+VWCYTRNeJlUIoC\r\n+02plpdZt8FUmFT1REZZjf+jOhXxrZcIFJw=\r\n=si6a\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2a5fa6460bb58b3b2866631eacb27411a12f8d21","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.a44241e54.0_1664526005876_0.6224382878004369","host":"s3://npm-registry-packages"}},"15.0.0-canary.0ce81e115.0":{"name":"@material/animation","version":"15.0.0-canary.0ce81e115.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.0ce81e115.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4b7689f005674177d77ad5b7aada78fd5b3ba8d6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.0ce81e115.0.tgz","fileCount":25,"integrity":"sha512-DpWWVPrNHq6TB1/7Zfc8n2zrr6FGub9axU/haKzzVDM47wRLKFSBvbpJ3U0j/f+rmE7n9wuSh5tPC69dtXjhrQ==","signatures":[{"sig":"MEYCIQDEdEmNAPQ8QCDXJcJpOAIzb3TqDOc/u2aRzwi9eSG//QIhAIdgKngQqWTY+iPRcSfMZA56P603Tl3oivM9qzDR8mQv","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNzKlACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoxGQ/9FaPhCrwYv932H4wxC0vngSelCPsNTQMQLkpj3c9Z/Zu62C08\r\npl3hXMenFNxwHBqh9GOQoFNXNtyRG31HbEutzJI2gs68uvG17k8OwHbgxlT2\r\nL9SCN/8TeHMkyYsfkA4ggMkITqqPWSiB4wOYKedWuQT0M0yugIpDrZGFbkqX\r\nrDvx9RpfB301yEFbR4l5D0j5+DtMDo6bzlQONnu9ZM7WSpE9q3WL4z27xra1\r\nm3AT3X1stm3smMYGSw/tSPMHWp+nQs5Z4HDdKrATnmk7KkiCe2SDa6J5XWup\r\nrJmAbJ+jKMLGBIcInr9VkjiynfLC1Azb5knIOAhWuwBTiv/UmEe9srv4hDXT\r\nbQW0qvDxSZnZp/fMEJjTk1O+F4wzO1IKDNBXIQrsPmPBU/gt12lvSkwDQMlw\r\n+JCAec8R4uBBJWWE2KTzdESMgQmyroVMFG/ItQb3TAhScd/0y+ForpX1x8zW\r\np45SXivd3QQY1z8Fkp2nbcfhFkZFe75cPx5baCq0R0W+6oNyBHht8VrFWkZj\r\n9kABgrRQbr7/KT/JlTji4IyEmVWglTd4VgpgIfpwfTgH6hDKyOFB56W9a1lA\r\ns80VBuRfFXW6bK26E59l144HW5PjY6tvKQaWMxxqfHXXF0PyhKx1axm9a/zk\r\n+0Y2ub1lyGhoejMBVtGN2/h3nR25bghDl0M=\r\n=jdyN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d690b44f4e157e829199ea749861c3b827d46dff","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.0ce81e115.0_1664561829401_0.15428851520128428","host":"s3://npm-registry-packages"}},"15.0.0-canary.3cc30f6ad.0":{"name":"@material/animation","version":"15.0.0-canary.3cc30f6ad.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.3cc30f6ad.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a1757a7fa232cf3b833fbcaae87054336f88b7d4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.3cc30f6ad.0.tgz","fileCount":25,"integrity":"sha512-Sx1znYt5ZbM3GoJSBOPDmWiDaRcSlSGF1J2e0z4BF/tDpOivsy6joPeh0FHzaF1rFxJdOtJ0GgMtwfQE92LQjA==","signatures":[{"sig":"MEQCIEl+VRHaNFZrQz5CTcYXM3NRCMXa9h84UnI8zh+6L8ZlAiBcTRtSRmSCvG8KnKWjP/3aZrC7tU9Rb3zxge+RxQw50g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjPGrOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrXXw/+KD/Vfo/wenxRhWqeAmw8NcsUMVffshZ7UA5axrlR7/txVO+C\r\nh8AJgetFgSuaClfBYtQt0WYLRefUhA/0UxT6op6pTmIlcGpwhfuAFbSbUA6P\r\nrgPinZYnhPtkpZyX5QA7cnQmOcuguluXs9iEvnXSQWV6uowIquJRwVfFt8tD\r\nTqysr2sZ2SfUEVQ77HcmtAOPSSeohUTd25LRSwTcLnRh8wYFBo38tHYn+Fmg\r\nJsrRgmxwpgwy/uuAfQvn+Y8rcpQiT6iu7vyKgBSEdlby2v3DqK2pDQDEh/GV\r\nLcP8nJeMtHxPKSe2uGcVLFmGWRBZ71KYBinyIbsVMGIE2dqYoYe2igdIkDZH\r\n+4YXCVdVnexXkncSbgFiAtYsNdXaGnf0mhigFOAbDu3OumV1Y3WzirAlAEay\r\nGLkxOgpvnU8sfTHmtPYRWkswqBz5V0Jotv70/uqYyVUgnE/QfR10+Ei2ljjx\r\nptumhG8kjl4WbFy6QZ3huZDyyFg/gxA0HqZ7sMs4wbxBSBQZTsQ83IRmktrP\r\nR+L15j2yUFm9iA0DNcyagWinbzy+8ihcrdRIer9NyMiOzy3do0vtjHM0a6fd\r\nHr22YX+L3Syt7XH1DPHhCQXfYhd9PgTsV72z3AEmzY5evv6yA35C19y3C7kw\r\nRoF3yQeOVIZrltAQdf8BE3ZtLrPucwBn3oQ=\r\n=pemV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"78d02265193749df2eae507da620e7571c09da12","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.3cc30f6ad.0_1664903885796_0.4371311792333312","host":"s3://npm-registry-packages"}},"15.0.0-canary.d9cf98e60.0":{"name":"@material/animation","version":"15.0.0-canary.d9cf98e60.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.d9cf98e60.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9e40228abc8bfe70d8a1530ef8b24dc0eed35f72","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.d9cf98e60.0.tgz","fileCount":25,"integrity":"sha512-f8qjILjLCzjXHxsqucYYa3i7BpTebSxBdFDU7JV/SMNaaPKQwDgVsuT1/Knwh3JGwnF1htVn2IX9JQhDRTOkTw==","signatures":[{"sig":"MEQCIBZKLSQlElkJCp3cYavvUXIrxqAVapeTx5MpQKhgJ94hAiBYr/b/0NN1PuqVD7dalNIRaD7fHs2yGY2vFz3m/kBnMw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjPINTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp/SA//czBn5UPKZmaaoICxEIErVDSpgPvxLchfI+XUNgZDXfURCE1B\r\nvMGEuvxGoMMJYDm98J/PLCrPmZV7HCxJ7m1ZTqN8lrDVYntdJVfG/iFrBdcG\r\nfYPw9uHlbJEsC7LgAnSpacXxELLIO9PV5v/kSNALh353Mo+MCFsXAfOA9Wkf\r\ncNw9Sv/LkADmwiQbMqXyIeOJRhm0Xst8Q4PU4Tw/W69OIHv42pcZDVPsU8wZ\r\n+wQASfoA60OiGBTYpPtk4HGiNzVIaQys2MQ36hzY81AoRIMAVqELd03jKIVt\r\nFhiR0bpN9qb7F0D3AiNgItFaX/sWsfgNMIsJOc6gG39cO+ei1XzxIJPMHFTT\r\nTsn1z8vjWw7LnP4yAdoUqX5UxHQBv3DXZdB5rxfxvgO8IkudW05Fb9gZaHwE\r\n5zbw6GFw/0/ndTFnAHRdXtSn7zZhcMTgQfiwqqzpIR9uhhmaebgZptSD9INq\r\nhcDQcN9yEMZgTLvOD71GzydtKjdKFXfHWxr4X5xFdxGpwzg4tc5cqbVNOv0+\r\naxnF3cXawb0pHve5O0Mwe911TnQxNq2K9ilJm3H6rcxYZSJplf5lz9vcgCGJ\r\n5TidVAOYQAJVIMm8gz4zuuVFVTsDvR+ZwoLMwMB8PYcfP2OWOGvPWxf0CyAc\r\n0llcBDqcc4GN1RQXfbpbER5KYpYToASBnDM=\r\n=gci1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"554e3182e6804b0bbc262ea0e730d556747b7382","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.d9cf98e60.0_1664910163217_0.6384794603447066","host":"s3://npm-registry-packages"}},"15.0.0-canary.d71935c8b.0":{"name":"@material/animation","version":"15.0.0-canary.d71935c8b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.d71935c8b.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0717b12b1f72c8eef6e7356e344764a8a1e5205a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.d71935c8b.0.tgz","fileCount":25,"integrity":"sha512-GuP9E/wSBQAPYyv3GOon9CwtxXoue8O17IKM3Z1EQ5qV0URXFFP2HxP5M0LZ49klxiIcPXrC6petKs7GBAaP6w==","signatures":[{"sig":"MEUCIQCgX5yFm41xPWenGx4XjL/jERL15yF+mbz0AnXfesy3IQIgMw7K7Xn8xWNwBnMsfctXhVxCX/6wFlC4k8iC04ObSKY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjPo46ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmryxBAAkWyiJZ78b7Mwns0MRlz4rt6i1WWbDdrMCFWPN6fUu4pXxbw+\r\nWDRiDmxgTG4pNaM34sbv1zRzczUNltVwTAPbLPfrZE81f0flBtwtvOr5FTvO\r\nYdAPzy20LAK6qAdTyGGSuhp4YzznIqzDeDZtZubsB+3f+LDgnfcN+1NrOFXU\r\nJHsO4xHWAElPxRyzOWXz5VfgxrnOqbRSQepbOaluJz8ghuIHRH28mCEJlczd\r\nDDQZVOCjs6KK23OFaL53YYU24zF+Egb4TLT69posMHlsJLhPtCv4UOjEQv6o\r\nct7WR8Mf3xI7RHd+zapqdBkKku6MwbfJL3kreKJyZ71qoAdCyLyQm74/7aD/\r\neZkZVIkyheXeki56DtvyWpk47Xt1lN1MQqxXDpwlL+d0JLEls52sUXZR6nNo\r\nxze79dvMglejWO0ou6xFQfvSt1jGMJ9sLtkielA2VY0LSUC+LbRTQiPQMsV7\r\n4z7ihBs3nZtR34CJdW/kHK46onPWJFKXHjPAzFx36yAxX52h8ipqJ1NDb2S+\r\ne9B3qp0auJwOO+y+J8i8DUmQ5/ffqqs+5bBp+8bmcwvkkmEs2zI6+Q2jx/VQ\r\ndLwZDyQ1kkT+EWuY86oiPYdE5Kk6lUA5HjIpfEb9EMrdRmRoyuULHT2ZFsxs\r\nTdQE9/zRChsVmbOfpvfinpf8ksmW30USYBo=\r\n=jY4p\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"0e9f697d8ab3c0b93969f61d22a2b06760934fa3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.d71935c8b.0_1665044025867_0.24430745849597368","host":"s3://npm-registry-packages"}},"15.0.0-canary.49c56a25d.0":{"name":"@material/animation","version":"15.0.0-canary.49c56a25d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.49c56a25d.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"28874f1f7054ec6f0b715dd4f136b65696c09acb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.49c56a25d.0.tgz","fileCount":25,"integrity":"sha512-yrpYlZvlqnhl/2mJIK0iPxyoRbPBX9nK54jUNgTcytWP6czR9Z+Omy9xO6oIJCK7nIo2SF9DSKyvM3QwqqNEFw==","signatures":[{"sig":"MEUCIHaxdgl2B6Jwy4bR9eSVectDlKTWnEr+b8nYBePJklH/AiEAxLCM275tdL0iPv3wgYV7vC+uaIgfhnGKQt7AH20vHAI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjPyNMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqx2w/7BQQFr59FMwboWJZ5ixib4/qu3QkB9rceALB3y/9dbnR0DQLo\r\n3Hs3ESjEr0hwPRn+94o7o88a39ubA41mkgvYgzUEBHJ3Zhv+DIRgRxzJDW89\r\nKrAL38+ZPD28Ngo2aTECtwzJx9ekHN5SrB6PQOJlOIyL36sX/RL76guW7pIX\r\n9RpyB3mHduUb/PJxWziYSHCSH4PI8E9vjv354ZLgk2ETag3aPUEKcbDy+7oB\r\ncy4tN8rUzaJtx+Ee5VD0qcPWetAt8NpAW0X0aJaadxoSlGg+sTuMhNX7av1w\r\n38egaTg4XAS1sSGsMYx4l2uMfYgRZ3/UuYQuPF0aShTaIRVLi92J1wi1DPL2\r\ndwTJASEBHXzSCgOPSgRdIXACjG+mCBRr5d2OzAtyWz0ce6N9KFsn7tQsJtvm\r\ns78wetfkqCKAf/PvGreHytuowRFyIskeum8VEvxfiE4ioyHPVLkHdyJ/kjcm\r\nuhv3UDheKPvevI8nN0Xkruhg67Jx55D+ktcb6iSyUHFAHT2+sJnkoYBoAuop\r\nRvzIu+PcEyLWPp/0HuxWyfxn3t0lk+tcNZTjFr4AogEPKvLJ9jbXzPy6rGpB\r\nNYsQdmACq8Qlu1P9e9x1C9OHUBJmby16YKcoMbcTROCigf5gbaeh1afob3Sd\r\nL8R7bJdDWvNxR/HbmaVUvGaYsA2gGcFgM7E=\r\n=4j87\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"46425b4f1ee71ec9e841d7ffacdce7cdc35e7b69","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.49c56a25d.0_1665082187797_0.44899349264732513","host":"s3://npm-registry-packages"}},"15.0.0-canary.07acddef3.0":{"name":"@material/animation","version":"15.0.0-canary.07acddef3.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.07acddef3.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e0a3e2f48f2c867feb36cf8d70d72d2657ed624b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.07acddef3.0.tgz","fileCount":25,"integrity":"sha512-3ofX43putMwy9g6yYctoDDR131ru2uM4FXUMm1SOHVm5D+WNLcDBxwnNsQLlPODLV48kHgIwU8bSFt4w7jZkkg==","signatures":[{"sig":"MEQCIENZPZpe3iS82gPIc/WTT/ZpkapXK/aGVmZp8gYfv8XzAiAePwzSEcyREG/CLaOoqau+r4CaW0o17ImH5rDqfa1buw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjQJvcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqQxQ//fipHQJqpnAIgIXj9K7lEsZGDbDE9MpagNlqJK5S6f/S7kd0g\r\nxg26PK9tNEC2xUCbXfIHvPYoSzQGoIsOvd8rljnpXcJ1haWv0vfEm689QyOn\r\n53QsJExCyY9J9UyHgVDJMyu5AcuYQamK3dODmBzuDejZ6DkStpYWlQ0bPTn3\r\nzVpR/oNnG+z47dkG5KLnu50901X4HrWx7jRYTPOV/pPGMQ70yKKb2eYj138P\r\n3AEGYOrHLeMNBr35m+r0cG4Rcc4uPKhlANtHjzx94JRyNQ/760wUN43gIgvq\r\n2iRCAG0bRgSc5NksI7s2oEzb96WLahFeLubxCFxHWbnmzKhAk3me7Wt1rdb0\r\nMf1a3hUKuDPZ3r+yjGEte+l4vdja069EHZpQr3za8tRrr5MgFzC2H0g9DGg1\r\nm9iP7IkOwecbUqmNmziaNI0rGFBOpLWA+seD3PIi99fAHeTjrZTOKDzuoS0r\r\nHr5K7Xg+pQjD5o45hk7kafUluDHiwqnc7zZP+zEu06KtxUSOpHfZXe5OVCCO\r\nYhbhAlCvcU+ai3QtVbyl6klLPt4Qv7v2GWgIiHnztl68Y/d1hOxRZZe7BD43\r\nMAeSf2NYE1sqQx9cfb8++DRL3wJMXh6Z3jS3E4TN/YMPX/Ypb9v3agJ2KyBi\r\nAEljdjimEGjjuIJqn2Su1JTDlGnneQ2FFPI=\r\n=HYDc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f61a6c26b4bd60354b690448809f9dfb7ea11564","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.07acddef3.0_1665178588316_0.2337111709143973","host":"s3://npm-registry-packages"}},"15.0.0-canary.1c74eb2c0.0":{"name":"@material/animation","version":"15.0.0-canary.1c74eb2c0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.1c74eb2c0.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bf78c372e34688329d594eb9bef5eb51f8498b77","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.1c74eb2c0.0.tgz","fileCount":25,"integrity":"sha512-c4xbSHSg1svG07pdEJxlsJ7pn0eczdtS+9Y8qXSaNOcVMAt7JZQU+aaiGLRjwykA5/7xls0CphD2zhpdSUvOEw==","signatures":[{"sig":"MEUCIApZbHWqsFduYenvXCLM6yA6+KSyS1FVVBUjuBYzvW75AiEA9tlX680P1YPjc3xHeanK0W+0+LXam1DZ0JK0xgyhemM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjQJ/0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqdNQ//RaxVhgwCrO0JDnuZnHtLfksBnNniDct43TRM9ViR7//EiOsZ\r\nZd5DNBX0EJbUQOm4vc8f47n3Ir840R9AZA93epW9ZyIln+iRp8Pf9oJagk0p\r\nibFix7d33kOwG6BAOxIWHzMMQ+j89OO41aOEZV80IRaQ1qX/ouicrmlfLRXN\r\n/DacOOahzoFOvi7vVAgZO+c2rLCJoXh45ER2Txq0Zf77k/XlYsr6p4Fk0+DZ\r\nWXW2X7EhPq0xbanyNgrUCTCX0bPTPv1cmvgtErgfa3wrhZ4224jogwQPHwZ0\r\nYSm/dZ5tW41MwtP1vORT+wZJrgME8Qxp6+zhHyVWRQg6o4EhA5nqZ4kJMV8A\r\nN3pLwM+5f0tOxpilC0Vw334uYIliuJs+ZLNIFumrsGgLwlQiY1cvaGIKEUSJ\r\ni8XGeUO3VDUUNDVLyjMk1ZZcyQrNWIrWK2cgte2gm/6du0vKGyzjhIMUGCtP\r\nXxXQY4htxzbhtHOpD1Qzn7wJJd/g/a2+8GzkoQnuvNG2+uE2FaWu9BMM3mCZ\r\nn2TmrVVhPXVxlcdHodMraykLPhaYQHSm0aE3nI0NUbZHBkVZSbp9S/gXj9Kp\r\nsPlEGKa0FCYZuc+U6h/B2N4DmRT62amZ3BY7nk6Zz8H7cYLGRG35NC6XAmAI\r\nf8kjoBVgaaz3rdaeC5AIq9mTL+bTbNSk7ao=\r\n=oVnt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"fa2e48f4e71714ca4a637a500ddf18f562031ba2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.1c74eb2c0.0_1665179635402_0.6176726890117776","host":"s3://npm-registry-packages"}},"15.0.0-canary.dadfb713e.0":{"name":"@material/animation","version":"15.0.0-canary.dadfb713e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.dadfb713e.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"07862711fd46fcd57e226fb4a02377af0f372df5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.dadfb713e.0.tgz","fileCount":25,"integrity":"sha512-eVA3a1lfDNOE4TxX/cdSFIQUEDH8vPhQsf0Iln9GwnNkuQVUlHbb/FaSDx9/5cBtuazIwmxdql99id1y6+hR7Q==","signatures":[{"sig":"MEQCIFkv5Umqm4soL+/cgNMkIlPLCfiN98EPx8LIDdmVX7GVAiA4y9SmHl51IrpBMAaSbxZTDpGODwiZeu7qkyxgIPN1yw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjQQTzACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpcEQ/8CREAjmkkrTmdSfCa0SQ9hZS8C/W6Oj+qqf8DrSbaWBf98b34\r\nUarO4zEdvuSkHm+xrwVn1o2b+nxsSdHCDQPBXrFHQ1Porma/twADxLUKX8KN\r\nlOuwxaQJc1I7osbMRmqRwRmj1TA31w9W8H8WMJtw1Fsj8E+q7GQokb1YghRm\r\n4NJPoHL9KM+otTiAe56vqc+UipaEvzi0XzrdOHdTkrpMRVV6z9WOcShId1k9\r\nPI08UrMB1GRGzCneln0/PcQ85WutdrVaou+vauXtMA1un2/ob+7iOBQr2JeM\r\nuxL/c78tvquPvOodFRrqk823NJNRNSFqaDfZLKUNU7AnLuElRvEfiP4g+29M\r\nPgdQU2f2QITWgX4X2P4UTafc4j+1hdVQ09DRFWswbRAl5uHAuNurLz3EmR5J\r\n8ngshZqfauMnA0htRdpKr+OSpn1yND78Ftmt7Ul7p5T+5I/Cq/qmycENzt81\r\n2n0b6FCeUVUM2SmybeOGV5yV9TEWwLBlbWYWCwaAb0wMCOJRAHszasjz3Lii\r\n6lEJ1VX98UDttI9eFmf8ap8HvnJcklX8GWendNDtkFcEr3Ql5toEfsPiIQ+H\r\nCJOuIgOnFcNvm4rzu5EQYo6YB22JwOcM2IJ2cDWKQ75G7PDnXzVkBQgY3Erm\r\nVOLxj+9nrzKfiHqEy4MWvLKCNqIANw0pIUE=\r\n=4L7T\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"dc577772f45028a4c4dca1d7c8ca8dfcf636e763","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.dadfb713e.0_1665205491072_0.48059228770033835","host":"s3://npm-registry-packages"}},"15.0.0-canary.395f1ce61.0":{"name":"@material/animation","version":"15.0.0-canary.395f1ce61.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.395f1ce61.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"80e04c85d36b49530c7db3350650489c0075c47d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.395f1ce61.0.tgz","fileCount":25,"integrity":"sha512-SC4yGkwioauqoVGy7hB3TQvgr+rpUsR7o5ejMdkMIzY3Nbl3yy/gdS1wuibtCmoVO+si+25p/X0gydeL5or4ww==","signatures":[{"sig":"MEUCIFchoyHbp6xKSbchvkoS0sIafpTTv2QNbzgdI642o+l8AiEAiaLW88BD/U3Ys7j++z3pbXcNNQNk718ys847I+/3LA8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjQQVrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmracQ/9EdMcWk4xXqH3jvzPGmyNKoyXDI3Ni39xfbHEctBpKmfF9t5b\r\nkFXlCo/mXQf7Xb8ENynQvxfRFM271dsuMwIWJx1NSjFZGKrHbpnQru67EbIF\r\nEDj7IT0mHkwUjW503DTSELRFvKclgPOrKgTQO8visSuiiqIwIWnrRqzoFdUL\r\nnWXY4mx4osUtZUBky1fjimPCCU2gP9z3VmndzfkkS6RaCTmLtP5crJkxwxln\r\nL68l5xb8cyhGQKfNkTFWgwKCrmpkmlT+8+xR9scN5LvQW2GIW9ezbw6tthgs\r\nBXTe4o00nTTqh4/hMfFz4554xhQAgivhaY0Br4i1cjLVLzPe7eNuqp9NzWwP\r\nGCbTLWP1Dpssr0vbEOk6lqoBjAYyUNRD1DtCfxOhpyBCwIxFMEb6OFVx/7Za\r\n7+wEgpS0EQHlS/DLV3syH8s9PxsbR9VVkJA3evXkaxf+gLg2lbOM8VOYY2pr\r\n1nzpNgsHPb9H2ekYbz7CVkz1YTQi3sbfRDA65dw3k/UQ77aix1w6n6AgN6Lq\r\nONOa6fTLdBFIomL7B4IUBshIhsVA63T9LnCVvsnzRYUR/gZd3ln42fe+kN3t\r\n3rkPTIvaYs3zTF3izhQALZUEOiJyihK8p60KSkobd9u85tIA/nb/b1h8Vhva\r\n0/l+L0s2rrqYtLQreYpubpdDsx1NgXdcawY=\r\n=hAEZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"15a2d954f8c5260da0e9b6f65b6f49df69764a95","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.395f1ce61.0_1665205611620_0.16798107742673207","host":"s3://npm-registry-packages"}},"15.0.0-canary.e741b5c82.0":{"name":"@material/animation","version":"15.0.0-canary.e741b5c82.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.e741b5c82.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1f7725bf9e257d1484c0fd611af7e925dfe6454b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.e741b5c82.0.tgz","fileCount":25,"integrity":"sha512-jubrMfN3erYS8XGTQX708drKez4dK7qXCmWNzvmiq0avF/YgOKtVXlKRKBcDKxNIOJ+X4ryklF1Vmp5/TGi3Vw==","signatures":[{"sig":"MEUCIQC6q2GflvvK/gSjxgvwzGXDV0+QFCcgNukt/cFewSAbpQIgVk4My+Ah0KD3+PqhwgRJdcqMJk3AULWuaSoCj57rYmc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjRFg+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmohxw/9HlBjN/ltPaWS7qXHn/Ysy+fznfdIPmKmw7mHi90G7/2zM3t/\r\nHWryPgLd2CRevWJlz+KIuAMEZ/vs9OSk1THaWqQdcBSrOLnnb1qHlQr2XdPN\r\nID3n/bCEUDoYyc9znBObMtx6A39LCNcG+vA8mMZMF/ht7xS3NxnwDEZGWC/I\r\n0v034tOXFhsvWucPjIewyPl62eH5D6zwk+JRiSzUrtYtrqFeIMcWvJQUPsdG\r\nJuJe0twnsWqgKg7WXwGD1s8r5qcqLV2520NhGy6YTiNv7gIkwzl21pBRVsjj\r\n+kYoJ3zWMA+9CMy9W5foUHg4tj5Kr1W9zsWynhugRCIkMeRSUYyEO8OglPag\r\nC29DTV1XWHw6hSUJkp9c+zoFKeB6vv0g/2gEk+2sEngyvfP1IYkR94W1iM9/\r\nhiANk+6KpFR1bwIDzd4ihIJj0cSMJ/wHlK607kY255S6nwVN42/MAQxIuq+u\r\n8+F4H6nCV6HCd+KaZWrMtaGkPqnQzBduLUQOFCjGDVTTsZbAbtAUkCUrm4+R\r\n2sO5JQ8lvDDlInw21NHzIJM5N1FLfp9TJ5G/eAHKRCUafaenpvWsLq9LVxdE\r\nUtirCBPVsKEBoOXGbysM6KAhtP2m4npndjWYlNpimPquR1UCrOv4Fy8U8NFQ\r\nirC3ih8eBSb/eYVYpEWcejVrK7hxb7gl374=\r\n=yuH9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"489583dc41bf06c909feb0a87f9679b40fe6c03a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.e741b5c82.0_1665423422040_0.09553304384695949","host":"s3://npm-registry-packages"}},"15.0.0-canary.582f3cc1c.0":{"name":"@material/animation","version":"15.0.0-canary.582f3cc1c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.582f3cc1c.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"056755a3f282f6efca6526e3d0bd0d9db201aeec","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.582f3cc1c.0.tgz","fileCount":25,"integrity":"sha512-JIYBQRbp5gLUrwXaaH8o0GIt/IUXuuIC0A/J85FWB1j7stmfQScTncxR6IzDwHWcOwH+3Ujh76+3W0ouagPbFw==","signatures":[{"sig":"MEYCIQC4grUn/L4DiFVN+3d/Me8GXsXDYPPCnh7oSFUT7IKlkgIhAL7Cne6+2vAgWV6ruG1qoBEfu2x6/enZXfIcFKptWp2U","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjRPV3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqBlA/8DzrIQFyXZsmYep7lokvHpZKs7DK7+rhmEjqMx7zac25BBNs3\r\n3fG6lxyfZyeoEx2OM0aKmqvX+Il//O/l8s73l2IPa8nzo/yjM2L9f0jmKM8+\r\nsWJm/FIpEeZs/IBPjL6tANxZJLXA203aUyT+MSpZs0nfFOjsYHMWxFuKC9Bc\r\ni/3pUC+F/gAhsSPA2Cxut16wHv+Jfv07Fe2+pdgSYLc13OlCXMCIPFve+/B0\r\n7ktRoAsjfoBz9usROqr0nRV39p3jhLd3DKQQJcMTYnk0UP3OFaQ6nA2IBD/9\r\nTC8IifFrf3DdIWVDs9npcbm37nVbGhyRO7HFLFxxrOHx7XjFzvGKCBTACFhC\r\n8lvkD4C7CL3349Ew2Wyc/2/5bQZ96trcHl3CAvZDwqxVDJhFEPZyCEKr5gZG\r\nle9ulYa7p04d0NCB14Bui/SYHzg5vINSBzKJvOOzx9VQgYMJzzN93+4xhu42\r\nZy03rFPOsT22Zv+fuD45Q8367VSU0/NFamNqSIw3SZGa+J68RZkXUjTVQEqh\r\n5WPasFuj40D36za1dGqfp+xNploCSmjOU1ezSxwsprg3zN7qogYR+Q4aXmt/\r\nIMZDyDF9YxYEE/ZS1HIuN2S0hWeONJn6QKv7QRZ4cH4K0MEsDwn2ZPFjtfaG\r\njasvZOjs5cB8vZjw1N/1jiiFrmoKPry22ck=\r\n=ZHgh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"9910dd1f5b3fa962bd02fe552774781896efa7ee","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.582f3cc1c.0_1665463671055_0.5416108950016638","host":"s3://npm-registry-packages"}},"15.0.0-canary.b1a6e3e88.0":{"name":"@material/animation","version":"15.0.0-canary.b1a6e3e88.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.b1a6e3e88.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fb11d28d514f4ae7a6805101f68e664348bde3db","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.b1a6e3e88.0.tgz","fileCount":25,"integrity":"sha512-XOTMlWqghdVY4TS580NVMQnEGiuktE3/yu2YwmVms1PurbbF5vKnu5FS+zDIkoTEdcsIMPvEWvNkA7/xZ7AuNA==","signatures":[{"sig":"MEUCIQCKHu53Pnb7syD926imf1P6R1HvzGg6gygdqJm3BhcNSQIgOXQG1TIp/aIZatNpkxG10NcrVSDJej1lN+gOAgj7Lps=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjRqyOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqRCg/+L0CmsP+u/soUsiwHoPuNR2o2tpEhZO86OlQRNlQhg0HP0s4E\r\nFpxY1DtU0yaI+T7ZuQvssaLXqpoixxa4IyRukTsvpegfUyVvIYAkrNVp2k9h\r\n/GVVma60bgx0qDHO4OK6mkgHutbVgLyxJpbUH4KkZmfFjYMZ98YtTdkexooj\r\n2kxDqKmc6A5rOuXhM2qE2T+wQ2DiRVQWMKh1zOXuZTaG5Bg++Zydgg5moQCb\r\ndSktNGdgqdp9hfhAwv0JPn7Z7Grqh6QA4GTdNVsd15H2CO1r0+g8jh3JncgP\r\nWWDBvhCk0JT8Hn83dik8aiHW5n9ypc/T9jHIkk8Dz4VhLUo9uNPiFmnQxFAT\r\nejK2X5jECpVLWQuRvmO+yaIZBP4B6BNWQT1Chhjsuh7/xYO5UEkTgB1I7otg\r\nHakMkZnIg0zdWVD3QKulY0yrrCFr6E7CK0UpN1YsV6qDbTWT4xU2++nRzJeJ\r\nhLOD6fhUdeFaKDQTDCcrb4v3ZMNqErOCDZwNxz8yMoRE1pojiK+jfxxTWH9r\r\nofZykm+8bYpzygX8Y2NC4yTKQWTKuVXA4Fl1oE5hCgVrHOTBajzPB5h+6aIa\r\nfFu/XD/mARQNlQS7tFakd4l9inR249VqJChceyNebuUBj3F2+kvj6jckW/o7\r\nz8H+o3Fq/k1Z1muWfQ5D6BoKran3aRIcqR0=\r\n=FlM8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"fd6420b1b81c64578026927a4acf4ea73b7358e6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.b1a6e3e88.0_1665576078432_0.5886593420800468","host":"s3://npm-registry-packages"}},"15.0.0-canary.c9b1a31e4.0":{"name":"@material/animation","version":"15.0.0-canary.c9b1a31e4.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.c9b1a31e4.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b080c4a11a667263272722aeb85809fcca97740a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.c9b1a31e4.0.tgz","fileCount":25,"integrity":"sha512-6X0yigco7Zaq8uSHghYzAvixonIC9tFH27+yucguDxOor93a5URjSYklLeDUqTIv3+74kfPBkRYQJBVsriNDgA==","signatures":[{"sig":"MEYCIQCLD3QArTfIrXcnAAQy2xvhhXjVi4WmKhhUEPWQ6+pJeAIhAOAit6/moESbF9oc6kdXFEbhyBoVrDJRN8Ssbrw8MbhF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjRvH1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrNPRAAhE24W0kV0zXDgrkU4Qgk9YB8fvsb0nJgJ4tt+VCcuKGYvg3I\r\nfwt+G8RjR/3Mtjy6RIn0O637aoRmzqQyg7ieG8v+AT1Zu8IhI3yS4LBCOo+J\r\nZAkiOwWWs6MxV2Js7bYcjCIbDlj9e742c8K8PMUinLxaA7hQXQcmN4f9IBPN\r\nsin+sSZbS5VHfZBV8K51efYeQ9Ja7yyIYu1dSRKaY1XFrxsOhlNuA58dqp1t\r\neykp0p8vTYMLolwZ3i4aQbiaAQO8QjV5cGKL+0ysXBloAzb64GG6tpgkIV6x\r\n56XWtoyNsUzX6BplU9Itqeh86YTwiuxbb2yYqTDKf0aYEhSDPjImXb6piHeH\r\nwjMQq97nQetrVzlFriEeuqgAQ4tZty2mgk7nW7QCGXAP/tHyEjlzcnLREyYQ\r\nSEH+ZjSl1u5PWkb6DBRnBYRf/abVOESamEDIcXrsx+EQbUvKSycw120A6Hd1\r\nyWSXiDBxOei4a6bYYo9gXoIRRFd57DYVlTewp75bGUvgKHC+sJ4akqNvA0rM\r\nY6djIdA0DUytTA0lP84DdNlfBmXdFKZh3AcqkQoIA+qY2/buFG1039xieguC\r\nVXZtTfhG8nNzBgjc/miVUeI0OCsv54jw4Qa9hxJbEFg/69iARKOVj3rHJ9CN\r\n+gIAd4t6F2BFwpElgB0pB2XpmgmT/Zs+eqw=\r\n=A291\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f7a6b71c85fbf0d1a9db952402e002f8421baf4b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.c9b1a31e4.0_1665593845259_0.5925296638618482","host":"s3://npm-registry-packages"}},"15.0.0-canary.13e9b0d1f.0":{"name":"@material/animation","version":"15.0.0-canary.13e9b0d1f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.13e9b0d1f.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b5eb371a6dec304e91905d587b34cd89d45def05","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.13e9b0d1f.0.tgz","fileCount":25,"integrity":"sha512-GFYJ1UzdwpPWg5wDv/RvdWs5VFJADn1UymqFGuUQ3Efrgv06hCW4sPqTbrHuLQy9AD4F82JTGrLpRx2ONiIGpw==","signatures":[{"sig":"MEUCIGf7ZzEPiALndOJCoZxM35xaaJvA4wymfV4B/fKKzbQjAiEA0EfMXpvvM9vOsKNjNWpoW0ANzQmPGRPhYHTQuwGr/Hk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjRxNRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrlgBAAlu5sLTAmzJhb5J8uwFYqVYfiIHZbzieNv3gVxbYCoGmNRcfh\r\nxO0LMy81AdfiXzD6bjDenCkr6jk5ztynpkOhD89Qp9vwjjfGjUEV35C8TljS\r\nvSsYo/GLmFekBhAhr+omOAJFdH6ZKRqB+uBGs1SInA7apHizRQMnZmfSHqci\r\nJW2ar7f+Y5gabzv1vjrRHMr8gkNtf/ZFnjpddd1VE2k1PzkIvaAjY0+aP3qH\r\nNa2KaeP1bIdrgqfbIfX/S8+0swoijgISY47IGkDkiYSwUVwv2iW0rciOC6SC\r\nwudVWUvm8/Z+HQWDIg2icWoQI5yIF+9CcColPEAPlIt+W0AhtEkrOTggr07P\r\n0tanhw7jBQOWpFpvcyCK2fHKbRTsPhUcnqtclGPUYLN89ttqucYDyfw7wGhO\r\nPc+8br24JR+qlF3bNAhAlOjV2otezu91CtqLrmJwUgB2aN2ZYaWlPeFvYSev\r\nEwQNqsNmMFR3OoKW6l4ExapAGPJzIA0KdJbk8w7AYosl1w4ekOL2WDFkH6/A\r\n0DTtQhUWsRyVW9MdzKUJ3kyavV6CZtxwYQDdnYt5M2cwMCEBP3ikvz0yD8P/\r\nOtUv+vVP8HkvmSyzGyuwIBp7GKDsDwHaZJMiYckH+TmRL5FFn/W9vmgzo7NO\r\nxiUnkpQrVMj4/YaBiI6Nnu6al96LNrCjjz0=\r\n=QBRl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"4d9f6e4f27b68587a15ebef6f003f73cdad60bff","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.13e9b0d1f.0_1665602384911_0.5082113176455834","host":"s3://npm-registry-packages"}},"15.0.0-canary.1dc797e7f.0":{"name":"@material/animation","version":"15.0.0-canary.1dc797e7f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.1dc797e7f.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2781ff5ad06021262a26c40e9fd87d219ad07464","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.1dc797e7f.0.tgz","fileCount":25,"integrity":"sha512-N4cUxBTM45PDmVFYdBc1a6C4ZJK4Qh/vzQ3qH4rsKkIz5C7UDtPmDQK4tpAly9zC4g/qUElx5/PRSQEnU0wqkQ==","signatures":[{"sig":"MEYCIQCbB5bE3N2bE/28OMlZeExjM7pnVasIdyxmELLQAkjZtAIhAKZfGdhxNwKRx8t1Hy5dAAa1Z+MgsDCDAx1PvtUdGci3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjSS6KACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrKGg/9HUF/t6Z8QOvPBAVgJ9Ikrvg2cs3pUEl+PN9jhx8DUmxM6AJ6\r\nKW/l86NVV1hKuKuk4DKGb2RPhL431pqKPUbY9fkv4JCymd7vy+jh/TprTefg\r\nrTBJOHUK+oVgPy11jIN6QfL7CC8UXr8fGDT2W3g163MiA1UkYDdVgNazBAAN\r\nIPPiiUhx5+dQE33FMkLOqVAjFjCwd6H+UJcXo+z9Ut29pLmGAu1DBtyOPqhC\r\nAgpnxYWkBHfUBMkj8IGS3WstfxFBq9rtUh1Qtotz0m8LRx0hFucrhf8DQl7w\r\n7ud4Q4V77HgkiwU11YJM5wMfYkDS0pPXRC4X5ah+Ib9q+HQSBjObxUJygI5K\r\n9EEjgj1jpbVYbQFbD7OZHsIlZRLvwlwnWr+3vmq6cmTL2VabbHWo5NQYLrQM\r\nENlqv4lRB9ieFkjH7/uQ4Q9b866dVTCYP0wbQVwkUrS7uqmNC1H5Ch8SAp09\r\nhuUySzM3/5TCwZ0pMlAWN3JJ0hZ1kaVy+cX8bSNhZjXs26EH5x6bPZ80IRUX\r\nmQ20nkGwZ+h9Ii0NKaTdFxqb1e4J/ZoWVdet2x6M3SEOQh09sUo+e1x2if/n\r\nmaVluiUPr2edKTIq57tvhI+ZeghCoUfvvWhqNG7Reak/unfTC8YXTr1dQeWV\r\nPQOEJZIcloCwknnwbv4Gz1C3TVB/hwzmCz8=\r\n=JfNJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"22eb0904d0b7a84996854bc57cc417286deb08b1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.1dc797e7f.0_1665740426719_0.9594482029524809","host":"s3://npm-registry-packages"}},"15.0.0-canary.ed4009397.0":{"name":"@material/animation","version":"15.0.0-canary.ed4009397.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.ed4009397.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"19a5d4cbb648a79f10b924553a6a020b1c1333a4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.ed4009397.0.tgz","fileCount":25,"integrity":"sha512-LbUzESSu8LIuVaUTGxHoNn5q+DozE4EPXOzbMADBqmBQQHlKTV4O+vbIzDOmQcITDfLAStKMPEW2faYvjqKkvw==","signatures":[{"sig":"MEYCIQCVvOCfQxq+R3WD9M6en0Lqy+FA8d9zpwasxOF6kLBuFQIhAPwXLeyDY8PLY4C1uFHvWfjw9d+qH47m2iOEeUxFKMbb","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjSZNEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqPhA/9H5IQJoh/lToyqKRJ/Tckrss/Rd8WH/FU+GuvZTunEATMBn9y\r\nvUJOVUVX+zccjuB3R5evrpf/DSp1/3L3pZ4Reck2AWftFpGQCt0rUfFAchBJ\r\nhLRXnB3uv3TOJeWcpuBu8Zv+WcHylmJ7D9wqU6s1b0Q0TQ3Z9DQvkj9IAtKl\r\nCKHtV1FVz40yNBautYJDoq6FQur7IfPOLzqzu7kAFkJTNH66HnttTHVLY+U3\r\nSCHHGtMpfCMfII5mDfrfX3b4SukV4+oj+PB22pahSomPTXqoomYd/Tns5avp\r\nHBRxTjDmBKeYQgVqglO0rtGrzQGGVOFF2bN6tdiTac4clkVlO0UesuNoNBTA\r\ndp0rlBFMvY5Q9BSycgSUqzwPiheKqBGkTe7jSkuBIF//WRrTlvAynw0XiwOA\r\nqouQi7NIZCxAOAejLABTuDfTXx+RWkvB9b5khcfSCLFAlNw2KVeE1xNxG1QU\r\n7c8eMUnU43ae41dOqr//Cysq2qL/Mn2xkGS/0ahrq5szOkZvzNvfhSJ9OvDM\r\nge9c+HJyy0svseh/SEVGm1L0nKUo5RAbAWaEGh9N8Yn8XGxn4q3+NWFCA1Ag\r\nZVJNyI5iK3ECmZhjmhoMpczBT8rTcGqw05y4UKbc/Og1PXJ/fu4v+nwRxilV\r\nfpYE1mhZuvH+m7Et4yVdXjPbOHS7iRKy7RA=\r\n=FC/P\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a749634198bd160446873ac2c5cf3d4345b1620f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.ed4009397.0_1665766211772_0.9009164913036136","host":"s3://npm-registry-packages"}},"15.0.0-canary.95ef196bc.0":{"name":"@material/animation","version":"15.0.0-canary.95ef196bc.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.95ef196bc.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fa0057fc70de8626aa94c01f230c70e2b6547ecb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.95ef196bc.0.tgz","fileCount":25,"integrity":"sha512-9rf86cSG4kYYrHD85eLxCQ7tAjaTuW65nUHKkhqtDdkoaNcbckPqCmUQqwCJ8+xCu9ka6svdoaWBurk+ri6eAw==","signatures":[{"sig":"MEUCIQCayr7nscw5S1R+yOkAbWEWLRtelnbAFSDntqRdpUfKJwIgWcBFzUYEZIwuFBrpVbvFhLdQLhWiJ3lpS6yN0RXC4oo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjSez1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrRTw//VLzOqGMqhCxxbpgzfNdHrkhqnhNZxE3a+ID1aAOtazT8yIKf\r\ncsbOcBkS7LJY/5OkpgXPVXkuXGCP/b4JGdNtyzgyuXD5UK9rNYhVc7e4v3uE\r\nLYuGaptTAiza+NW9ReX1j5jj+n4vhFvm0l9MBHAT+jozR4xzCSv6sq42LjZV\r\nyIc5zzwlDI1GxYTxNs/4NNW8o5PuZEF89ZjvswkGMlxItYbhFIC69/EYZuST\r\nfdYtV9ZREgGjnOiFnQ8yWC6MJ2QYmrmB80a/5nyokNVgTW0L9lO+6fOgQVnG\r\nfF6u11nLJUnVWCde4IcSlHEf0PEv8ggRiY+NLNBjimMYjgYvQozVHCBmGN41\r\ny/cNrtt9qHf93vhhhGYTD0bx7VK0HgrKx7mOqCAsnWKVu0E3khoAI1GYE1Js\r\nuwnCbArcCqVotYH4uzU31gRnow9rqY4QGBxd/n1SleH6iqt5nym55q19jHmZ\r\nFGcgxF9iAq6eZh+sPjNwnE+HfE/h5EfTLY/xwmoWJaSo8o3FcFbUpBt9xtVB\r\nv4LzL/AFEcl9fww1ySbZfuDnwRqfnoaJ6wVCqWeXKI/ogw/pdJYf/KOc+ixT\r\n81XxuJOJUrKHcL0OTQh4fDA6dpcstCkI35FzNu4uWTdriBolF5GXiLzIbMCD\r\noOlNKJB3yGficH7tHqcqMJQYF2uW/S9RkxI=\r\n=YlKx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c133997c8c45e50d9ebfe12fabab75ec90d244e7","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.95ef196bc.0_1665789173638_0.18312903139147685","host":"s3://npm-registry-packages"}},"15.0.0-canary.13eea1b2d.0":{"name":"@material/animation","version":"15.0.0-canary.13eea1b2d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.13eea1b2d.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8367f57995f1d1a728b5e10ff3ce65524240003f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.13eea1b2d.0.tgz","fileCount":25,"integrity":"sha512-294U5wIgurk97wJ9IGbCnqTkLvPpu1LEYNPqRaxdPKaAPKBHkoIYCjuOqzTRDgDUja5wl8S4c7bYOzdK6mpevQ==","signatures":[{"sig":"MEUCIQCEJDE8wtwlsCbt/F3lui/alAwO6fpslgU8fwnq8Ck98AIgfMj2+9wJjCtYf8l5si/H1DY8TSPg/698XFUar/AFzIU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTNEJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrOpg/+MPGer8nc0s+Lz3CaSTncCnfwagU4StLMyMH6+Vi8HpHy8abm\r\nqi5JT90b6liJrV7wIQ3fFlz7hODvXX3Qz1pIPZNepC+qgHLk2Ez0mv4gfSlX\r\nuOuRuHrtG22jV6Hz+Eq/6WMZQuJzhK7FxvPO/WMkUHUOy6uQh+egbK+msI0F\r\nFJ/1GE6ftUsQ55TGSzvsVoL5ioNdnMfm0MaSC87Xyn5sGap92+HQVXwk8fTy\r\nR1IYQdxhXljOH0kiL4GZnm1qKRIVieB6egkNSs1GbMpmSiHXSPfVkXDiivSp\r\n+WysPysGPLi4xVM3d5bkrNo1YIvABV9qwRoPEG1cAiawamPaWLxWNZ/kT7pl\r\nSmhBq3y0/cZt2bo5b2Ub7kN5h0PMGnP1Qw1rkAgFvDD2Bp57oTv7s9PddmUj\r\nvA9b8DDR/G1cHfb1EWS1NRW3hFY4h52XeKWcijmNa9xervtQ/QS0mnqislwh\r\n7U5DrnBdQa0YLWKkwlSiCwgNshfF0Gba7UIRfEPO+y32VnRHrzoJvl+4Trao\r\n9Z1g6pDHwjWlbGSDvQRtc1lQFq9Zcp1sAJLX+6nrMZz5fSg6Y84EdTBfqutp\r\njwJXHYRs4mwHWbZJs15/ZJw0xEZ6tX0TAWaNpyib3nh87XFdmwjS44McE16L\r\nyOoTsIO5+MDPhjdSHVa6CjFyKkQ7dPsYET0=\r\n=oYAk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e9a13860e495e7f113966b4c71b9c7931a32807c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.13eea1b2d.0_1665978633254_0.7550517724019339","host":"s3://npm-registry-packages"}},"15.0.0-canary.ef9b2babb.0":{"name":"@material/animation","version":"15.0.0-canary.ef9b2babb.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.ef9b2babb.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"67fb537a82d25eb6169016674cf4761da38aabae","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.ef9b2babb.0.tgz","fileCount":25,"integrity":"sha512-gFIvVqCJu4Jpg9g1Gmx2Fye+0N8BRrDNXScnj828qRAQyPefPQoEjk0GEd4olzKcZkjqzg/+olhGqxJiLxLtZA==","signatures":[{"sig":"MEQCIBR2aUjXJrgbuTZC9VPLQoUgRjqxA38Yq4El+WCKmN81AiBDnNfc1OrHxbwdM72IQlI2pDTsydcSXkDWEMUWu+h/fQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTR19ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmon/Q/9GFgkJHsZVJAKSPCnAvwCz35Y9arfD0rMJ72KaOZrf0BXZeGW\r\n0wGvHpapWZQV4l+5z4vyYyYT5LHL+xe72vKORnEWTDx1JmO34MjdyyPELfQ7\r\nvVCDm3Wa71/78cgylmJdxttqXbPNaZFmADmWJR+OPbhhdwlIiHlMxxX1jTFh\r\nmIW19xrlocYkXUrLASazA8AVSHjFHu3K9fQeGLZ3Be1bCX84ra0ye7ELZPxq\r\nULEW6iDOS/h7huhXeohoh4TOMWrvTURP57XVAO+YLxQdndOWHPtWx08N8R6H\r\nf/nb+oMjpGdeACxj5JkiB5gC4zpAe1TsMUmSyNO9ZcYRoamxc6ALJHRSgrGK\r\nt4XQQKdA4t1EfZC131r+Q4z6cIPnDtYCMv5oMY28qRs1EOsbbmL6IWg0tY8y\r\n/4bCZk7frYz/a2UdnVRqDH8dbrgRD490fD4rNdzk4hyn9HOt6uoIuPGBAIT0\r\nu6VcUGGaDHRBQo9p9WOBIJOEgZcTPXBoUOwljipD2Lg1Hqn5kHmJetXT6Olx\r\n4R8N9/vNmM9pTuqb8cWAO4cEWwEf27m8rFZwmy+6XACfs58Huh1h08X2zHnl\r\nyf1gQmInFkp1mIDkSAZTvEea02Ci7ZXzvkuxOBE4TKF7YDpLlTo1xTu1KYXU\r\n2PvhUJnA3r9shWUxNUprMNLHEi6+M0e4J+s=\r\n=g0hz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2e04dcc89ca80bfb50d7ee1e4172ff9713c149ba","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.ef9b2babb.0_1665998205027_0.6126667357456366","host":"s3://npm-registry-packages"}},"15.0.0-canary.cec7fb987.0":{"name":"@material/animation","version":"15.0.0-canary.cec7fb987.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.cec7fb987.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d4e971668186a74209c0892816a0b044e5b6a7db","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.cec7fb987.0.tgz","fileCount":25,"integrity":"sha512-JXW07ewXTj9mLBDGgC0N8ONOY4GeXtVtnigaq/HIl+eUhKRWebKb4fnplebix3x8NVi3GgR/ffUbPyUYzwh4gg==","signatures":[{"sig":"MEQCICer0TYe+xT3KCPMI0rWf0TDNS2rc0veEd/6Heds4i2BAiBhS0UT0zWPo6xb1Mjz8bP3vfd+7KHuGy5/dZWfKkDqxQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTTSOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq6oA/8CbOC2cgm5zpauiSR5x150Lv6hyffrK/S+zGYrmylIvOyCu9E\r\nFW1OX+hH7z6hmj8VKKVwcjRnz8x92Pp7e/f8NGFko5PffbwC/ipDBe2lWca4\r\n3XLoH+oL+4MRvOb9YcmwhPrGMOpRUTzpuOX7KP19mZ7rfagCB4Rw5/TT+zRp\r\n2pEolU4DaZEdCt+OKO+bjKo0Hi2HcZhUiplnoz6VzxadblVl5CyAXS2pzIXZ\r\nOJl34mRlWXb19P1UNOwmouu0ndsf/fiGVyoBKViilYnm73bi/fE+uIPOSyFH\r\nejc4hfOuyNCplb76nJkPIXk+qLHzUh0th65XLqEm1at1ZI6d1jykK+QxyBsd\r\n694Pz2QVbcn2QC1mlqiNji4SsE1tU/3zrmdTvHNUtnmlglrf973I6UoZVOFz\r\n/5HrzuFBqsPhQyCNNDaqMjToiPkp6CbZ2/K9wQqSTPftv17T9KL9KiqbktC9\r\nG9AipXBUIcGGgQtumNIUNb0xQaodUWM9pQAESD7/5T303gopupe+pOcet4Dw\r\nTQa2jb6fFjgu27mly1U0dY1UTUp0+wnstgrhCZAHeEx2YPV/P2+0weLwLKeQ\r\nBXTdaAzpcFU4lpMYdUSSFmgpV57KDML8NyixDgZLXeLy4YRuILC4/FtXRRfe\r\nc3hCztFGBM61IrGiFlDAynnCUK65xaPx4YE=\r\n=o5Ct\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"5af4beeec511ff0266173424b4b179e209402a5d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.cec7fb987.0_1666004109999_0.6632847880869099","host":"s3://npm-registry-packages"}},"15.0.0-canary.4fff58b08.0":{"name":"@material/animation","version":"15.0.0-canary.4fff58b08.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.4fff58b08.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"19a764adb25cef6dccc8b259fd8954cc29f1c95e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.4fff58b08.0.tgz","fileCount":25,"integrity":"sha512-5TYX18G4O0eP20xTthr75Zse8W8RFJDRYNuvRvN9Q+wsrhutS50Zr2NxDCXAmsgBQAwxkOmD578HPZ4R3Sci8g==","signatures":[{"sig":"MEYCIQDNwJTuxkpyIm+3Mmlsm3t4uWm/8kRQ55aJZlh4EAvJGwIhAPxGO9KA0dZ/A/kj/hBRXeyKclf67Ch/+7tjZJJhsQGD","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTXLrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoB0w//bR43X7OqSUNPpsk4aemD3R2p2HT97roPKIult35J7/pwmGDH\r\nQOoDK7QAgJVRCGgTy2DxveYeKYm5MGy16dtgwMEYlVzFHrWzLuoZ5NILovaq\r\ns9+uQr2z/F/lM/OI5WMAHIH7ZtV2ckrWUwg2povBGeC/9Q9x1Gf7Mc8Teao4\r\ngFx3XCzW1PlK6fb8eDWVXgpImjKfmmeDJaJqX6FLXk/ux7mHTaw6bUDL1H8p\r\nPtP5Kkzu/qD23m4QFQHGx0V0Zl83WJJB/JXNkAfJVFZRK9tAAXVx44LUFIE7\r\nNHqriF934ET0t5pnkFiumnc3ZA3QfATsB1ABmnIdX8NZPtsuVqb1rK0Fx6KP\r\nd4OqZnuKI8YIwzE4DWP6t/YN8lI9lmacjtRqUM/IALsTLLiHl5MD6r82DsE7\r\ntzU2ghUdr1kl1mtFxTjfpeTLjJ1EcUhSb/nHjvGX4cmaNJGHr1IVh8EkYMPx\r\nieWtyfRvK1l6YJItqOSVxKOz7/+Bnh/dJD0cy3PQrd7Mw6fO2kVWylCa3EtU\r\nzQLubMnvme8U/vsalshNpvILE/rXTOjBih9aQ5xmnExeqUTpukVKgpjaoLeF\r\n4QlY7yiSLRJ7KooPf3TeWYzDFKc8sjC8t6ywMfegsDIMsDk1jm9KHmJ0YRBS\r\niiCykvry7Ehs2LL48TST5KpKr3JHJVyMzls=\r\n=rFGo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b44726c7f5a5db16ef660807b5247cd71a447c80","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.4fff58b08.0_1666020075745_0.45481503921138655","host":"s3://npm-registry-packages"}},"15.0.0-canary.587d8f871.0":{"name":"@material/animation","version":"15.0.0-canary.587d8f871.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.587d8f871.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8aeb8d05ad4043bf843a0cb46346faa7795e2eda","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.587d8f871.0.tgz","fileCount":25,"integrity":"sha512-VDmIl9LuG1cBLrM+XK7sHmFG1ehQQCzbvf+Jg20Sws2IgbSuBxEzwOuOPjIISCIVcwofy6uKH2McrE3VduUI6A==","signatures":[{"sig":"MEQCIFglV3rjFvLqcEc2YyRktqOeIOLlANINP7auPIpda9e8AiBiCtH7dmVISwbJVgHmATCW862a/Dtm1hEF3WY9GRwSrA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTXsRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqzHg/7BLuaskPMqFk+zFHYulzOWylcA8EKHWGsPH2ZnwbGCZo9xQac\r\nV9kfMuPYudRaps4sBpH0rnfR++khNhd8U6zk4uhE/vlGe4UVNGyo/g/0KutL\r\nHxDmlFs1p5ht58vvIfz+y+T8HIejrwzCN+IcDHREiLRol9JEYImG8uiffXYV\r\nI1jB9H8wKxj/fqoERqBnhtNIXkG3ZVOknfDeqgK2xg+fS5vR1goSVl6ivplR\r\n/sF1yRx6y6HPgdxn1b+Lb5KDzuyL44VPyORpR7D3xsWJhi5Qztn/10BksjE1\r\n0B/thjTYGeYmd9OYsUnz5TmYLMxw2Q3GeES59/0bLE4cb1/5oAq86FT+r/45\r\nHmIIlybPHFJHGFYoxFcfqS/TyjcWmbld0o4yNvwCUc8RLEwpCabGZ94PkluD\r\nogWMg1RhSudzulqz3sEHgSaIuXuAl7o9naNBBtKjYQVxLJZ5Jz0ph87UUoFM\r\nVd98z9V2F1xt7NbDoOLgeBq3b+81X1xb51HDLBGdCkPQwlZzSPrya9+pIE8H\r\n7T2YeuYagya1UJ/a8X+LCYpaEzVExEE4MNyUx9PlAIkuOr+x1XQOrlNb/cxa\r\nBsePOKOZ0EzOp43gA3CMSzoIcgABfZRNx0Kxc0yB3lwOT2qJBZnctHB+egqZ\r\nULSVvxvfs7A1ad7CtnL6GOR469z0xU3nHqA=\r\n=Z9l9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2ec38be871dc355461961e4ac44d48ec44c42a1a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.587d8f871.0_1666022160944_0.06472686702898867","host":"s3://npm-registry-packages"}},"15.0.0-canary.edf4b98d0.0":{"name":"@material/animation","version":"15.0.0-canary.edf4b98d0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.edf4b98d0.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5b4e2a2b6b64e56297d77dd75fab076baee69faf","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.edf4b98d0.0.tgz","fileCount":25,"integrity":"sha512-Bd3YvU+tpp2q4YjuZH92HbqboCfcwzIaT7wAtKXUAbejC6290U+xGKPrd5a952xuwOjvn+J7A60Dh3DWfdVwAw==","signatures":[{"sig":"MEUCIQDfP+zzPlOpa6rQWC1gWfEd+i8omptA4KxWlWzHzT5IaAIgFcMypepb3WMYi/y6jNl4Z94dKqwU+psbsrOyIe5WRYc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTYU8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp2HA//aHoJidbiOe9Yo7cpq0yD1644A9uvJ9Y68bpgamS4dPPBrmUN\r\noei6zsw3HWvJfYVkeeDujoS4yDfbkJPlwyHoLmh+eWQpnv8bHFqm6JTSbCDg\r\n2PdRx2zNG33mmv3rFc3aksHXszgQlpu2zuNHEgdtQRGb1NIL5oS0tyBZifJ7\r\nRm7V5nV85aUJAX5q3gt9GZOEeDjuvIymQ8SN63pHExzNy2TW4BGkaPyLdb+C\r\n8OM2wgJYbpaZWGyrI+wluCLLgCZZHhAKAoy/IQtbm022rSA+itC+nNqUEWlb\r\nesBqp2gN0nxLUfslobxC4KdnhnH5MdaNJhhDa776Yk2lit6P4PVTp5xXW9V0\r\nqJCXENHorG/B/uF5glShFd6+9tmpW1MSigSDm48sA8A/3ECrmUQ6Qz3AlskQ\r\nd6P0ECesNh+TR66kQn5ExTAaZwOrg/S8gYMyCiYv+gWrbLv7CQMggA13qL84\r\nFVkxyDvi6qeM5y9VMPbt4QrtduuGbOPGwsnh4omP4EImIStnAcA9Nb3hwi85\r\n5nD0brW3MkCZqtV6CvToKSbDuORo3aYrHUOYDuRCiIAv54jLiAP/qxsKRDik\r\nuyP5NZUKul4nKmfeTgRcC0zx7inpKcTb/hhriZdRRUyI0ck/oKzygcahxWoP\r\n9V98e3bzSZWlAfFqUGJ1530C1Qc1CVu1FKM=\r\n=/Dbn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ad4766965d2bd24e69b2e2e6940c960907c93c1f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.edf4b98d0.0_1666024764123_0.6566970502554932","host":"s3://npm-registry-packages"}},"15.0.0-canary.024ac5f16.0":{"name":"@material/animation","version":"15.0.0-canary.024ac5f16.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.024ac5f16.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1c8c2c4dd4ccbac615eae0de320d5f0a6e8e4e0f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.024ac5f16.0.tgz","fileCount":25,"integrity":"sha512-aSPofM5Q1IP/B12f8JXjoempnzJRBrHX2mxtO4zXYlRE9dTpDSCpHl3Z4KT1fnBqlZEH3JhT++sPzSd2x2ppig==","signatures":[{"sig":"MEUCIHG+p92vmHGjy4+Vw4H/5+OexZp8BxZWaWGqhMf9VqnDAiEAxq9m69Xc08ISmGzWM77QDWqUznaHZuQ1vhOpEWdoem4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTdoLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoVOg/+JW0+dkwd2O0YOzj+tvaxsWsI0ymS48U0ui9DcFiKzle3uett\r\nveYE4YtSiggOCVcKqQS13rJ9lxQlkPZS3jjl1pKTlQjrP/LBbBV0OkcPzcKC\r\nZC+LT8Plu3cZnomOoa1cQtK/7Cjm0NUjSzlOM860YjiZk4GQWTP+c6qWS1qK\r\nqx35ZqZC3n0HU681+jUnpDPgQr/y+fx/EdaduvdJEgGgQkeuPpxqbvkdm2e9\r\noyaIOCjJn/dsSee5W+e/nkHh724AjN/X3PAEDo0uszo4D/nsao8E5ez8VkFn\r\nJStAw6912pV+yl8GBoSy/y9ssqJL/sQZRAF6gVDxRXGvrqQYlcyQmXHD8b8u\r\n5Nb01NnDAIkpsUv3OHUtOTZTVmAOXP3+gpJHHHUkUEyr6bzJX6K3S4CArqM6\r\nDuybh02LZe3/3SLVzI5iH5U5nM5dqEpOQyT0tGfPegLwQoWymznggn5zaBFV\r\nFo+lT1D/q+3XEVCPtCzErZ9I++VaM4D+im4crw9EULIHBHo5GYMIPq6kqItk\r\nVRxdVmwUR88xPpcpooqqA05iUA6K6mpMmGQsKa1cJl8TODIWnlyl5kV1N6as\r\noMesWMlxIjWdeM7yRE8WDA6NQZsgQQe7CEQwWry2okvVuqVKw5k1X1nZaAdY\r\n7V6Uro7NTFrrF2ZGRu8fG3izcRti933pNZs=\r\n=CiZD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"9ad8e77cff1167055c10b93b4082fd5b4e1d8643","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.024ac5f16.0_1666046475304_0.6714998891612582","host":"s3://npm-registry-packages"}},"15.0.0-canary.c8bdf6144.0":{"name":"@material/animation","version":"15.0.0-canary.c8bdf6144.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.c8bdf6144.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c07592218a0ecdcd9ab0616dc4b61cbf3720d451","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.c8bdf6144.0.tgz","fileCount":25,"integrity":"sha512-YoYjTwsbtNwiRckrtK6lnXrzrRVtLq+i665z5SzQLGLlFo5p48neJj4oTSxhrx1cI2ywRvPFvrA9Icka4zWN8w==","signatures":[{"sig":"MEYCIQDHkKSRLSx3w0DD/XsbmqB0XkS9cSGCz7h+Nj9c+Kl+lQIhAPyyFaJPJJ7RHl63j8D6A7nEFfLmYTNeGv56X61iYa/7","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTu7VACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqh2w//d9sbITm4vbImvY/lWEtGRRsY5Krk4Zp+1p1VH/OrDKJgXOz2\r\nqIBhd7nBZ5lK6gORpi9vEJZ2yLy/Y50YX6GQ4wUhUlLFMCSYSK3pi6UtNsYR\r\nGyOgFWBlnmUwaz9bDSJYlj1yc4gt5iFHrNMYiqgv/OnT9GP7dxte+XAiVj07\r\njSEvw0KNjQ0Q7DUwVV1gyyWwGe8k4ttlYLQuUwwCzbl2GXOkfuYfzj/JnDrz\r\nQBZ4E1etsisgGKUHHjTd8gQwBUmkLlau1SnD4LYk5sDTEyCiGbDs03NZqduw\r\nYrHVUdxACvYe7AD61eD8EiS3iweRp73+7PmyqdLesKC1nE8AZjQFcR182Jet\r\nVdeOLe6/kUW44Bg/8SHgRYIPUWaHJaEecub13bp3xhBvpKu1CxNt1WIh+byu\r\nUMEgysHK5u2F7fFgkZ9XrPegMLSld8+YRip7FTU7YVCQkY7jXIDaLA2tdvDx\r\nF4Y9zp8FU2Sb5sp7gHNchBm1Y1qvV92sTD9v1J/KZciRhrZzbs0YxbMo/5Fv\r\nw8R2FnbDSbAIq7EvGWR49nfV9hzQW46yN3At+YLcerRWBmP8WLOfFab/IJ02\r\nJpCyV4ZqRxl1CFqW8i0oxp2BxG5oRr7fVNdpGAgYG7GGjEvYlvxZxZgx4hur\r\ndKcsXJOJa/Qd6XbP1ni3WzFthah5zTfn1G0=\r\n=aB96\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"92f4fcf51598cb8f9b9e03a35332a980296c24e2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.c8bdf6144.0_1666117333420_0.20471679285964628","host":"s3://npm-registry-packages"}},"15.0.0-canary.bacda4885.0":{"name":"@material/animation","version":"15.0.0-canary.bacda4885.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.bacda4885.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"be74e9548759b39c00914d034a0a11483f764356","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.bacda4885.0.tgz","fileCount":25,"integrity":"sha512-fyZe5uJ+CWqlgUax/QhQnz6t2JDGWOWdbKVeX13Y/fqjlHMLqrOG+VuZzJGcTqY5sdBrm8R6NKIZpPCZC7DTkw==","signatures":[{"sig":"MEUCIQDxH0tGrn5x+HpQxckJJ7EEkFLraXYgeLX31iflPHO7sgIgBQEwYQ5YDPQ7CFmiuXpvdyShGVMB6c8h2tH296GoUfw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTvNbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoc1A/+NAAExPLRsz6ou8kIRyn3lmDjYB/htZA6MQKmPRYw2t2iRJtm\r\nhKVaNuAZpzKwA4qWYFoBSUXlBmufJHYkAnxlJTHokdjykKE8Qetxa26EbI0P\r\nfhi3PXD7VhGfx7K8wDnPCMK7NdiE8VFVV7bJW2ei4vLxnFw4oeTOujCJIlN2\r\n8R7DtmQ5pdYU76iGJAgcKVJnbOqACeJvxdMdZR7Efa8CRGcepHH/uNKSbyDs\r\nKkeK7ffGB+ooRqUcOT0Uf1dZOF15b9ttEzVg1uqC/glKaq/7Fn0NinvQE5zj\r\nREmGGNVbN6t3UIYyCC4gXCky7C7BXmnvLwuFEUz0fFNdDtcreKDwrgxqPMoa\r\nv+nGViCt3s4KyNoX2I2rTBneLMpvEk16ZluPzT34T3eh0UwhGS1WZG272mJs\r\nYpPFKoOtsW4YkWZXSeIS7uXWKaKslJ6E3hzstrW5xyt5MuKY9/kiHp5DSMcS\r\n91dxjZbOVFROcJx7gO80tXhWqlkYYnos/XEApWRin8yadeta9EFUNn6NOshf\r\nXnxeJgJ3bHKkngVQFBWckcqt4D3zLELgC8ygkEbydKnWsimU/ANUmCX/QAn4\r\nbgHLyW2vx0B9Jh5/hwTrLgTSj3Ir0wt0JKlY5/icGf+ucba2pGM1tsIJFzF2\r\nL/ZL9EwLHK8qfgyKtJKG95icCD/Al6qUxWQ=\r\n=Y3ms\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"9e0a7dc5fb5e2d1554093d85949ffa6c2aaa33ad","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.bacda4885.0_1666118491543_0.06670423585085539","host":"s3://npm-registry-packages"}},"15.0.0-canary.92b2556cf.0":{"name":"@material/animation","version":"15.0.0-canary.92b2556cf.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.92b2556cf.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0a5acb995261c56f30b0015fa091c2b1bd9806f3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.92b2556cf.0.tgz","fileCount":25,"integrity":"sha512-VMuEVXzoyB/3C0f37baZaT5X6fvuYAJ0LUmFuSR4enXXrCpKB6S5F6iPHO/371LJTyAO+PqGRKUbX8jXXAIMiw==","signatures":[{"sig":"MEUCIFYuMMkMll2ellAQSjtXFazcqfTgoPP+NXFCSmFbfQOZAiEAtjVfN69t6nvNzpstGuek/1gG+eBO7FXJsFCw3TcxVOw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjT071ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpp+Q/+NVLrfp5PmfhVoQhSkrdWAsJsIbB+ZyToK8OLOgoQ0eOIAWKw\r\nzpprFYgzu4KKlLOjUQRQtOormSgVY0NyEg/BFvKJZtKVkMv9GGMQuLzDhMhj\r\n9Gz5/dv1MI/IdBmZnZEpPrqJ3FvkJIj2cM1cfKrLJFXRu1rR3BrE3GyrPGdd\r\nvmrTrtG+CeXGC7PXcnxDjw16ioIwhI6/bSqIlZxwOnXBK/5Q7DmiRBtNtfTx\r\nxpqjENsIevFKvRrHrooxP7nvpHKTY7USlqPSdDS/pYi9l2FQ2i/xVT+5AZnX\r\ngntjkKtG3DZynwC6Gji8QzvsEC+FslJyTfuqO+1hVKQVuqbTMrIwGGkeTfIl\r\nX0yqV2qf1TF/9s22FYnbXpYaoxygddTNkxuJ1Ctpeq1LKiFP4DavjMXHWzxK\r\nPWoRnJ1+beRUKugbwwDMa6+pprPltfn8lHnBDi1aSIXRj5OqnsrsRsPesaFk\r\nTVKnRH/eXcJ9zcjsLMspg1i59tp0kHU1YRyWymkJj6eBI2pj9GDfeCKDMOjA\r\neC9WmfGrXQYqoEL+RMT57w4E1zxPi/JWjc/HxrdfK5bWuJwpOUVUbMrFoaZL\r\nuPirz7d90vH5oorigKhKS7DXvj72nAoo6w5W4Wz/E/WSW966mnxc3VOG6FX7\r\nnvioAo+Czr3vg/7kZ4B2FfnsDF7BHwcfWwc=\r\n=vLez\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7ac326ada7a9c6e84bacf5e01a6d22e675dcda8e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.92b2556cf.0_1666141941267_0.2498965338855148","host":"s3://npm-registry-packages"}},"15.0.0-canary.cc804509a.0":{"name":"@material/animation","version":"15.0.0-canary.cc804509a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.cc804509a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d211d84758aa96249c2629cebb2602cd11aa9581","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.cc804509a.0.tgz","fileCount":25,"integrity":"sha512-FKLKR7TIAud1VhdvWXB3hh0q9IXqtNM+bZgPmjc0lhDO1e0ufqOAfDJgrSW4l3RGkvfZ/0hcSf7yCQ3OXiw6LA==","signatures":[{"sig":"MEUCIQDtu3XVM2ZadoXOIopSFVEWAe7H2Av3VhL774PfckMCkgIgUxonrCeQSKLG6aW4sLMKlYsJNsvz8ForKkSb05lCdi0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjT0/XACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpz6g//WGncr2ibUvNs62WrhnM1JjuQW1kSCJEpzfYTrboxkn0qNKcM\r\nX8tSEM99DXk5QUlzLIDPAoF+sk4AR4P14Fem6PfO4WocL1WKupqyeC8TZfK1\r\nfZJTXEI2YwakcMM2OTZ4PibMUW3+xJk0qjOaKum8siT+0og7nuWllZzK26rH\r\nA0B/nAVzpzgGzzdVZULJs34dUWapZ/wp4HKkWqGbLmgambP1GzlUti8ItStV\r\neSyDD3QUVrP598ypfPT0ydB5KMT/ePDU4RAL/zOEaHP/vrOdfzCJi2GEHJhm\r\nQrS8DpOREoWD7VMcGVa59+H4DlpjrpFPokUKxzh5J0p12alsfqTS+Om4gJ7v\r\npKoXgYIxj+c1vPdDfr0XzKVqCiVSzd+egSuCI4PdUrp4/WmY9RuIO+sFG2Qf\r\nw1E6klzXJOGkFwAQJkhK14SQINz3HBPoIeq9PhrE9gBqL+6YjM3pLxS02ZtH\r\nGXDJKvp24ki5L4i3Fd9wiytrXeVJknDnGAJwJiE5bGMYN3HKPu9a1V1E7z/w\r\nAzLlMf1RkiNOe36HZqeHax9ZqKkZ/hMgBqem/6RnGDMtCRliqFz02BsX1ZT4\r\n8tAom2bMrZ3q2q6J/C3nhCLeFujOTN/1NB2I1skgLaptsxXBVAlqHstGbE2f\r\nvHZTt91DXmDPQej/cR26lQiIvgxdJ0M1xIk=\r\n=dX6d\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e8cb944f6f2263dc4b4fec5d7ade2bdb5172b4eb","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.cc804509a.0_1666142167261_0.456620253543786","host":"s3://npm-registry-packages"}},"15.0.0-canary.982bedae9.0":{"name":"@material/animation","version":"15.0.0-canary.982bedae9.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.982bedae9.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6e194d9d194d7cf85e955f6cf186d823d240a1b7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.982bedae9.0.tgz","fileCount":25,"integrity":"sha512-YUjeQFPax+91f16cBWQM4i7Ptb43yIysxRa8qijIvFlUBJgDn8MQY9g/UlrYwdQNzUbPqjHMmWgdSmXlvwbJ4w==","signatures":[{"sig":"MEQCIQD4JpC8lxaFbCysV2HqI1vFhSIzYS6d6PDQXlrj9PKm6wIfbFyn9cWI0ohsG/r2lKRcc+GQPZ5YCyQsoeRnK/YBIg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjT1R8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmomVBAAjuwQlfce4xHY9Zp1PGFD3QTsvdU2eyTBspHVLrF/6d1/37rj\r\nom5ekqGYc7/OHi9U/+pW8TE8CMpXVcPlLp3K+qu6vwiwhvXAXUtf91MCvzkx\r\nXYdTX4NSa+mFNk91zz59lZaEZMFce8Ug7i18Y2QcsgstWGqUKj18tCNenP6R\r\ncigPAvz+z9aBfl4YRz5M7eiUoQYantqJoHwnFyyA+YmN0QYjzcrgqQ35u+fo\r\nk9/WVldoYEDZwCQqrvjthkBOd4GOT80y8CyOz1ocrnxFkKejULMP/YpE9lGi\r\nI72vJU0RaYrgW6yAhXJchmh09eZvupVXCRteewh7tWPI+xSUlM03qQFqtN3z\r\njlW0w5lItB+jOWCdE/kfZPT9mfMnIECg0VENPyqyVG8EOHuqa4GITB1DHuC9\r\nMBiEyc4rhjaonDzv3wdjfm0kj36Q5daUBEo23qKAOH7MApY6T7XdBbZjBmxF\r\nkcnbnUeiz6db3abNEeX/L+zV7VvARUcDbVy3QPGFTVA9s80TCCmDuungBvR1\r\n67kwFfNA2Mm3+N+b9P/nNNY62cXkAetZelT7ZQFqqGEaMjloiK8AedvfhEpt\r\nm3ZS/t2qWA2WK5ZUX5gqaYfaP3yfca26+fwLZYN/0yDCc5m6zcZu2TAAWFZn\r\n9Zt80C4cHr2r3D2s1J9r/Lb+JzchVhv1Z6U=\r\n=a00e\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"247fc73217ef7d2438e876f1477d141e6970c9e1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.982bedae9.0_1666143356286_0.00960767990350786","host":"s3://npm-registry-packages"}},"15.0.0-canary.ee40081f4.0":{"name":"@material/animation","version":"15.0.0-canary.ee40081f4.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.ee40081f4.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7f9ee2123b086dce34624bcdcfbaaa22a3423593","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.ee40081f4.0.tgz","fileCount":25,"integrity":"sha512-8hwiKI1IrkB2fgkRoKKtnptPjMwIvyDp/1MzwCwYdnEujPVx+Mkr4+cv2gEUjQ7GrpRjig9nv1OCH0EPZa8g4g==","signatures":[{"sig":"MEYCIQCZPP/O3IJNLdnMtUJ0EcdprmAG6XNPvVoy8ieZErHtKQIhALghrysTQ5fgNWssmL5Umuz8f8aFglLIQAusuzO3KtyK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjUFm5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoLBQ/8DJGNbLX8XzWFJwfEhq8U/NCH8LGxrlAvUOXUafxEZkkyj3v0\r\n9brobJDxMOiMOE6r4H4gNYZcG9gD5KLRrXCoozhs8dQaspCuspbbJ7SCCSwg\r\nx3gUvv6/WU4scURbxPBTZ6A0YKZr/MFV8KOUOGr6vgJe5oJkCZrWzfyQ56Wn\r\nfgFYoyr2xb10lJw5lRaEPN/M+admB6FOjglRTmse2EBNCrpS6SvtDMHlSPow\r\n6eznC9Yk357lTkMtdnWkJxwI6vZVGSDyI3LuaU/GzmEzqFlxeo+frN8h75/7\r\nX+eWRG+1AdSCYXiBKOTJ1XLhvtyd7UOfks3CYPYo1TEhdNR2ROSJLe+zoj3T\r\nS5LWVf8UIHAMa4t61O48C3aZ2QcxndFiBEXwRcj2DNSwaWQ/LacVyxjJNPVp\r\n92ANI5TyDkRNycGOI/3NejdMczkau6POqjhXEKqstAdVNFzL4NavtxvWtrB5\r\nR1i+tXSxWmFNoLF0hkOQKWZO7wFtcS8tEMVZbNb3mqSR13nJLA+7BZuAAUeT\r\ns9fiiM46Wg+n3084bnv390Yf0fmMPkOfkEFIfwpUmikCVk/RAunegFrkg46B\r\nIyAs6a3C92leifwDgVAXMMEaPMGb4ZBgxEjrKAixRV3g4Fcx1JgXGWL5YUpz\r\nQ19SXpUbyD96BmQpXzAJckUFzpAZRqPZhnE=\r\n=/knH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"04ad48e358b6eef4ec9ee359b0ab906b30425504","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.ee40081f4.0_1666210233566_0.14426780584591126","host":"s3://npm-registry-packages"}},"15.0.0-canary.98f1b54e2.0":{"name":"@material/animation","version":"15.0.0-canary.98f1b54e2.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.98f1b54e2.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c9372e35e58e201d9fed7db0bda59c7de60d04a0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.98f1b54e2.0.tgz","fileCount":25,"integrity":"sha512-AROEtCyGAo5+w4rS9P57cV5CMIPJtmCTtTQ3tP6J/i3hWDwwgP1fG0EgqAtjR/nETCB8K918SmIiCBouszf8Dw==","signatures":[{"sig":"MEUCIQCdPmk7Ez6ChRRWJtbibnhhU33HhuCJZSjwVfSWNTXUxwIgcKPsuwN5lJIoo//odO2RcXlYPE9Bik1F3S4jxqi9Cyw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjUdHtACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoy8A/+P19hMRM3ayOU/6NeXQ6TyDpWMSQmJHHvuMqCSeQdokOsPC+C\r\nfUKqCCqJIBzbPl2dEBSJ8v2IwLG0TB8VTvjSkGZ0Os7dzkVTP9vFztjXMIHy\r\nzWZ9SjFBIv8EEgb+ckOBnl7fpNJeqMSPFvve46Vw/H7CzNpk1f/pgPiBzw0l\r\n661ZHeZVLi7RlYvnG9OH3cpcTcbYIIXGx2mLjaat75qw8Pcf+d+BMDWRV0cv\r\nGzkYGojiS8pHNr2tMF4myPE6NEm53wRFh+215t923W15iV19PHocY6yucbp/\r\nFxyjLX9tsyCtIIvIt0B/XD1Fr7QgDNS4W/xWiDJXs9amPiFPKZZmnrWjWXRN\r\netRMiI/+jBCzscGKCuYd3tpf7KFDrLDpDyMS3S+Wnp9HpncJJHQYq3l7BYrQ\r\nvGeg67+EUrIvR2bs/NUGLJqkC/M2TGR+oKTClbL5HVm1hmbI6EebLTZ06hiD\r\n1goR4dlIQV1K2BOW8hQc/ur30wCmmfBe1DHIZE9PJ+NLoWWTH2HLv65x5rcJ\r\n6BubZHulg5fQiNEqNCX4iBkMa0LFm4G9mlbghyhePjjmKYqD7A4X5SOV9kV6\r\n0vS50QnzYH6V9zyBfNgLdIgtps5b7hVIhPbAA1Q3/SOWem+Gwe0/U+lZKW+1\r\nr5d8Z1RxP7HGMMP4FWyxDKkbbEOK94h/j5M=\r\n=THVO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"aaf0a191532b3357cda509746499ff62e3aaa47a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.98f1b54e2.0_1666306541723_0.4220000475406167","host":"s3://npm-registry-packages"}},"15.0.0-canary.e74b7ba7e.0":{"name":"@material/animation","version":"15.0.0-canary.e74b7ba7e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.e74b7ba7e.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f536a65bba837cca7df60015e7b7c2d1cc2ddfac","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.e74b7ba7e.0.tgz","fileCount":25,"integrity":"sha512-tkN07y2PI4b/qYdJs3J96SBo5KDrOl1IeFN4LrPKZDA58jGY4j3H5+tD+8yhnsH5nttE8NWugtm2Y0e/oOq0NA==","signatures":[{"sig":"MEQCIBPYSXWs2eebiknwJsSIAchq/Q6yGERAFTkuCF+t36YdAiB2OriamDOrbmQX2zQYeuqFca+tWe3LrffTYOwlDMuLJg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjUtEsACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr39A//XrIpP90TrujBl/XcKuIOnsNpA3XzKOxvLXmHL5kbDoA7SpKB\r\nlkGC/QPOrmlJGz8pqJHAkVm58rUc6NIkvhUJa75+Qwzga8VHEFEm+P6+p/hq\r\nLuVgju+hYy/Egp59Q6wORlZ/BWQCFcMdIYS6YbDaToZyGg5oShNpotHkglEP\r\nbsOHlri1EDsflAUDOENhYN9LYifHKkSv8hv/rQzpqJYDldDTo6W0GC4tfInY\r\n686bofvcNcWHNFOsRlDmz1v25SHapCwdoI3Lg8GgNXm0C82IesjyEGGWs5M+\r\n0J73lie0LOJMltZmRSsK4S1LcNKSRQ73/6BuunbsRmzVurmE5o1yDKaAz4zT\r\n1wK0dK7pkNHhUsyRmHZ9aL84FvdJqRXgplX+w1BMvkJX5PAoTWpzWqIsNNVD\r\nv+fuVdzTlSs8cf67PZG0vibrpoz7YkiBKS0B0xOUl3CO+eOo/KPRFjJw3x0H\r\n2l1WQ3ZJCl0Py+Zaa/nOXt5zx3rDJxJc9Cf8h73K9GYWi04P/nbeMxc1LX4b\r\nm1ANaPXkk902VvPJKX73QdGmh7gVXsukfZ4fEWBhUG2P0Bpnw1+Zxnt7A93M\r\nkG9vDAmq29L6a+WOV7uGNsHIsrdzAjURFdI9tqjfviTJObSAB4wJjIc7Z+Ol\r\n26biNJCxlKPptTK+ykdlRAZQ6xBwyM13r/w=\r\n=8dI1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e30e36776ed9bc98d53938cfb5e48bf5d2cc67c4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.e74b7ba7e.0_1666371884071_0.5531327836862687","host":"s3://npm-registry-packages"}},"15.0.0-canary.ab55c07d2.0":{"name":"@material/animation","version":"15.0.0-canary.ab55c07d2.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.ab55c07d2.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6449c575f9d67eedd10506bf08942c2ca3056535","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.ab55c07d2.0.tgz","fileCount":25,"integrity":"sha512-R/J50/hJnZ2FlBCnplmN91LZiSFXUI0O1F4GE5+JQ04j3kbf9THoaAWCkrluoVXWGLwDpK2qNqSK+QY74OPLXw==","signatures":[{"sig":"MEQCIGwHfZbJZwZaUsfXjPFtqcnO2eMlnAND+2wF+VahRCA1AiBSgHd4g0h+7l9RctoJ5Tu0mdR0/dc5I3lIufZLxLZ6XQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjVDPhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr6NRAAiwV3goZg6GfTxifqmSMblec7XFlJTENNRrijlflXOa1SBMjC\r\nMCzWP69pbxpo/T9rgI2DW9juMyNjaHRaKx6HylQeecLp15SdCPd/rr+EXlSr\r\n6vhGImBn53zYR8qSltiBQ88CfOMH4NWDKT6+OzoiRU56Kv2UKQS+xZDRGYKs\r\nfgky5aZIdtoMZlBO1rv7tzi5uwsgrj++eitHvRdOEHmySw7lKAHu+H+5VbzD\r\nJokt22stuv+Lw+8RBH7j0zprxePqMEAjCat7gjC4Lhawb94Cd4DrqKs/0JXs\r\nTstftRRxsHs84LmpjYUC3R8vdQcFYk4rpvNnE6NNK5RLjbXaVP5nroxoOwy6\r\n7B1GGXnC2DbSUiYp94IG5TWB64fAV+z1gVu6TpSXSDjsbIWoLo3Ibkl3xQyg\r\nyujNQwn5MTQxn73+mdf7A1+ITZSLM5pASycGj6wOYuCgRa6ICAQiRLHTKkgr\r\n9F98zPSFgn11Dda5JufeawBVmX11aE4V2IC/z0wYmoVX3gm2YYJSECcuAXRg\r\nJfJS0ax/9Lssb5addwzl64UDAqB4vT11kTe/KRJMIclMUH4mCxjok6u1Gk2l\r\nwr+vbreydTevm7TVBC1IwxXxJLJXeRUG+X8fS7+PRXxL+bKVlkDekunDfXkW\r\nyMI0HYJ4TvigYk1thnPhCI2QWWWf634Q9NM=\r\n=XQhk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7fb32c724b7903a8060cb457aca1f150a15590dd","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.ab55c07d2.0_1666462689273_0.19185752035200587","host":"s3://npm-registry-packages"}},"15.0.0-canary.fc539db34.0":{"name":"@material/animation","version":"15.0.0-canary.fc539db34.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.fc539db34.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8e7beef785f065345e139716d716ee15faf9089e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.fc539db34.0.tgz","fileCount":25,"integrity":"sha512-jjREpxtjutJo9kfGBMCcsEOYxe/hJoItOkYJ+DaeTJO9X8CNfmhaS/8plUoOP+CkRu7Ns5Z5yWnnWEH9CNrwwg==","signatures":[{"sig":"MEQCICtgJM3OMURvxMCVIYVvCHdM82EVm/5L60lZavh/DEKSAiBt+Ix+N83xLcAuOvfIWqxj1xGEVOxzRQwdPwdyFLWBCA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjVuA9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqcChAAi6in2PSZ3YKRBn3H4EaXIwyJbdvHNfLzrf47OuTC/xP2I8zC\r\nlVIcmCbU363P3np7ebzOF1UTUQkjD0xjywZFpuI0KlZyFT0eHb7czztz7/dm\r\nHb8pDMh0P8i+sFlXHCEpZXf2P+uOJVwcxcn65iv6yIEEEmU9DLiwdf2tAeLb\r\ni8W85YnPX8tKKYvIyU2ev8nCeZYibL9su9Wh3cKICz+npdxBptsTqAQtYjfG\r\n0xTvXpqFsMWCwOWJD69n/vwU/MMVxP7MIqeHxypxv6n+6FfFGF1f1wyfv/Ja\r\nCMxEww1ivlOKyTpB1ox4v4bQOJ7JgY8tXrn27rxQKzQmrBb4+/nQgwW+ke+z\r\njmuWEmzxbk9CEAmPeo6Y4bDDmDcOqCRuIRQSn53bE0aEtwpNBGnYSKnUmisE\r\npjd3Q8JdiN+PIlc9RzVTcLQoLmUmg0v+kognCX6NRmgRK7nZOgi6YYfKszO7\r\njLYWRwwTbPTTmy8dQijlNOpce/6rnS6ofg1UIFdYoG0SCXOPDNKCqnxAwEfr\r\nMqVBoiLt6XcVtEWykfAEpebbbGuJgHTIpJvssiB7ne4bhjeWUdtHo1gIY/jl\r\nOuj78LxUjQn4BcSvpklHIe9Z/6yDQiA+R6C7sKQ0Np2NGppF+eUqJn5g6i/V\r\n5ApcK5uuzacAGe46F4UC2HsKMC88Tlaqv8g=\r\n=mHTq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"18c679c73aa42d66117f8f1a88ab7cbde6f2a201","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.fc539db34.0_1666637885713_0.19848759979464403","host":"s3://npm-registry-packages"}},"15.0.0-canary.e340b04c5.0":{"name":"@material/animation","version":"15.0.0-canary.e340b04c5.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.e340b04c5.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"60d3571639ea14009dbc50e199cee0fac56c224d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.e340b04c5.0.tgz","fileCount":25,"integrity":"sha512-UAs1QHc8alBomPWlapDxDagkHwG29SgcJs0IL0//XCwC47pktTNkAR7sYl+WIFWFSmT0fDcLTDPuy982DtdG5w==","signatures":[{"sig":"MEQCIC/eAw79xqWzAtgc8qVaX8Fww/yNN/Yp0OobPg+TBScXAiAXU49h9MCt4Wbma+wpY5PJWASb2Qiwm4VS0uve5J5fRA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjWHS9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrHNA/+J69Og+5kKer+p74Ef3Gx59144oAO/laG9N/AdJX62SA5Ye5N\r\nCtHoZqdeuIxQMhwH4IMbLZmrrmNls766frzqrYTy/6oujyZaHg39yWpYM59y\r\nRQ6zFMWUC4rGz+d3R9qQpe8ghpk2/6echIi4yJm4oSswEsTLAA8uMrxU+6QE\r\neMtlcBQc6NpRCZpO4ccuyJeocYVnQMNPXAqMEx1VN9sdASLxChMwrua74K0B\r\nw6EWNHbldnZIQSFIRNPgl9zbpugczIQ/XkxBchupj060xgA2tmTrlO2WH+Bt\r\naIHmfGfuoMPbdDvTDnJYXvbVwMLL5Z+jXn2Up6jyBJ2bYMYweW6xLkIml+kw\r\npb9sqeWq7jU7tkWDAzrJ55W5ZNvmwf4JaUmXiG7eX2EtWS5N0KW9xOybI4Sl\r\nrQj1LRf9HCn1i3D4MkwuU8eQLlFgy7Ns/P1GOA6SOCRT3bFFsblxBsPWPyke\r\nbV/MfC1aQEZTnez0himGCouAb8ze4VMM55TAyqwP75G9pFQBWL8xa6qrSKzP\r\nqedQE+sKO7ylWj1XkfJYphxlIP34BIKeqt1FUW3wwJPR/dXi7TY/X8VYeA0j\r\n8zW5POrq4OR2yAKgrz2VITF2x+wQiyYLtxSK540ghxoeLhhUATZDYefVud1A\r\naZ4SPk//Hz5uTdexhW81WoWecPB2c5ua/LE=\r\n=dVBi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f3e39db57f42dc19c08bf6e97cd6918a3ce32dcc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.e340b04c5.0_1666741437124_0.21781429177515155","host":"s3://npm-registry-packages"}},"15.0.0-canary.2c1a8f8fd.0":{"name":"@material/animation","version":"15.0.0-canary.2c1a8f8fd.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.2c1a8f8fd.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d23805b0cef274bba27083dd2056a4faf25e40aa","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.2c1a8f8fd.0.tgz","fileCount":25,"integrity":"sha512-83lTmDXOAoJD9FquUWbahVwX/GDydR73z5SOjZlBQteuLxvcnN8keJHdwfwHIvKsKxEkcLoLMfTT1dH4y0VIcQ==","signatures":[{"sig":"MEYCIQCi2TNp/edTU8TFa8xCpP7JJeRxp9aL75aibyvTpfLSJgIhAI2I3uR3a7D8HbwO89T+cfzktIYCxHcEYQPbdxCj4/nr","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjWW5nACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoKMA/+Ld3kx8WxRSRPOx38dcZY6A30RXtLwCkEBJtAsQq9ovuIzQ9p\r\n8k3EpslN3ztbLp425G192fr1D0FTV2gH6LV8YvW9ycfsshNzopuk8EKzyMFk\r\nyXjCY6/vWVwmicWt8YOj26/IVX2+Tl7ORTb4VmibOhppHFJG5o2mUNPJvfrZ\r\n2o+dFHuPbPDX81Q7wj4IN3gpGItyFm7dGIsS8fJW05ocWKOrnxHd07G74UFY\r\nJTP+4hGdsFYeVsfizOP5iRFoGe//i2WjuDxGiNx2YPgfnNfDjD70rPNf/Auy\r\nG+T2shv8jb+EwSDE9NFbfKpz+tQa+OLgsrCx6hEUqfF/Vkye/9AZNViVlma+\r\nuUIRfBvA0gt8/7dupf/ceCp8b8NUWDO1Vxo7CBrm3RZ/Id3jolEJsUrGgH/O\r\nJgpF3u7IictlZs9/+iz+3JEiIQJ97aDOEczHihC5NFRAUm8gFS+tiipm+bX3\r\nP3Y/u5+MGwcI7BsAUlbIkOhBspTFoU4rKSuPQOQ+02fnadDklls07c+4Yer6\r\nyopUR9E+jYUPeh6mOO23oHR5APeMgSNoZwU6YEbU0RsLG557M98Sg6/eNdiL\r\n87hzhga85FzHjRotscqwc51utEwdqjfrr3H4HxLh1pfmBuuFvkafMHw10hdk\r\npA4SQN7bqhV3y4tM65EyCnCpPQoO4Tu1c6E=\r\n=0WRT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"dbee023b5e37423b8695520d95f2d00d884bfd5a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.2c1a8f8fd.0_1666805350942_0.6426883944690112","host":"s3://npm-registry-packages"}},"15.0.0-canary.ecfee946f.0":{"name":"@material/animation","version":"15.0.0-canary.ecfee946f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.ecfee946f.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1e1228e28e50ddcff19163847d8011d20060da34","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.ecfee946f.0.tgz","fileCount":25,"integrity":"sha512-95aC/UYnCr/1g18VYPK/fX6eCNVGFBkd4JP6zT6wkh8PDL0gp52U+PCCp8bYq8i8oxrKTBa4MqFyzHB5brBFgg==","signatures":[{"sig":"MEYCIQDYa07v1MIJ9YC2scRJ8h8VlKIAAo5XFLbkn9NrDCD04wIhAKJ9jzjgZVl0BbOtaVxseLvDW5B+Y7SoOCC4RQiVpAAg","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjWZUEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrIqQ/6A2FMMc33ChHXJnaDOZ55mFPtkrFvZe0t/wxGfKeMIcSfLUb6\r\nmddJk0s/4JUnCnuWWLSaIs+Hueh9FW1ZujeryCgUWlY2FodvGNNrmNpFd8v0\r\nP/PRcbr8ptUrj0YKgFF8XnLt2lEYavPOZ+QCgfXuVmReAThGRyxgXJx8aAan\r\nTmE1SvjO4u/qUlFbVAtMTX8XAl3/q38xEFEXdnDaUGJlvpj1rEIa8y74lJOr\r\nMz32sGzQ/JSPAL4r7Iae83Scl9rhs094dQLQaNW+93T5x28ptxOmR67Ng/fo\r\nHqtkXx4RDE6mJ3iPky5hyIGuz6WtGIljc947VsYzTOsGbXc5096FnraPIrRY\r\nhu2SXRCwolpfFepm3E7gPCviTGLxjzOnFq0v7B5bIiHl4IcaXnQ/NJSpM4Pk\r\n/FJVxfpyhhezwiBmpCk9agNGk4nGu3UjjG//7zaueDEVFNXOgwpJ9j/qWyya\r\nd3k5T/APER/msXqI1NYyWBrO9pcJpbMPfb+EJLXyXds3H/KopRXWbNK2tc7k\r\ncNySxSChat3OSU7T8pJfOb7l2F4Jv+q6Fm7CevKOQctM6SPknIMixZCmoEtw\r\nFepvzcysAcfVHCiWT9mG9fBWKmWFPOw4WgFUH4mdOCTg0u/3dFk0fUM0Xcqr\r\nS7y7kFta1fbT8U0bIAuSzZyPmpH6R5oy24g=\r\n=sfKZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"dbe05d725a401275de1e88f9d5bd6cd2079a0047","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.ecfee946f.0_1666815236121_0.039438594244243674","host":"s3://npm-registry-packages"}},"15.0.0-canary.73ca9dbb0.0":{"name":"@material/animation","version":"15.0.0-canary.73ca9dbb0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.73ca9dbb0.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"41b72219d852520414018648a1e13ace257cf99e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.73ca9dbb0.0.tgz","fileCount":25,"integrity":"sha512-1slB3sMXHsrsjLqdFxfNRhLvi2KGSSp8wthF8325+bL1uva+wQMRwTg8XiHZ6Ogu6gpdmsF5OpblOrhrSQKcOQ==","signatures":[{"sig":"MEUCIQDcpn5bRz3y7qB9SiErzAw6YGrwNdOSwP5biRyFWTo36wIgFuEpru2E/rYBqp/vOnvalHl2VvC6Vbx5ofMzf0bMZzc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjYAZmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqCUBAAjwCPEc36TIs9PC1V7SmdRrw6YgLYOG2e2ZpMSHbCevGViR1o\r\ntq1+eV75ozgtTJ5kKBJ51hhsFbpOEs+ZZM5uR6z8z7SMUe2fetOzwoQGYbFp\r\nT33IEabBoIaNnsgYuuKehe0tzlJP8DmgvXTkT5LoSQfR+w6XRl9TKvDaSPgz\r\nap6jFbpfOSHj0dYqh9YP840omLElIsv2SUOWffpHMO/7JBb9mg5Pj7Xkb0d+\r\nVRPf1ZbuzjEe2DEyhudJ5+AwGS+8tXmYG8b9SVwmcvzgZV6pKFPCmsG5eCGf\r\n4rVURJAVR4h6JLj5IdA/h+FPEmGuhe5T3ZM7bfgEAdO20+wK6U6JOyzsvJX8\r\n1124NRC1kQIhQ6prpgGHsw7jvtRKCobmMebn53nXd6zbtWA33Ft3hJPtAqN6\r\nPfRtqzn4pZz2rEFywfcTcGbLxR5Z0R30ejkPOrWVdBbz+5bS9n4yGknjZyVX\r\nL8w03G+wj7ikZhME2reUnM0MZDI98+osdY8fuzAo/gELYqvxqSfHmZi2seBH\r\nIXx8j6mFutujnMh1kFmqTarlWaHjEaMxcnt7ZSEgp6Uu+AhgCCAfdHwk4bzq\r\nBJ9ezgfSAEuWoEVPYy3iTdB7nZ3794bEtxR+Zx0z7o1vC72Ih59hCt8Oarvi\r\nIIcp8EO+1pklv53jaG0HK6SwZxGBrrHKZXU=\r\n=jsdK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"3b1ecde6148e6e8d98c4b0c8a4dd2ba56e95586a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.73ca9dbb0.0_1667237478775_0.6432318899308158","host":"s3://npm-registry-packages"}},"15.0.0-canary.357f2e5f1.0":{"name":"@material/animation","version":"15.0.0-canary.357f2e5f1.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.357f2e5f1.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7fa57313cec6374df1432ad473eb1b4534ec77dc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.357f2e5f1.0.tgz","fileCount":25,"integrity":"sha512-8nu7c5V78K1hIuJ//nwdrl9N2dSLrRwjVYzhfN7V5CieHd+D/FTn2kKSk3FvLGXOlE/WobAFDnsVW4tPivI8Iw==","signatures":[{"sig":"MEYCIQDgOYdx7PokvCcarG80kvg81u2djrude8PN9l3NyHFxFAIhAKlfqvgtel3YkfVRG8FXgIO3yMGV+dPdkospyllcV+D1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjYBhnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp3OhAAhB5snOMVabFxWIsLKnx9fijepDUn2h6GmyrRAoIusa599hwv\r\nUKvm8cerd0E4G1JrQ7GGVBT9CYfRh4Pos35Kzwxi//mmDKxZyR8Faw2Uk53M\r\nukDdB0AnLkeoqtcnYFiuGTqKbT+on01JpRlkOTI0kjq0AoTMzXYNdgz0ZNJZ\r\nLaiiGEn4efIH18eUO0iiFYB1DUwUCbhHkrzXepNJHL4CR5sA8uymjCJb7/a1\r\nMS3exLC6MUL7Y7iOUt56Xbu+DCxN2g8E2z4qAVIFOFEsqvGpyB8GaKznpMDm\r\n5FCs6WlWFdbnFYCWfnMVseUlMVD/XZ4CLcsDNYYaoZGPesCydZ+Z6Sh5Qo8L\r\nhinPO5kHUPMZyuwVVrVJnxAvm2yygzOLz9lchRYpGUwdwghsL6YorGE6cjGa\r\n2jmmjGrHRSwirgsCShBKBk/xCav7+U+G5JMxcA6wvzNZ8nr4A3ztDGpeQY2a\r\ngv/YF7uzsK115ni3LGmAedHjvQzexIwfRsC6Qg8nzZtxz7fgNv7fR2rQDdAK\r\nuM8n2/avyeL3nteVnzrMdyz18FAheYJ7/KKOlM4WjWtsDGSwyEi0ZK0lI8h4\r\nAL0s0+Of9aATKNBk6h1XMaMaSYtcTJ77Ch68MHqaUSCTxp02CdLWbUzktvSr\r\nR2em8qVDX+qhqN0V20sWuxVg5Qi00WBNYLg=\r\n=6ohR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7f8af87642d395b497ff80efe06544dd459b947f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.357f2e5f1.0_1667242087177_0.3562597627642432","host":"s3://npm-registry-packages"}},"15.0.0-canary.eb103d4b5.0":{"name":"@material/animation","version":"15.0.0-canary.eb103d4b5.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.eb103d4b5.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"335da8943b627eb5138844c6f1d652738c2c5cb8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.eb103d4b5.0.tgz","fileCount":25,"integrity":"sha512-rR6a73N8bIzIU5lNsWDt3DA3Gr7WEraVSC7dXi8jwd1V2fJ11/rBg+4eXcDv3po4tmb/pub0n9Av7t+2fU0H8w==","signatures":[{"sig":"MEQCIBFs5rDudfZQGG41+E9VfF3bQu4FNtgZLtUwmWBbWONiAiB6tHqDzCAG1LQVKcFMZwG6P06WG1Y3dVwbTFBpEB5Q4w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjYCglACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr86w/8C6sAhEWeklYyPbaG6hRKC45DTeD8smXdk3sZARH+Qa5FGIgw\r\nDkRVY8khi7950CVG2UVA++DUpsJo4cR5kjY+olcBuvHpFPwgO9Oykks4UaO7\r\nWd5GGJVdCSHzppWX/1TM3Nyh1TOJ9iiell9eWQu9nfXJKam7eMAmiGgmAgel\r\n2jgo4ofWv7WR40YHWL/vxnKleUvwh5gswMHPIhXuLwisIqlEGUnjrLKjAsHb\r\nxH01qaTMp5EeCliYYck11jMxzkDcOyJG+3eVEehogEJCLRt1eTp64LKh4uv9\r\n5o4bm0HShriC6xAUmq2jU09a1dEdhSOm1xLTHT954U34sys8l4hl9Bg0FJ47\r\ntPXejdog52IAuBNkI7QtmRkfQNqyQjdiz1tjGyHqFQV2RdVquHXbK4a7vfiP\r\nIxrI5crFW+ctwUPtpk9hjqmU9/Pfd/X3Yxol61UscAmjfW3qrvMlRhbKqDMV\r\nh/Sp0zZMgIY+P5qRBpd+LFmtdnGS/3G0WfUMhjpZhmyEyOv7iY7FcmtPfMeB\r\nXsLrKNKVl7qgfwpPCrNAu4iaQXSo6O113s1SVssZAurUIs/UiY6TH7v3ob6w\r\nytP5pOMiWrOT90JPa1u62OryZggRLQmEdKdcIrDBVhrerKuVYCKeVby0j013\r\n595AdFUj2spEFtadgIpIKlfcTlWLdOoVbXY=\r\n=yfU8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"6fd82c2abdb8567ca00c6847142375ca8ac18b90","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.eb103d4b5.0_1667246116975_0.9826464118089284","host":"s3://npm-registry-packages"}},"15.0.0-canary.af5f01223.0":{"name":"@material/animation","version":"15.0.0-canary.af5f01223.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.af5f01223.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6e8eb48e6daa91c2ac5a29515957339ff7f85c47","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.af5f01223.0.tgz","fileCount":25,"integrity":"sha512-hQdPPJoqbcoCO0R9xRJKNt4psTeEi0AnZVi78U4+xdzmJnyg6rlZUvP0tZapzYfwFQUVnucv7iXx1DP8Tve38w==","signatures":[{"sig":"MEQCIDkaPlOuOut4UjeaOJ9W5P4IwgUO25lt39h0RToMaQgpAiBHaaW/pwQfcOxI7FlVUHPYncbaLaEVGaQVk0Z4oxsdWQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjYWcCACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrEfQ//Uu7cUDZR6GTFu++s9BGdI1dYvVjRuU/A6t1SVmsACZmcOKkd\r\nmJxG5OoaJGrUZZ+x5mtej4bB07cfDMvuzS11579mEtt7WxIdKd/5sMK5gqy2\r\nFp/1ASPXYnEWfpkmwENfNQMqZtpUFxGCcoZzNdkHD4tuwtgYEwoJgU+2zL49\r\nmjEVjlLi9CaDfMCRz+FpMJppMUazAAoqpavwq448Ek5p+TujQRiN7H7PfZSL\r\n4DAH/XWDj7sZ8aKJ1o3gcaha4SjlSmUzu1WItkwHpY3b733ZkEaboG7FQeSO\r\nItRULpWIEa23wKGly42TFm++eFxbqIM1hcId9f+SiJMnzXEjUbvXBb9bpquH\r\nBk4Ujr7XGf/sZP8l46PPaOMbmzLgC1eTSyIRHh4RabbF/87IP7vwy1tB41os\r\nKWBVj/qZG7iJw4z82EkXBvqSi4D6sA3fmtd3mBMPEQlQBx6cjOWreFptIdp3\r\nzpYNPvNFlMSEQ65f6yCZx+WhAH1r6QNY4fdyQWuh5s1BHUzOM6CXE+0/nRzB\r\ntpoYQsQBz/dGwzRrOt39HsWpugfiIcPrgBbooeAugxwVG1KghoJ244fnSEsc\r\nx5uELwloiwOt+Rw9u5K/tPbXpzHBY8nZxoVmxhCnH7O1fsyP0ajAHGHdcZQC\r\nh+pVrSJ990fmm5V5iH/ydnmSBpkm4WtG5RA=\r\n=u0lW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"cc7d8ea77d18e30bad947332164ac02701e1ed9d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.af5f01223.0_1667327746516_0.440717654444601","host":"s3://npm-registry-packages"}},"15.0.0-canary.58733ef41.0":{"name":"@material/animation","version":"15.0.0-canary.58733ef41.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.58733ef41.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c9ca3ef0fac80b903eb3a1c8e9c53e7380dd8316","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.58733ef41.0.tgz","fileCount":25,"integrity":"sha512-KPOB6M6LLB2nK9MI4U6U9qP5TCbJEWVuHoFxkGk1v2+mn1IKiw8+L3KvPxuTXDjv+KLHXF6weROkWpzlOh6VEw==","signatures":[{"sig":"MEUCIQDaxbssSiofNsOxSC6M8iJrRtGvvbzpLgpPGWxsrur6DwIgZcH5homSVhrPSqEJ1nEBqL34c2RJAS6SA+8CqOL1NiA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjYrJgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmowNA//XRrxfEulWkNvIh7na5e6RHMlrmxHN5pzy/47EvaQ2I9Jr5z1\r\nPHDVrYjGtmIfPuT/tJI/U92V+gazQds5RUiwLnD1ldOkOkFAXwlsNS0Txe2l\r\nTxyKGZTxbny13xkxcAY8Fu0rR+kJ7aWzSlxDlrUjaTA02OzG6LlPxA5N63dm\r\nx82T5QgDc2L9HCpBgf0v8x9oC2bL/KvYz3dLOQDmSvcCCtt8PFChX1nkIME7\r\nrmHgipdTjIPuPt6u9Ye7A3qeQAnPaBYG3D5V+qjriYH6pc3TzVr7Be4v9Buk\r\nUAeSaz0+0Tdpmy1eVO/sEpR/TRYFulVmTTjhwllGNkvhXN1QBYtEtsfQU0/l\r\nlouM7Iv/kbSaTCFxzslRYiPmN3PP4FE1Qtw+NO41ApBmEPhJVOwcO1Xbnn8H\r\nDJERQmz6jaW8uReFNkBUWUBPF0tzYGbxoXYt6NhGNjt23gCT6399ly46UiAg\r\nm31FFnWNo4Ij06RaiWQsjAcdOzhWcFsdGzwIZhepzAM+ZbY5wIs2DgnEasRY\r\n4uc9LImeW5keLT4E3vUjtT2uJPNPH8av9vkAusLmOQ29dK8JgmeF6PJCNDmE\r\nc5KzXcMuoaml0Xa5zkhU0aAkk2nx4tV7y0vIm6Cxc0yDBDsda5QKKfnYdcYd\r\nnCgH36NV/xH6D1HTgAmhJWWByB+oYyO2gaw=\r\n=DkXw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7754bbdf66b8fd61976d3dbbe04b991d9dbc0caa","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.58733ef41.0_1667412576726_0.6106160164959322","host":"s3://npm-registry-packages"}},"15.0.0-canary.909b48215.0":{"name":"@material/animation","version":"15.0.0-canary.909b48215.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.909b48215.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"105dfb6da4c9b76d6a4e870e57920f2c53182c43","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.909b48215.0.tgz","fileCount":25,"integrity":"sha512-idB7E35PjD3oUtB/ZmFm4HHpbmAR1xE7aDYX/E/OhBo+1xqCTQ1aIgufS2Xn96JVIv+pfaynYfFMy7ta6S26aw==","signatures":[{"sig":"MEYCIQDBhAWAKbJoXvr7aO0FjNCSWgXIRfkV6506lVIoVXyQ9QIhAPXTTXi8pZaKtKoCtEbDrhAMu0phZlH+qx3bUcfZJ665","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjYz5NACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpy/xAAgxt0FO6V47pyCNCXnR75kblrAInweEDWa0T+FzDOJ6AEs4CM\r\nArnDpsytvWJ230bIpBWXYK384mg+qK9FZXM122WXbHWcNNOEfe+fDjlU47b5\r\n/4jtzOkWDerM3edWUzkQULf6v6aHvxiAn86Ja8JIS5rVrpNVpH/RldUWJQ9I\r\nlStXOZI4Q1TbvKdjB6/8zMU7a1R/NAaYmEyqesuJ/NQYEqsimUiNy4hSMEft\r\nTMKD81LwBfm0kDcQCJ0NjXeAhmSDpVljrUKx440ZHz7Izc8SL66hpPcPPktk\r\ndUDRSzw/v9y0+Kbd/WlY41Xk/CSb5MdjGUPAiFHCM9z+uWMFBzz6iCVI35SF\r\n36t9BW+qHb991jfqF3AvFKNe8wjMkC/2mPV6HZJwJNkauEV8ZqEhOvdrAHAj\r\nmyv1I7A/w+pd22Lprql5928ZVqz75vJan+UNQ/2CWMCyuEJcU3iWLzAfbBfl\r\nIemloPJ8H/55hwkea02r9GmQbdw3Q5zUcLq/SqrKzcslnHIsg7tJn5Y3AKL+\r\notu80rkDfzs9mojOt8EnhDe8g7fbsAhv9bdHk9KxpHZ+OO3hLfHj7jQPyHX/\r\nZivy5e6MRtjrR3d26i81EqKqb6kmiqGm3LZGj4JPZeNtZE++wE+Bha/e8vPg\r\npl2W/lJOlRGjXMpBqsbhXxDvGHP+MsMt4eY=\r\n=xgKQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"68d372ae12d017bf28fa2ad3c86cad4f70609116","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.909b48215.0_1667448397264_0.8523059338220731","host":"s3://npm-registry-packages"}},"15.0.0-canary.7f17127d5.0":{"name":"@material/animation","version":"15.0.0-canary.7f17127d5.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.7f17127d5.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fc1cfc0a644a3188952bf8ca92ac21785cef857b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.7f17127d5.0.tgz","fileCount":25,"integrity":"sha512-sjmA5gd6avmAWNeNEWK1mg4/E3AyH1MH3XaKyyHcQhMwribDtBasIeZljjjWxP4wksMiwDsS5ph5mM8P6Rw2vQ==","signatures":[{"sig":"MEYCIQDJiY9I/0zVJc6wzJdEiTBSh2h4guJIi2N3DrjXcfxtQQIhALQ0TO5/wfFeXKVmUmNhUoaX+RSDmqbvdzv38gFTluQT","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjZAXUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpX0A/+MOP65568zFy3M36k6hL2hpTvye4UnbTSkhWWwS1GQrzOGUyw\r\nLwgm5YpkQQNYyOF/GJX+G0cpKVpBs/VAX6a4W605BCxlvKM+v40Az4jUYy+j\r\nWDs+nDRq5+4w3EQlruV6+vfiobb/iBN/4eNh0RjbWIDwOPTRTKEGRUwsD/N+\r\niB1eP02XRdwxrsjjBoJdKigollxlEp9Q0UzH01ki7Eu2IBxVYEgVIQhexzsa\r\npp9ECGejiA4YQ+vLVK1NtkBtT2YAK9Ib/AUVkE/2Je2wQ1Wnlv6WFuDIhhXl\r\nOTGiP9AYiEhv+LNqcPsPyKn1GKP8gns5Bhl0wqnPxG0fzXYq4BpeSAUbHewt\r\n5Iiy27ge0QDstYkFqcKB+1C4OSZh98GlarmwjN8AtlymaEVEXznvPoZjuVpQ\r\nTc3BOVVNlYs6u9Ocq1bKCf0QaLzX2DM6NFs6esoDYQMK90sbPYlR878Ka8LK\r\nYOMT0hqEFugmqedqWZrg7LFpRFghW8KF9Y/kr4UDY1QhDdPjkJUh8UZ8ms0s\r\nXbq3iNl8LEzuTBzzASeB+CT61oVT+wZYefwneAHWgfZDUOC8xpXA6z0CUk0z\r\nLWcAS+U1xlo68A8p9GTeknKVXRQif7e9h+2x/7rog9/rVv/MimqUs66JMlvM\r\nb2mhgckkzTldfz0v9ijPf3lKcvcwuSCmb6Q=\r\n=orpx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"26e22af93057c0fa00e7fa9eb104abdc96131eec","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.7f17127d5.0_1667499476206_0.3454158534880585","host":"s3://npm-registry-packages"}},"15.0.0-canary.da95e2a05.0":{"name":"@material/animation","version":"15.0.0-canary.da95e2a05.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.da95e2a05.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bc97c8e91796f6c2c82c86124b392e82944906b5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.da95e2a05.0.tgz","fileCount":25,"integrity":"sha512-VzNUXBJIcAR0e1KCTlf6xtDMnbUpIQa5pgRHa2Y8pp5BryqJc3te1sZety+9zxyKqIjF4VxWSK1N3ZbTJNWQ6A==","signatures":[{"sig":"MEUCIQCdTkUFW0S/gjT2rxccqoJgeyInhimmQakRxrl4ftwmlgIgT4624cQDGLuYIvhbnSHt3AQWfzH2Fwyd0CDp47sDVXA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjZUSSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqOtw//fE3CEfKxkqcE+wpC77wnwfqHlqIXUikAmxw13jhycFu5x/VN\r\nL8dhlAzBJsLcGyd/avDU2oxbxBrFk6Szepd48U4XGGT4fY7gnGt4n0ceAmAg\r\nuhFfZGb6VnuiCXWoL08BtS5mikpBzI5oerfXrsLofaQTAMb/1yp+iEnIwuai\r\ncKouIcBAz2RDtLaLLsiO03/0tMG1lNXnI5DYhorvBpU/RSYR/9/7AXXRnCFn\r\nUJfIeey1/CkKh74XDgIX3iFDCmXvPCHC1TMCXEVqsjeWYwmrB0WjYzxifCrW\r\nreWIc++FcZsSUYsSwzEgBJqLAscg+LjKUxXDV67OW7hnal1n6aRpoCLoaLXL\r\nlhpRUxMhlg8rY7zZAKYa55MsfQX4jn0Z98RtE5aclHJ4NNT91/PylPCgxU05\r\n8y72LCpxo/W4pj2jEedtEA0/XWWvTbX1nCp8O3QnaStSJH5gmzwqGF6m2/c0\r\n/K4TZO4/Z4snyVduhdSw6ITC7f/Y6rVCKo3ZibjK0uuMXe2p9gT+Lkt8w4aA\r\nMgNb4ci5m8WeN6jTi31k/3V1+Fw4mU2K9TzpGj7hcGv6Gz1eB0bcDVMMMFVD\r\nQEVmxGeetbe1v0QZvW9zPndWSBAQKXchHFsod+YOYKdUhpQFEMreom1KMr6t\r\nCWMklTMo0l5P7CSbMDyjRsG5EeeZUx58bG4=\r\n=GhL/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"eb47dc6e824d05fe1a33c55066101c99ce1fe241","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.da95e2a05.0_1667581074595_0.08469994609431897","host":"s3://npm-registry-packages"}},"15.0.0-canary.4832e2750.0":{"name":"@material/animation","version":"15.0.0-canary.4832e2750.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.4832e2750.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"db2c50375b21db194b64da38f88f5bb3d155e644","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.4832e2750.0.tgz","fileCount":25,"integrity":"sha512-cMcUmpMIiYhWb0OYsF5E0VfwleT/2fmzafXx0P5f14NWh0KvZxqQBNu6fhiYCVFMv2ZgOmuN+tMldSKtc09aMg==","signatures":[{"sig":"MEUCIQDRuQatRi1PHQgu0su2MFfY1ju0thRrIPYnDUccRiR2YQIgFdUKAS262ToHuioCKb5xS3Z1ytBY4Kpik+X7sGqctqg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjZXxcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrj9Q/9GrLGK5mAH5VNxtJ9R7S4T8Un90dUqiKcxo5J7IxdoufoiA1k\r\nDmPdwmCnajDV48TbA9mGuDXGJaBjJFYc/+4oe8tBEmtnK0sZyQJgXhIM+9jJ\r\nnRyr8xqUZ0qcxSFy1l4iEe3PAjPHvkT7qyLdLyCMUMgtQVSvK6erLNA8ewZ9\r\n+vO8BCSo/CQ1V0omv3A5m7Yp1aQB+JZWr2tp3PbpI54EHqqvn+rxlpsq+jeq\r\nqsPCnx7ixIrn090D2PxqOv4QJ5YfNOi9RBsGNQ3Uw5gVYDU0MvvEXs+yz88u\r\nvHVC8k/Lw8cWRU1tvYtIgSah1f02Bhn6dhDhDZP45jJJnQW+8Fnlkkztz8dc\r\ndHfy5aabS81NSEhaxsIxQn62DpHhLidCCq0PriUykj6dW7L0XJJCO8n9Fjje\r\ndaIXpjfMdDBnw2kbCwSIdBIx47MGeOOdsDkna8eJIODR5BokVZB2ifMdJOO6\r\nwe7J2V6zs7eREYi7r1URa0hwA8MtnNyghY8couaJ1cXXLy8UyZO1lcjytPJ1\r\nXo1Oxc9JVhGj+dTztCce43qrKTVKw67B8s/0Zb8WK8/KRHB3NAvJ7GjtNY1O\r\nTKUtQtH7FVcEcu2ohcjbO+i4VopFCfZ5Qe5/KxdIEDyKzbfs+u5/vFiQJuWO\r\njRZjOdB6O40NzZuQOCrlBYpiVukMxNSyKo4=\r\n=uuEF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"258def578bdd5ff3b52dbbfbe6f06e14b2b74045","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.4832e2750.0_1667595356593_0.6569705747597943","host":"s3://npm-registry-packages"}},"15.0.0-canary.215506426.0":{"name":"@material/animation","version":"15.0.0-canary.215506426.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.215506426.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5dbcf10e992ffd1a12f2fdb6dd514331fd318cf9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.215506426.0.tgz","fileCount":25,"integrity":"sha512-1SJqSWQwHH/ZHhrmf+IVbftEc1xQ+178ADPdJLQo2R8ngZ4G49V+mbd9LvjbTV4KbpnHiJ+b2nJoK8AE8txuyQ==","signatures":[{"sig":"MEQCIDz53lmMfIlKpj76YPMpZKlw2YHuX2NL8asEWgX5tq7pAiASBFvcppNlQP0qKMsgvtH0rpD5u8RiwSeFdy0UNLXeSA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjZba2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpBvxAAhJXSndzmJbFx+fe9Qqu1xAaI+TDJu7RV69IeXedQM1fgqieB\r\nKIkelX3Jd63bLlWA8hBWw8Z3xphg2D2qGWbev05leucJ4LyKsLEBl77vlbTm\r\nYg7p7dfiErj8Pf9FIuuupmZExhUX36YCXy43uhDaD1Vn4BUkk9nZmP4Cr44i\r\nHN1wmQTg1cgueBAididLPAZQ7p73CfVQuaD3MAP2bratLili4BaLH7Lb15d8\r\nkF85NshZzjkuwWODqqRC2IHE04csjhRUvJr2SVGRSm/kAm2s3kOfR1GjuPI6\r\nne39SnGaeDeoBZiqxmVlJjq2lE2X5UpD1UDVVSqAeRXcZ71uK1ulcSQ/UWZD\r\nYwGNujBC03otYwBblPpagbSqtIJBi7OyRbBelkvdjnuTtMPiFzQiQevEnf9Y\r\nYh+u0gELl68tMBkKWYevR0bFLW4D+YDJrjbEx7nkVhOVwjVsjHXf4MZOCDbU\r\nx3kZd1vg7legTaHBjQva8s51GwbOnLHMaTDN64Bu37jmFOEL8vRjlcQZuBis\r\nIsBXoc9uxE8Ndor+hzoftyBSVDn+r3xvI2oCAHBcthi2Epdy6wFMmxvBzJpd\r\np7Nsqxy1tGZaaZO/guGQH3NnaZAfCqm6acj1+5lEHgAtjax3pJ+XjGaxuFrR\r\n5pkOH3gEFpVX39qitEoxk+o/e4/aEq2KSK4=\r\n=8Llo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c7da5104ce280eebfc1b0cab2279b8acb906babd","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.215506426.0_1667610294369_0.7915432761818688","host":"s3://npm-registry-packages"}},"15.0.0-canary.4cf917476.0":{"name":"@material/animation","version":"15.0.0-canary.4cf917476.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.4cf917476.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"99a3ae8fb04d7f36b4ab0efa5b19ba8672590656","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.4cf917476.0.tgz","fileCount":25,"integrity":"sha512-bHlA8ZIS+M3XsYpazKMVCdewnUJr/jlQaixscZADZi2vqdHcJK/NN/bqzqFZzzvBZXWsj7YhdAp40jBDiMNZPA==","signatures":[{"sig":"MEQCIAwMQqK2HOTiudFxI2sW8xilCmHMi0WCDeUy6yW+BUAmAiAKGFaWPC726Oj0uRKkbM4759lSFXJqhjfZ4MMtHHSxbg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjZqVRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo1Kw//SxJqCIbT60H8cLZySvDt9a4TMCq1RLI23s8RrSOE7TX/uhML\r\ne3ZYS+IPXLg48C36MAhvzNUysBVRNitXijLbFoMPTp+FA7m41UTW3oUzyj0O\r\nwCfqJMNa9oMqmzVn9duMjTAQgwKwE/N/3bwBZuFAChOo4VPzqNXOWdP0XUba\r\nqNMoL53Q9xKhLHYA1eqDnsxswTloMgU3w7K4axUed6R1g+DEdahYvRgk+Dot\r\n/fHCwHvD4WAxxUCzIooleIHAEUCo6a4xh/14nzh+3S9onAg44rW27WTuizso\r\nJX9O9DUwTMZKdoa6OKeUaRP3hnd8D4TuV9JeZ+2FLDJ1d1N+66moALs2vNlh\r\naXvcPIaYfqSU979CrsAqPuYvnqufGBeIG/LTQ6ONRajVmxUfF1aNmXUZrzfK\r\ngy06ZTo6ERiFdehimySqbAtvlY6Pr1T6JtujUPb2dMlgRYLD47xvLQt7Wzzj\r\nFHZ/5qltSQBq3ZlXf3Qe1fwfptYgqlNLKuLeWhBWfh124cwqxfbL19hKb2jC\r\n5+re70HlCZ+7cUaEheBks7R7lwxgP0zuETWLzCWJaGY6yR1aSt28fxR0kaoX\r\n04/xt6reKDAKAT9AL5abLkKWHIdc0CAuln0XedrI2qHRCtUiYITglmf/y67o\r\nssv5huFW6zJhkIazrPx6BEOyFsRXh8A7LeI=\r\n=Ud4L\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c7ef38a54cc085b34eea4d38f143f3b65dc649e2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.4cf917476.0_1667671377110_0.9263078686143011","host":"s3://npm-registry-packages"}},"15.0.0-canary.eef14bd32.0":{"name":"@material/animation","version":"15.0.0-canary.eef14bd32.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.eef14bd32.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ba7a6dc640959006ef26a2b504a1694af40e3086","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.eef14bd32.0.tgz","fileCount":25,"integrity":"sha512-MUC5jsL7XjQOyCnI2gRiUZSbVRaIwsfWIWfampTOi+gxAwFMvLcKHjoyICmzBx0RpiUuqvNLoa8CHy9HH8DBxg==","signatures":[{"sig":"MEUCIDSgHp4UgQo29ePW/kJhx1k95yHJyC1It/h+gxMi1n4hAiEAgmTmO1jZeuR1iQlOH5KDd2zeX6pMr8Sp6fYMAfu/sFU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjZ+2SACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo8Cg/9Eag/G+Gc9kQKl4m/9Qz1acOC1C5cBGXmpXTn/Z2XHjQsl0TH\r\nzc7Dvq6bQ3Oh3c/mnfWHvLKhkZdrg1Gt2EiZotGCCAggjPLb5E0S8CR+51+y\r\nAm6z+3ejcvJtO52c5tkbTFPWRFG1EeWyKswRMvAhIwH3+eg0ww6I/ELaoMyp\r\n+jHw3BFkqU5AS7GxwsXi5g9rLKS1WQisdnwG3gX09l5+nXQ5FcwG8B38kcz8\r\nhVEelso/BSSyEWO+C63vGNwplB1OOKzJ2crJ0LIFxfag0vNN8duRdb6V3cdY\r\nmmLoIdOO27zXlWtgn9cq+sOlDUPv6gSE/+hYEjAHUz2szeI3bhzuGJF+PcZA\r\n917W6pAnsQOSKkMNAHRMID1TEaupKwodRIy1/xCp3ROjSVEgCb1iQmWeWkku\r\nmTZeucIKY0qAQX89eW+a8jlRJRSbzAyBkJLhQAUmDyYiAyT2kgpmqRYvM8sU\r\nTEkKyNpoYYx01Ap0eEq6xpRps4B7FKUP97F9jTmX064xrIQFdLLLepRqJP8F\r\nqEcJf6pWjNgvXA9QuacUUSGQ+NTopHZNOuZkwUtULaCxNxC+vjCb4GiVjcjL\r\na7JCfJHrXfgprF4SVGas5qcCnVe0F73cnfXx5EUz5etfV95jRWORXHbnbZb+\r\nBa0hzuhBfoa9OltzhUCEtvS1Rwe4mWRU2XE=\r\n=+0AF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"40acb6cbe1201f5ef758bfb96da3145ae3c4c1a5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.eef14bd32.0_1667755410088_0.3997345540949142","host":"s3://npm-registry-packages"}},"15.0.0-canary.6faa29fe9.0":{"name":"@material/animation","version":"15.0.0-canary.6faa29fe9.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.6faa29fe9.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0ab67538e3ac6ee0495e468bdd3ce80d8ee62cd3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.6faa29fe9.0.tgz","fileCount":25,"integrity":"sha512-yZeMzoTleAZczjzMMLSEk5vXphRvAfyL+P6Kvi7MyYs4CvxdMA4QUt0aljfdvHf0tuks8A63dp3BYEdXZx5X1w==","signatures":[{"sig":"MEUCIAPueY4PVrquxPEVUqSWCWnuwA5HKgLVDxQw1gIzDMAbAiEA1oykJiNB0I4bnuc0lpgamlOdumTelLttCcFTCqLIulI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjaHeVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrWABAAnRXq4EQxVcC8TpwMXOe2bEGVr9AqPjm9BMhwDT3CDvi8rO+y\r\naISd9lCiwOWeJhSCSgi2eHo0LEsQykPc8Pj9Z/cfJlXfVkAaFwu29PbN6dtQ\r\ngy4//3o8NsV3vbOabRh/7x9OR6sup7rR5rxj+5rvgW96fYNRzJDX0L0utaBr\r\nNRKqAZVm1YVMR/ALt+a/6XxIS4jPc/h8l7XEJaHAsvtjOrtdJzlPxHLu1cM7\r\nq4H+I97mW++S7LaVC+j3/4V8GhtTdUUOkZMXcCtE4U5DcAtL0EcWzzM4lsNM\r\nFuwIiorEpB+F9ZcHLdl1AyMwvpxm432EdFA7CwAARMeTV4UFEjPSuvLg1k6A\r\nC7y5YLzv1Sj3aBMjn5PhNGkAqX8zMOoeAOOhMy3rdKpzzpqiYzf7sRLB6EXp\r\n3jsL9ogwjkj1l7yUy6DRXN2x/lYAH7yIn/NJVi+dnCWgJm+VJq3owTfFFbSS\r\n9gGDrRd8Fghml6NmJMo1eS3PNcKQLEXvel+AHXTf785GP5zhCJGwFBwgC1j7\r\n7RVV059traxZvUt059bUrIfIaBj0xdyfd5amVtN4TSw5hErixZQZ54iFlOli\r\n3enYnSrV3mjd/bnwTPzjfc3Jk7DejKGp5AMgKzdVQZ7PDpUiL4CJ5O7IOu1Z\r\nSF6K2u92ggm9V/dY9zM2q2TqUmGn6I8kf58=\r\n=k4LD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"1403858386443f73c0593105b5654b6ad8596a9a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.6faa29fe9.0_1667790741630_0.43389625246063734","host":"s3://npm-registry-packages"}},"15.0.0-canary.9af09b967.0":{"name":"@material/animation","version":"15.0.0-canary.9af09b967.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.9af09b967.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8093b35bc5de2d3e1fd460302982c55f35b07d66","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.9af09b967.0.tgz","fileCount":25,"integrity":"sha512-BlEfSi3vyUSGRcSmk0HLYgqkixyOrZE/z3tXgdjfPndp4pT1TEJVmLHjOee5OmHN8ei1fgla/z4P/YBae0nwAg==","signatures":[{"sig":"MEUCIQCBRwci4G+9fjtXA5veHTf5izbR2fLXQ01fxF+JMcHSeQIgNAXJs23dXoj76EIh4/ZbKAmQiVkt0UUgqwY2uT+/Vds=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjaU3TACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrfxBAAnHcNI/nCHuvsv0t+x22x0MIKanjnz3btNyuSzJCjVigaItbW\r\nWM+KMe2UzS6Sm6ai3+h5VukA94l9eq4RLYysjuQwOYbIaiaG7vPgK8ztAyWI\r\nCCS/KEW5LnFyETTlNzEF8SCeXfF0Qezp0iOv2FAlJHmgjqapY4VJ2T5jiApG\r\nsMuc8Jnzv0qZ0xMsqxEJqYSCMpcUY9fmM5FX51MKvr+ZK55EI9ePdgeqX6H8\r\nrBiEUeTgM/znBVSg151Tc3cXIQh7+5JppefLoNakqMJaeYePLWuh3dljrpgG\r\npnpwrMZHlp7qQbrht4OrWKQbsSJDMQIVZgBVGltiUjLl+UdtgnarMYR1DDJu\r\n6wjrfq3XErR901OODzBIWeRrrVLVEH1pUJoLyfI0Fsoj0+0OYV0uxpTjmVh1\r\nckOiTRxBokrZNOoxhIi+k2JZhVZmkBhe5tRQtkLLsnXruDI0LkgflJD2p8wI\r\n8oa5R+axoD3X+qjSUe8l8efS1gdL9dOoJ3V2LVjBWFRH5KhRlVp3Zl5K5KGK\r\nLamrE6m+vXTJcsMTt01kZWMBiBcemYWCZioyPWYE2lmZnfTYW20kCUvaeD/k\r\n5X3VzWheAbIa6vDsQhnGpilsMG+UmBVdf2l5BPScZGbJbADrha1FJXAhQoT9\r\nx7tAfhnJDajWHH1Rr0r+EpFneZ+T/xyJJVg=\r\n=5CFX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"745e702463a22f4c5de6e94b3527530a9bdcc9d9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.9af09b967.0_1667845586989_0.8789429342987896","host":"s3://npm-registry-packages"}},"15.0.0-canary.0f54fbb93.0":{"name":"@material/animation","version":"15.0.0-canary.0f54fbb93.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.0f54fbb93.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8fbbeef4302d99d99ff6971fa91c1248efb914cc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.0f54fbb93.0.tgz","fileCount":25,"integrity":"sha512-56OHLpFbsb3dRKOKACHjiGEkQa30CDO9yzPpICwUX4UYW5O5/wTYlDttSsbxHPEOwEIyVJIVyZLSZCJ81jmEgQ==","signatures":[{"sig":"MEQCIHToADZi6+LeeJwy6iL9rFh8GQMbiouoJQu5/J8+HCzZAiB4g4/47v6D50xmcL9Y+i9X3GnXVJakfEaxYAw/SGELKA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjatBUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqu+xAAowYtwOcBtMUd8xrdIWFFLkKPEV/VPPRhLNKX5UJJF/PseHEU\r\nfXNUJBXngXNYNAotXNh79Q8al6Pl2XGur7FW39hYk0uLg6RGteykuHcMH3op\r\nUzG308eZN+P0EaMjzqIlykvvIFyZRAzMCXW0PXiljJHwc6ph0+MqDpHLfP0/\r\nvp4MkCVtTqg6q08Y0aOmrY6XZQvaaiEdkHu6vv/9L99ncGduDdmGyqJVihwz\r\nF+RvnLBYgPogwwpEQVaKnE7XzX547qd19SB+xtOGVEYS37F9415RpNjxgPhA\r\nmz6oYIJgMDWlUlbsG+LUHsgWCzFRVkCRZFsttcaDtjzXc7hRiwjr8c07aSLw\r\nYqwIt1km7lI1JHce9QE4MBXkxD+QZI82nnlIYF+ZowoU7ngLcpEL2lagezYq\r\nqkSC5iLqkGzTzdDL46ekMOJxPy/1MFlWFfvuhO+Z7SiBJk05nHlW3WbGfg6P\r\n4ZFxwukMs6lTJVG9ndjBXVOCEbodiIpIVSvrdeeeV8mUUF+5HsjMzWCKmx//\r\nkni9d4tfbnUtIRzirbaZrbSQb/3EIFXNyUYXeYt+DfZQ8tExg95lldKuZGm+\r\n+CRMYTO9DmDpZI7Qa+eBpA/Bi+tlKGBYZVljkC1QAxdhTUz+WlD6l/HfLhQT\r\nXtHCMYDbjgcM38LvpjBroTHRr5NWZZsOgH8=\r\n=xAp3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"5d2d1814fad8065dd869bd95c156c04ad45926f7","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.0f54fbb93.0_1667944532495_0.047833483419511325","host":"s3://npm-registry-packages"}},"15.0.0-canary.a8d47f9fe.0":{"name":"@material/animation","version":"15.0.0-canary.a8d47f9fe.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.a8d47f9fe.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fd7f4621290bfdce17ac7a4e22dbd982df2a8c0c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.a8d47f9fe.0.tgz","fileCount":25,"integrity":"sha512-HCwj8zavGqoHVfI3V0xoLlVVMs3+XzfVJ30+0CBkdFfgm0/ARw373B/Pcse6YOCAZ/v3DfEVvGSyAERAOdW7Ag==","signatures":[{"sig":"MEUCIQCPoYFo11IM7mXv56uNyIURg1bOKaHBVOksao0FjLpqYwIgSnq73N8qNd7wm0qhKIM/3pOv5xffz75bNa1JqQ8ct0g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjaymbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq3fQ//VyLxf9cgq2GBIHKc+67SVjHLTSXA4WZ2TEm2lAntyQNRSLXE\r\nltMjwZc57mXnBAxdW3Gst0uxp4pXOq68wWAbAo23UZD4Qij1gZ936L0zQebx\r\nHuQYHeh7zcloD60sSLQTMiOgQMDWBnU2wuqtLBXcSl2VWs/OJaEGSv5Noppi\r\nbnjXM0qXbE/hUYx1WfP6/nW+KvZVVBBnB90prUJ6qJIRbPhXYW/jmM/rqizN\r\ny5R02VGmcMNlUGt/84qZ6M+MaQpPglKhwBSs7Q7m0uZL91xr9CIXXUOKMOCe\r\nFpVT3QIuWl1erB07/iXLtZaUpoCLtz9AhvmFiqsna72bM/odNo2nFM67Cplx\r\nc+9MNhKGWE7zivD+brNxkQ/biRQFb3S1ci3HUh3TKZ8rGl4jdniQLc48YU5R\r\nq8Mrg2ASdeK+2T9rSQB9NaUqMj8ht7AWKoP3Fg3xAVty8Y0UjWkX9WOUXWzH\r\na8UWx1kTiNP3nFiLWN6JMd9U+DW/kzUC92KGl2kiRYrFdMgx6pIxOfLd93Jl\r\najyQrwCbMQ8yvOMM/hBKtfSjF4xSfRk3wTFH/GYJIto8CRuQBXU/OB61pLH2\r\n5AYxyIWhPVdAxJJndm1iVvLAVNVo/1nfWul4rOCrp1Btp8nzHzjl5MkNMV8h\r\nsLlDQK8ePY9NUlMZRxgiQPVXPtI3U1/dchI=\r\n=6mP8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"37662af94525622cb00ae2dd17f31f6a93b4eed8","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.a8d47f9fe.0_1667967387713_0.5908767737475369","host":"s3://npm-registry-packages"}},"15.0.0-canary.66a1e75e6.0":{"name":"@material/animation","version":"15.0.0-canary.66a1e75e6.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.66a1e75e6.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"60936ca33dab735f58efcd0d5df0857c93c6c4ee","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.66a1e75e6.0.tgz","fileCount":25,"integrity":"sha512-OoC0r2qgI8aV3gRcnW+oGzH0III+4tMfCsRYRaaGQxx2Z2JJcRVWN6X48f1eiuYU/y1OVo704u1lgezYomxAiw==","signatures":[{"sig":"MEUCIQCWDxHsnEWJMwoBaQnD5iInFxRtJwxffJTQL7DzIimOXgIgTuptf+U1wy8lhoinFDe7+zpzhJTwrvEmFYYZe7VKuVs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJja3QhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmodkxAAlM/EY7Zo1uhTiD0PW2ZNRPBiDHnAY5AwU9LRiWVubi3aStOd\r\nuFkOG0uxAyAgtC9b7aG79ws9q0fWynjhuwLxjdj3Lg89EYu3f0cay3sWEtGk\r\nkKIpv3tfIA9CyZuB7BtCQ00rwZJQz8H8SA+djJfg82I6x7i3QEoYqasv7lqJ\r\nWxjOqDa6Cnl/qJqguffMoAHXyMPZ1+7dGCjmAMGdrA5gAIB/YG1rEvfvFugh\r\ntmDNKE5R591mLactXNfAcKU/rKIlMlVe54SiU7F+AqpXwWcjdVv6fhp5t6Ld\r\nFyKe2yvfv+CQstVYvByM3jsWFtPnD4P6Tr/TJzN0UU9cKpb/dyW5sFxL5aPl\r\n1lPrEwpQ/aZWYgnYCU3upMltYXHQoNwecnqhvLFSTkkBrjOfDJ/dk7o4zrdp\r\njHlMfjhM7Ye2cOM5fBdzx0+PLcH8YS9cRsUT9qnX7ZNM8wepnpa/VoJc7Sba\r\n3oMs3B8tSQwqj9XyugvXFTqLeIxC7QhDC+AB2I0a6X+1CvBiKZ8LK9vDVCoi\r\n/FFva7ldbVTnWE0cTpWrtk9LCXbSqbIR82AsKYFsWWXvbWVz/ZEMsCzhzcOL\r\nS2wRYqC3idW90JeTvUXfcBk1HxfPqOeb/EGFY8OjP25GubhIMdxKK64XU/jL\r\nZ5auUDmON4MuOL/TgKC5Xc5TYC6FT2jBx5s=\r\n=7+fQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"8ed0cca778858904bcff29669c6dca407f25ef98","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.66a1e75e6.0_1667986464951_0.6138981521977853","host":"s3://npm-registry-packages"}},"15.0.0-canary.5e5c2afc0.0":{"name":"@material/animation","version":"15.0.0-canary.5e5c2afc0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.5e5c2afc0.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"304f945034a6950cc7528e09cd9eb7b4373687eb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.5e5c2afc0.0.tgz","fileCount":25,"integrity":"sha512-+hC3aXNk5uVD05+FENY193cy+KfpLf1g9k1Q0dWIIbzqBom8CjtfHau8QeWElK/bZxuPvBm717r0/yn6rk6uyw==","signatures":[{"sig":"MEUCIQDo+UAp1QDkPHj4trsAB//itLhsxVDWN+AcSi1hRYRi3wIgJ4Vv550sP5lGHP978MHHQVUYWidQUclEJQJX2FiCuNI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJja5RpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmprag//cJ6eFOxEN32towoicfxvpQZLlAwCAHnsMKnAnWJCAW0g71qN\r\nMlo5cp/guuTvgrCsi4eP8nN5Ed7L4t2hsurXRldj/58aPxY5H+q9vWSIi01a\r\nlEbiblT/Yq589xeDAp9WbjZsrqmDxlvmjUpKx+DVWR74nqsXRCSGrkWZhHaZ\r\nxp6iQMfXhPcEDBRXS0tS8V7ZBsozwD4wZRtK0jRSTUzZ4FwtbQ7w+pN/fBDB\r\nOw8oVgFF9PVQZoMqsVPDAwVj5DtPapV14oAPkB+fuId7+sccEqFUxFyTB2E+\r\nV95XlPtpXgJDGxRzGw8txHtzCcUz3Lyjlwt26ptN6GmvctTSbPtiLi8YJF5L\r\nrS9vCQ+0Hm2KQNzxf7c01m4FNxRf6Yg8piyZSgfdiOVJp7ITRhXiZ0jaWM3t\r\n4W1Q+hbBJSLZp1qdTWlSJ1p230iPGw6pzYFstQZ+LBYyi9Mmspsx93WVH3Kt\r\nRCmk3OkNOxxBCV3nM8qDFqfIHOjklsfLfi8sUsrjkaN4hljkUwKJZdcy3Huc\r\nFmQVRXxxLI7hhnY49kquiy9HMudJikPiPGiLOh+ThLqH/a4rRQd2O48Ja3ks\r\nECYjmUwELRdErYC8CI58SjP0yTSMsnaz87YdVPUCj/Wg4wGDPu+zWnhX/RZS\r\n04M8PFDlRU+bedsdcsLpWe+cVQZ18eiijjc=\r\n=R2/b\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f14204a01be3c79ff286a8287a0ab731c371492c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.5e5c2afc0.0_1667994729258_0.02984334279585288","host":"s3://npm-registry-packages"}},"15.0.0-canary.3e3f43359.0":{"name":"@material/animation","version":"15.0.0-canary.3e3f43359.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.3e3f43359.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1b6ca66e92e9f2f084c340ee8222b55537ba5229","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.3e3f43359.0.tgz","fileCount":25,"integrity":"sha512-HW1i9+vwyFQ2s5AuuxAsPNcF1wg2XMNFWYBhactY+FqalcrvULNcVVy/UTN4Cp4dJIZqYITx8NuH80ByxJkd0g==","signatures":[{"sig":"MEUCIQCA3PTsSL7Ke0tefPQq/cfiP7m0CDquU/l/vpWxILUhmAIgGp95ZaWnWHhE12DSPuMJJ3tpzTse0Yyw1JwSnJDSpWQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjbAcjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqr+A/+OctgZytP0aUS1A8K9PUJVXyxjBzQlmhqk31z5myaBcBpG8sU\r\nAoGsfB2SwNirfZhLhDsqVcCykxd3pSNQoHA8LHo6625rn9RMvJSCwktjdfx7\r\n/bK5HDJ9YtutQMzFWJd5QY1Qm5Il2rSUqNj3oWaHXTbNWMcVTySpRDnPRZgi\r\nl1+Dy3aY56LfpLF8nTScAyQhHKSoidtdu1v+8wjMky69V8dKNerXymcWvw4F\r\nm0SceNgtBz4vEUCCwR08cWkB8pCAr3fCjP/Cd8eflzPcSMk9dZ5iXLPlJLU1\r\nh1nj2T1mji43i/cLGVM7Y4Y39qqSFrmb5uZx5m5kuNpl5zLUEJ5elMbgKwjy\r\nWpFJS/THIEWz7DAI7XUYKHwe5NbbTo/FZFKclBrYOOBXfLJx13qWc+Rnfv0z\r\n1xKuyUW7hFe72gWHXFMKHxKokppQnrwK0nnOygokKZsNiK76gxc6TS70V1Qh\r\nz0O2PN1+A7n0XggTjE6Slv1Q8XxEUnHWpdg5PsSq1b+fxKVWeMCHlDRrCixO\r\n79mBEi4dW275X9N1fXfHGVHEU28caxt5GxpapcFsVx5bUQTB7NgDpxsvM9r/\r\ne+ztcZyuXSnq8SKs/Dl7D8Iip5ON/BsgsmJanCdwYi+oGQZRnuodjLobPuKa\r\no+olwG5ubW+oM9q8vxUQN66F8fMoC5SAJ3k=\r\n=bWKs\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"722326ecc6026aea1f22d8b4e1c9901bc13141e3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.3e3f43359.0_1668024099114_0.46314809748892216","host":"s3://npm-registry-packages"}},"15.0.0-canary.3f667fac6.0":{"name":"@material/animation","version":"15.0.0-canary.3f667fac6.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.3f667fac6.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"38f7c31bf664b4c43ebf11104456db6f0e772c1c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.3f667fac6.0.tgz","fileCount":25,"integrity":"sha512-gqVKnKuE3p1xhu0SuQ6Y+Lq/5lvB6A1GFyb9+h0SjoJEF1aizvfb+cllbOndNIcH6aO63eQL6bzbnnyBamq32Q==","signatures":[{"sig":"MEUCIQChRd/tUiTxnr2Uwvf3o3NC8tVV/8xhOScORcaAElaImQIgD707dUNJfqKxFSzS1nqZCnfp0DGLsWIUn7m76MpwhTs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjbCQCACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpr+w//RZh19G2ZzuRfX0i1FpM0lKq7BRk+9BcNP8hQKfN0Sf85hTLs\r\n+UC2Ygfncb+iXJRjN6E7bHDLshz4UqlNnPh7nfi6OhrbSqp2jrj/J+qPk7KI\r\nuqXr03AfZyboi5y3nk9odXwPSONXHP8htUu5T6PduMVmdZi/N+USD2O+td4V\r\n+dh5sUu4hWQ4SsVIqLzblfZDNpvNJMnvR2ymsoLY124v2Mroknec/mYujAuq\r\n46Z5FIICCpkTpXiJR0NRbqVCWxjjrl9hH8oZWEkGUyfwgDSRqUJNY11V5AxO\r\neMn65D/WB3QS+pVp8Hgayhi3mynKQGJ/97fihDhUbF8yEQpS0HvNIKZbQ139\r\n8Am6SeX+RclXog67LDtvMcL10hvMJKheNmFrT0AboISfWAUbVnW6ia7cueaI\r\nAMp1qm7MrCJsGMU/4jdolXso4oQ2F/lvrHOlSzMylvIqG5YbAVU2OF+xnc4f\r\nOUiEzYObvLxz3JwxVeAF2Kt2dTEom5bODow4GaLky7+o4wo2byRGKhcETT6t\r\nWsdHFvX5wd5ULGmjBOqqweOrqTiGtZ2R/yuby7AiHel0/5w6e26i4Af8tL0M\r\nk6sY3cXW40Wa4mvDJJ+/3thbilAx7kM0H+svUimvuGgBVADXYdspx6NBd7E2\r\nrEpcoGyjN9iBVjurdNmpXxDfahM4glz+BlQ=\r\n=cbN2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"0980467335d47e19b4ec72e32644ba0a08bc0c34","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.3f667fac6.0_1668031490252_0.26128672464229874","host":"s3://npm-registry-packages"}},"15.0.0-canary.faa28c1c5.0":{"name":"@material/animation","version":"15.0.0-canary.faa28c1c5.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.faa28c1c5.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"20699f9be790c37dcbad92b0e60be1397f05c4c9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.faa28c1c5.0.tgz","fileCount":25,"integrity":"sha512-arySTKNLx6LtfH0jzk+SXXiqg3syrL+6WDW1aG8p1lcLAGkLk/jUUzwKIDD32bwfVUTYUgMgFFSDr7oqZPww5w==","signatures":[{"sig":"MEYCIQCIMsR+BkaIs9z3yn7YLngn8j0D+LaaAJoKGWqP057tJgIhALgbbtFuV8zDtHPdDQlkpEESCVoS0qfwIVlA/fiDB+pw","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjbnmPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmojtw//SG6oks12BPLq5KwHpJy83s9W8o3FA1iUN3nOXHxKhjgeBsks\r\nw6q8GEstwxU2uChYW5W4f/6jZGdq7mjvEe6T8r4mIOz995q4NHRlRys6oAof\r\nN+i3RTXFv/V17j7xqWmKuYZGPBa4IwSrMK/Rr2n/ENVDY5eAJmNlGyFWwkDT\r\nVqfIwWEBuUs0LQ7YKSL6WUxMR8fZGPn4YDLfP0cBnMOSA/4NzBS168rJIavD\r\nqlFMTQPfXASuXI0oWKuuyytb0F9DHK9rYThAdNAAbWoUvL7M8wp2kpyA/6Hq\r\nSRiBvzyFx2FwK3lHAjo53TomCK9FYTPyWrpI0Qo979lppYoqQOtL7I+UNdFJ\r\nnB9wkUvLfJ2E4FOacYM1aEpOtSjnhmjt71RlzW2MhkR/6sp/gE4i0st+0jXX\r\nNOcJPZdIM7AF99nld7ZPo21x+JUj7mrcnujkfptEaVpRiuPB/dHKMJQMYpDV\r\nCsPCzU0cK2EaP73sI2dlk3NRC2GNhoKKPxo0yBP4AEQWiCZUWHUJEyWuoeBd\r\nw0ks+3LNGaWzuPVFsInJm0lDZS5vLhvIKS3h+unVY6w8cHQHc3XRfclNif0j\r\nfNRBF92UM5kZm3M7UT+5M5lIpBuKaN+yNGxovXqdjCagufu78RMDzghYkbqa\r\n3f0J70aO5WjtmGgBWP6SaXT7ENdXsQfrpSo=\r\n=iJnh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d36350ee1c0fb11d053acc0cd521939199fd696f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.faa28c1c5.0_1668184463435_0.9466388663030734","host":"s3://npm-registry-packages"}},"15.0.0-canary.a868c7866.0":{"name":"@material/animation","version":"15.0.0-canary.a868c7866.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.a868c7866.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0fc8d000c25fdf49d50b7238eb9a4e2fca93b256","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.a868c7866.0.tgz","fileCount":25,"integrity":"sha512-jNYhAZGmV8N6bthIsb35wjmoxUU00fb4bfhTRVqKKFNQV7L1W52Je5eJzaZVfBjPw8JL7EQRIywdumrgj+nwOA==","signatures":[{"sig":"MEUCIECZd9VsQutqWW8QlnSeFBcGqYIGGTWX0ppH/s+esIWtAiEAhX9ScRjJbq0ihp2+/n2DOa/GS6lqDzMj4neTuI77BeE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjbnnKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqhrw/+MgKDjwEA9D76WvjVgxeXe2aSVNX3NO4TRs9Fk6Yh/kknJkl1\r\n2UciDq7CMJvf3zYSt20AipcA/NRhLFsDaLHwpQTlGVfLZHwY8Zymhk7lchxt\r\nIwdPxyPlG+SDTooYuLhkyc/sTw3O7ziGHhU0PjSe11KF6Lrrhf1WkT3aBrzU\r\ncTn4gWwGqg3Tb5180Dq72kMUwAtxQOc25pKpP6JHq1GIUcXbAIWKb6csdDzb\r\nq9VyvZlWUDwbMyjFumcSsEg1pt2KgOqsmEYDnHWzaZw+JJHLGnHKzaFWYEuX\r\nWIq+XfWOKSYNzwcO2fn00nE9QUEjViLDfvJsnWYZ2BYSG1y2Hxv6KVo5h+rQ\r\nR01eper10K+NsVGM2zhPxaogLGm7ct8k5kqIgUThe9ogoNgubVxUSdRdrZ2c\r\np6TdnY8UnA5AGz6JUUoiT4byNpSQ0edfstJf/8GZULvpGt9KDKZJGphPBUeE\r\nNhrzIM+46J2blcTpuQVAkzUXspaJheGzmV2aVkTHV9pcKpkaCsjod9R1RVgw\r\nEiDpQxNwwOFpw6iLqiSDG231CWCdj7YWhEWjn5VjIoF4JQjgke86bOu3SAdC\r\nalbwcHqjoN+LO3PZCS5F1TNWgAy/l4eQmGpPWKFHTh68xG6m7xed1tPjwSl5\r\nVKcaNHW4ayzL41M4f6AMywzNWt5zOkavUms=\r\n=eaVV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d35416d7d3365898437e980f43ade48e60904e85","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.a868c7866.0_1668184522367_0.12187614351475085","host":"s3://npm-registry-packages"}},"15.0.0-canary.602fe8efa.0":{"name":"@material/animation","version":"15.0.0-canary.602fe8efa.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.602fe8efa.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a86a1d23372902ee889af50c3186250a267eea3b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.602fe8efa.0.tgz","fileCount":25,"integrity":"sha512-ew88nvvRdXPgjn51RXsNgRMegmOkuSjE71o/8bwcqfbKkAvGUWERAxiBRzF8hJUcBF+Lc9W1Syi6P/hU/+mixg==","signatures":[{"sig":"MEUCIQCfxYVy1X23b0geca30wrs9t1GwCbcU9pZWl04GcdQ2jQIgHX9ZIjLaA2g0ryBceZFGi4sfq4WiRYdpVf1SgqQFiy0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjboITACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoOdQ/+OitV6mJwCj51RGBs+pKQ8XYXo3mn0WS7T06O3ekLp/RkagqX\r\nrqJ175/cxzrpHQYfvaHaEsOkUdvlTe0Vl6kz7Mf+hlOg870IihQtD0QWFpXD\r\nFF5qOqS4maXyDja2AIJ1Kh15tt3xOf/aohNJXBmwwe8eSxMboEnsRQxzdYRP\r\np7l3zhI80i/EbFb0yBcq+bp7pw+7fqt0IP5hGoh7J7cxwFsZXzOOyvFbXplN\r\nqcfl2jGa+yFO7SLeOhiLVwI5ET9lveTfaEJrqhpbv1xGqexNRQwarp4BucEb\r\nbKJk9IUmmTtHMnG09CJKp5lCF4CT5pcrTf9guL3Kfj8zg8PBBLAF8ruWc8rE\r\neo1oqL5V/OaVwZWkRQjPUwHCe55ovjEhFUJ8h2JEzvQClzS6vMRcfBbly+q9\r\nA99EUGnH/q8IzFGJ47y/v/9Aq3MtnNtuFSLwMyx6Y/b3QhdSFA1Taiga0H6A\r\nwUT4ALukiOUs9+kQhge56jXbx79GyJrDaSEjVqEway+xB1rF00P1Y3xIJGQd\r\nGgzra0Jd3kf0Cm13wB+T4gfFk2ikQtnqaREnKoTtZdgNSxrVa/PAdsO+BYlj\r\nH+0UHWsQXtfJ+bBnIl4pR8arV7eF737FoZ61xU6+zTcrdQM0jwo21GtXBaLl\r\nTCVCf2Cpj6JfKbD1lMKwNjte+CtWahFkmo0=\r\n=quCD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"6bdfaf09ca41b2fd7e3db4797bc2f536f8fbbade","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.602fe8efa.0_1668186643427_0.11398106299401434","host":"s3://npm-registry-packages"}},"15.0.0-canary.558c2be62.0":{"name":"@material/animation","version":"15.0.0-canary.558c2be62.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.558c2be62.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"877c6520bbbebb3fc513af96c63fd4891a3969fa","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.558c2be62.0.tgz","fileCount":25,"integrity":"sha512-1wE3saW8XZ4uZJ1c2o1/NJiuF2l1FbChFZTzwcGyq9g9AoP/TnjDHoX2vW7ohzQvLNZWAR35cH7XrQLDYghYSw==","signatures":[{"sig":"MEUCIH4QRIR55FHPx9NOGesjCGRo0JC7SvRVy3IyCLs/giR9AiEAoSE+WRErPLFmTi5r4eifG727Vg35nU3nEJYdr9otamw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjbtA8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrRTw/9EIGbZtsv5yoQST3v1LSUNdmXtxEgrAYi7r9p9ZjXE+OyfBrD\r\nwW7XfVHOS1lNA2eRpJMOFqlM9ZYBZwjJT828I6E9EsDmhSmohtyz6MSNaHMa\r\nqD2WH69mSEcN3G9UKOMxdx1rYvvb357xlIlC8CWMozVu0zLtiDxsd4HYhvk0\r\ntA6oYgT+ptU3UQFuXnb5HokOfHHFAfwQLZZ7fYof9Q2mfhSMq0gVkeNThcoU\r\niT7GX03teb4PQz9/Fsmijb+xBM2fPYbRR5K9GlubJGtRsowWWGeGBKvzX2Pl\r\nh8PeD7z9m9xWD9l4xsvgufhArOQXIwzT8ZWUofFI89DagldULoVjkK7XK6uQ\r\nPyHUSohaE+LwuZLcgX+LGqKTY5SNEBCONwA9Rd3iQDp0AclGwlOLZn3y0XNj\r\n00H3SiAZl4s2+ew0UMIY78Xfg35THJOZFrNXcZ+uIriRda4amOk6+ibj7XJ5\r\n5A1HAGAPibQMK2ho4iQ2OPcCyCU1F90n2/JcSRp0pIfjgMfH3j7jphwMckrN\r\n9XE999NXcq1/zSyQZ960TCrOKMtRWpuLPG8rUAh9nMW4yXZ4zYRGf6rFwksD\r\nxBnCkePCOZlV45Ju/Ha3+e25iyAabqSCrj+oOuU7rASlNjmQkfyMT6Qejo3+\r\n2JehGkhGlu+jCQRpv0AHbHI+nHBSHRXzzL8=\r\n=JEqL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"64666caf2aacf562ab6ab5b701e89f28a9bb5c74","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.558c2be62.0_1668206652657_0.3589561592808017","host":"s3://npm-registry-packages"}},"15.0.0-canary.b5c13a7a8.0":{"name":"@material/animation","version":"15.0.0-canary.b5c13a7a8.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.b5c13a7a8.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cee1c1b9068b5a8cab0a72fd726bd1f0e41e4555","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.b5c13a7a8.0.tgz","fileCount":25,"integrity":"sha512-/9yu1YoeSzMlp4oAwYTmXAbm5pbtBs++euubWmAP4H2L9Y2eA3qgkr3loDmqAYHIUDDuhBVjqeuECTERHTezpw==","signatures":[{"sig":"MEUCIQCabQF9bk8xfxiRO4Lk+Ce/N2F5shN/SR53vZuF07P4fQIgZsS+cgTGwb9qUeX7h/cfFikELHStSwC7w13ebYV4dko=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjcmVeACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr+xQ//emuPmcw2tTKRJE/nr3U/uQKgwJDsqed3HDTtzG1RRzeyRgYb\r\n/aIQx+iq0ORDW0b5bGeUSLO+f56SEh9NX34VMwjAIYe2dPWHdwFBwa0K8ePJ\r\nm2kRY6DNCb8Q6ro1/5pE6iSVrvgO3wo7Z7aQr762Uf9A/P6S4f8a5zgwYPCM\r\nUeQ8/BvKaUmPf2w6+DEuFgZIa86leDZ29zg5nUMjlta7QwGiPVZeOaRA9X0p\r\nxMz1cwocAfw4BShf+DGJTb02HwgVpooog0BT1fEkqkpbnet1sWdoZ2s5yv5e\r\nQdEfe4x4U+HpzFRCFJzGdzprzVgZUu5Q4Leo7HroNIOmn08/kFLEfTZpPXtT\r\nKGeY+07gIqlRH+RdrVJPJT6kEF2doqPicTkaMJdVHMNSkK+ltWl1n2kaE29g\r\nzm0C2wly/Xrl82X3/JkFJGT+shvZiG3nRJVXRIsFSUNCeTruFC1SY6I/MRhC\r\nT4t40LSfPnqYuPxG4uwVDRMGhx3UAATCiF8DpGH7U4Fk1RVkvKOYDA/hjNBA\r\n+Lc44v8vvdpF1sJH3CrfOtm4PtRtNAKE+jz1fneyxqAdobXf+PQR4RQO3WiC\r\nKGgBVkguYPvO8hE0Xo83o9iTTfhSCB3LvPKbbCU9oo6B9y+q47WRSQpYvpVl\r\nJsFa8dG1ZctGbjs9bPDBd3RnIhgTIdrCHzU=\r\n=Mv5m\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d7e326425877e3ba53b64755680e3503090a01cc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.b5c13a7a8.0_1668441438423_0.07133041879354485","host":"s3://npm-registry-packages"}},"15.0.0-canary.a6e1c0702.0":{"name":"@material/animation","version":"15.0.0-canary.a6e1c0702.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.a6e1c0702.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f5dfcd67c719ef3f0e55c4a497dfae9150847d54","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.a6e1c0702.0.tgz","fileCount":25,"integrity":"sha512-FDYGZBlDUpWAVUrKmqx6NZ5kgy8TwH8ZBYUTxUdykmxyUZiYUaUqAM80e9PDQSKFLsT+6eRDP99dVInrwjpYyQ==","signatures":[{"sig":"MEQCIAKx5kB1/mlHZ3iAf+dK0NmTC9kGElIBqvSbMzSbtNeBAiAUngcGJlepG6oImcGVOvI8QO06PbEw/sTQJO/AnJUJXw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjcnohACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp3dw/9G4hWzS0JS/P5HrieXXVIGFNc471SnsdkWhFAVb8Iud9WbDqF\r\nvtI90JF9RQtzs/OilCwN5LMpgsgFV2ARHiOwxA2sO6jsHb1bT8Ffr6R2pjqa\r\nt8ZAuUsxuDgOkHpITADmmJbizRTB7I4M0YKgMvFqb8mOYquKaHWFQC3Lwbeq\r\n8WQPU2nY1Kt4H+iEu+/twC9+CmioylRa/5ZtvBqHHfd8UlbZNIe+32hXpfNJ\r\ngVD9wqT54cjY5xGOY1J9bzL00Kp6y2Fa3QeNjDvXE7AX969OVc+de292ZWh4\r\nKdVBslB4uTYnDY2xSIC6w3hvRWwAaZWpOumvshkqtKrQh9XDlAjIadDhHZG6\r\nok3YWo9lpz+sQTyYo9y/JZTYvBCaQTtbJ8wt2yGiTVxxQqqCwTqtkxYOsD1D\r\nQpYFjgOAI3kIAvFbIS4XOO0UsOS3ltauI1J505c3kwjvkTJFPj8QlvHPZwAY\r\ncK3kA/d0DPOog90mpgH92SbSZFN3mO+98OwXb+PEDDyI4do1HDpfemkcQL1z\r\nJ/MeqyZqVOmxPzOPnuApSrkpLRUvgEQ25iu8tJ5jDpHYe+JDuHSQRsqFrWzu\r\nmndEkFJ7AbukGyFiI6Hh3VbxAeTnh7JUSkpZ4pQAUp4ECRTxeL50Ge1yRbAi\r\n0nyCOAXfZYdw6BQQAHOWODcNcdMxsSlzgGw=\r\n=TXnP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"3c1ee7333cad68ece747437d4bab1a737d6ea96f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.a6e1c0702.0_1668446753154_0.40885162138887243","host":"s3://npm-registry-packages"}},"15.0.0-canary.b6f8a06de.0":{"name":"@material/animation","version":"15.0.0-canary.b6f8a06de.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.b6f8a06de.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"365a67150352cc5a876951e7973c6a08c7be4e27","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.b6f8a06de.0.tgz","fileCount":25,"integrity":"sha512-ZmR5nXzQSoanO2fyBLyxD65nHRfQSmKmNEwlAy8rQOIIGIzUEuZwssHfBWoH0jKbDmV0omfhmM7ZlrgSi36wbg==","signatures":[{"sig":"MEQCIELAIkfNiMuzbRHiFawZhEvnCj/dtzWdotpTXGOx6ysXAiA6sRbbt7EG/EU0pHXPSljcapRQRR1VoovQ6vBQ2GfQ9A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjc1ttACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp/uA/+JSa+NvNi7ms/59N6dHaf0xnXkGHbeqNXo8d7d3nbx2Ou3P2U\r\nUuc9eINFguZCVzvi6uhJ8n7+LIgv3B/59ZafUHd9oEQO2Q6dayv/GTYuTY1v\r\njGPK/LV0I3NqVxEfEeNAdu/Vl151znw79K9QgEgQ2twYAHnJKE90mNFZUoQ2\r\ndcaEsRgAKSPKzbMS19X/aMpgxFxONcSz3SjagXt2Q2D1sk1fmSm+y18vJoqA\r\naH18tDxLAx62OQAIQFwemloyjUJOry5MV5CxBNhScNnpvZksIeBEfBaj8oL5\r\n/Hvenj9gUb97SQfND/Qlh/LCFngpusCqx21K6aXC8M0jEa+E+G6Q7Xt3mU8r\r\nTpoE0uTebhz15FOPPw0ntZAprPOeL6bFtN6Xx1jTlZBItoUesdpKRPqotS+Z\r\ney5OZx2B8JxrbkCdzN88uFyQNNEELZ03Uu9ZOYYr9Bl+5AjV+WB6Mxz0CLrw\r\n7MBwO6dsz3rzhnfWnKaMzUgXVFWjzfXw9ohOHvDXPAqN175z6DjcsRVzfy+3\r\nENPMDZIbPq88f5/ODywcSPz2mKpNpYCNnvMUqxjz1KMf+5HT1wo6gWp58L76\r\nXKdAuBELbPcJGGLE93qw7jsk70ojcipZC5zjnpAIB0zdlbkOQvz/LntFTE9C\r\nWBYc/LwBBaHallOsMHjlEoWtRP8+m91wNNE=\r\n=3Hse\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"92681882b16f14e6a94df4b1ac983fa86e242640","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.b6f8a06de.0_1668504429740_0.762859423716391","host":"s3://npm-registry-packages"}},"15.0.0-canary.0163f3ba5.0":{"name":"@material/animation","version":"15.0.0-canary.0163f3ba5.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.0163f3ba5.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"107a5292ce9780d14f0236bd82149219fc2d6017","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.0163f3ba5.0.tgz","fileCount":25,"integrity":"sha512-E6uECGEJ2z0PvjtQKKx2nrqpX5DDrt614n2z2BB2o+XfO8hw+UnC3lb1OJNi2gmu7HdqA3qmt7B7csQDJG/VrQ==","signatures":[{"sig":"MEUCIDez5wv5Z2A/kdu6r4kyCkuhMpi9KmD6RnjULkYjGVhLAiEA8+Y0/WgLpc1uqr9OtYIHtQ5JBuhquhyHMp7fin65iqU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjc9PPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrFDw//YlrWAW1L9PZEkOJC2cxgfdxi9mqoSfobOia6M2yQ1Jlh/txF\r\n8iJF7YeTmu1pQdPcUUdg51x/ELd+41oGPYaURuIVM2UoMNk/CC2ngE4HEpGO\r\nW1qfbOa6eyTjgPY587uMdl8czn4W/i+baBb/zR3pwKJuvcU/DK7QRh0RxufU\r\nA+k5zdGhhpSHcL0EEzfK82zy2GhnAD+++vFzmlCjGpBpSzqX17i0xhudb30T\r\nl6w3O7Hy5t7s/YRQpTg7wUny9/C+WGymUDdWpeCIgLFTu62yHvmHlqpVffsr\r\nMPKvfzUGI4yjIkRjndxgMF1SGnoNZcAY2u2JQS75pTd9PZ1d69AKdoj67Qaq\r\njfahrKJIJA0FONiHP4XFV53dH90AgO+w11M0bucB21ZFVu4A2dMAACTmdpP5\r\nepwIND4RgeO9BOzd1wPazLUqzpQcBVfiEGhQOnxQQhvk72DQCx32HkQbmQPV\r\nypF/3z4hZ4Zn1OrBvxiGZM/Oaje5ahHzpHjaPnelrYCa8KaRTE2sjvHrE+rI\r\nwPRXulqW/o+CWU81j8LkfGOpvSmnwrdGabHeda3Gjc++NfZDKPKi0pZG20Xm\r\nmcy4iwQfn2gQsEVFIpGRXxWBo64ZZrMtrqzZEpNrs6Y6fB59NyXJoMgJ63xj\r\n/MPF54yaiZslkEi8ln10WR90OWmThnalQnE=\r\n=M+ez\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"4198cde77ba33a68c74eb5e814d92df422f464c8","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.0163f3ba5.0_1668535247064_0.05596342083566608","host":"s3://npm-registry-packages"}},"15.0.0-canary.66c5cbb94.0":{"name":"@material/animation","version":"15.0.0-canary.66c5cbb94.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.66c5cbb94.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"75dddd072625cc1f62c524070fc1268865f36687","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.66c5cbb94.0.tgz","fileCount":25,"integrity":"sha512-LP4jpbY8uNh8NlFUb/mQPzAGu4qkPKmBUtEguYmcjqQNxt58OMKna8q6KIwncfeCCDTLUU3Ln71dlLFJntl4zw==","signatures":[{"sig":"MEUCIEaneEkK0epTEyKvZ5gP6KPS+2zfpT95/hoiMQB8rhl8AiEA2RELzwerjsXZuo21TseFY7IX95sE9HFYJWelAqN4a58=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjc+htACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrhMA/+IbVotSaPZHH1h8gHxcAW4QvYMrGA3cfiWKXM1SP844K7PJcU\r\no7RhUJR9fDEljAjbOsujYNkOFQBmVRpxcjz5mVD0fKg9bvRRW9OEmm5yVNdc\r\nv4wjjTi5yPdMxV9xcOZfEYv2VWvewWjINkgEzhzitSK90iCkEco0loPEEk+f\r\nF9L+O7Z69PQ5/l4r+JQyGDI8irf5piYKM4dGsPdqo70m95sIjU4MWBx8bJdx\r\nL66LXLl25a7QPSI/hcaTwT18xXcpYWiify2sNVOq8453Azrpenw045jYFW/7\r\nbEQHkmjJqyvly2eYMq84vhV8UcgZ9J9rhBUmezKOM680xjCI2m2DCSadPHEZ\r\ncvn8wPzVhuGvbs75H868UCluMBwvWXKq+aTa/tLMbQwxESmLmTEFCzAXOgfM\r\nCzNu4vujQAGSrrcGyoKY0dpsyORIexkuBZH+p10BmsATzuWsxfod52ei/vIc\r\n0C0DqkgZ+b5NGRolHjWDMf6IvCeFhqohPcQ3JrjE+nWDM+n4P/MBm72Brmqu\r\nUpKiv3bUQO01bhe3E1Lz+55HOah3bARK2ViQgY7yKSUo/stzJR1Uw8S5z+ex\r\nZm93r+zQWJS1zgX88XH8Mp4gL3K/b0KJP8e7CT0gCidx9O+jrivEZzlvZeZE\r\n/gur7nPwdZlBYBH/sw12m2Wp42V1B4Vu4Cc=\r\n=4hHf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"5d01716a4e4556657b2c4ebb469b826660673327","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.66c5cbb94.0_1668540524853_0.40045836538937785","host":"s3://npm-registry-packages"}},"15.0.0-canary.b01136063.0":{"name":"@material/animation","version":"15.0.0-canary.b01136063.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.b01136063.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3c5000f8859b16b4f7b35c2db7b349e6382c986e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.b01136063.0.tgz","fileCount":25,"integrity":"sha512-t9DWkbq6M4QM12t75aEd9VQly1A+TdV2/bSV0R7tbPlOXA033PT6rpl6xJy8B3H7S1kD7P4rhrgGrMVMVXI15g==","signatures":[{"sig":"MEQCICrsoEgxa4OlB3xFKElCbxn3YymkiuZIQ7dzpbCBQU9GAiBSf67u5xclH/liLrRYS+dQFo2fg1XdTpgMSrrsuc0kAQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdCtqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmosjw/+N/YLDzDvT21XOxZcgZLMgpRKuWkkhllz0+xSqMCoFlU7ZhQH\r\ntkarFYLlF3cCGbMAka1AGVcmyGlvsXV6HOTvtgTGajVzI2CUAaXOUjSol8rD\r\nExgzALhZ3Ghagknv4ZfYjd/8srdIjkzH6JsU9Hs2cqxKDvR2nTfS2cGAohBX\r\n1xjg7I8eq7fR45ByzjX+bYnMGY1VvdWkU5PrtLms1UMOYGUjsnEbEJHAHHoN\r\n5Zsyee3EqTewE4S2FjVzBHb62QVQghgjqcrJYGlmB2FM/M5hmhj2n1WET9Fs\r\nfs/U30D5bNwhsTp7ZoefTlnkT35jiQ0HXciSv1zS4HkH6iWbj4+Wo/jgvKeM\r\npC05EurM8X8hqveNEC4xi201rDf3AI2FopZdd0Nwzoc+vy3RpFyXItrT4r1L\r\nsXaBvt4nYR6n9JZRuOs8w5QYCs7ePqLQf6kIHw/E2HCFaFIp7SWSFFF2mRu0\r\n0NNPFrm50AjADCB9KnAPlSx0//MSrdA8LCBcQplfMP1hITpUeQrw2X0vylMI\r\ndeiLIMA8355vrfFFC/jSiemc/auk7bCZqNdPP/w+l0nIOuZuXFv78iu8sYAD\r\njvPfp20uf+BRyLcTa0kbfQF1q8QpCzjQUv+UN7gclgANIvm1YWAKLbhIhtoZ\r\nHJxlnMhdnNXuhs1vs3DDMg6KJGGvXduhhUo=\r\n=reWq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"125921cea459cbed7dbe3e1c938761a0cc03a263","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.b01136063.0_1668557674057_0.31796460153258055","host":"s3://npm-registry-packages"}},"15.0.0-canary.01da0cabb.0":{"name":"@material/animation","version":"15.0.0-canary.01da0cabb.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.01da0cabb.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f61ac2b89f599a4e9007e3a50d949706a924dcf1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.01da0cabb.0.tgz","fileCount":25,"integrity":"sha512-sFuv/Jpv2fral3zNaWTsvw9/9L616x+BUJeybJnADyOiVAGIiAR4YWLwpI3inEzEib/h0+bhqPL15LQFD5tWtw==","signatures":[{"sig":"MEYCIQDoCwQSebIFwOrzmjuQePCUvH1EFQA6LWgw0aO3k5ukWwIhAMW+IVUJ6W43h305huXHRjKYM2TTMJ29PIkU//ASGXn8","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdKlhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpMug//dtlGbMWUb1okio2+yeJgjnbtMAirESXW7QPjSkao732pd+0A\r\nxEotSctP+J7Um1SRaRF+VfvOwBWOjL9tCoYhrIl+UKTxDKuNiyqiIvPsYYvD\r\nNu6cIUTuLI6yZoCSF4Q4GEH+NqbqhdzdRGKmpztmfWbnz+ip4D8WSsG/zZKE\r\nbhKqm/O47TpUR4PfxXiHqK8VuxYxfZDqbT8p/0D2JynERlBjQ0dpBYJlYV4u\r\nDKNcJSDmNW/5pXVlLzJ4VhZ5ll1DW6/qUKAby9JzVi4/8corJGpQisY9KDFK\r\nq+dhc/nAM+moMclJRfih3kvm2I2XlZSd4ReM1WMDw03XSXkqO37cy92Wg39y\r\nu7P3KOqea3qlE8iYDEZ0L4l/E35+FBcXMWPS+JS0ClHB0OqHsxRbvO5bJnPH\r\nYrx2datlqR3h0mEtsBd2mFfQrrp/4hPLrZR+Q+GvaxH98LkbnzOfxH6XpHI3\r\nWUI/reung+vFg5rJkISv2gNIFdHYVaUo8Cnl7epoJuMjKtlCUEtQg4yzztAn\r\nRKcVjVTR7qodpKnaRAG7dw6QZhUefnXvFU1uFqTNA5zJwTeRBE6cEIXDaTCy\r\n7Ac+/tlXfR6r4PVq2S9CeP66xYUjHCYJSgB2hsPKKFLEvM9073as9IFbgRLY\r\nNsBpYgR2OnEr0KDPKzcTQfKkdQqTeZHlUqo=\r\n=5PoD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"63a5ccdac9b23a6c70c2bc776e20ab703cd1dbfc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.01da0cabb.0_1668589920906_0.7247532111515929","host":"s3://npm-registry-packages"}},"15.0.0-canary.4ac393164.0":{"name":"@material/animation","version":"15.0.0-canary.4ac393164.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.4ac393164.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5edeb32841e2e115df1a28d4cb9647a495743830","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.4ac393164.0.tgz","fileCount":25,"integrity":"sha512-QB9f/n1wpbIu4HSzND1ES2zS7xGfvXitrDxbagUpZC04RAohhLdgGUekqIVfusgmVrgc4Mh3sMYsyZKyAwnGTg==","signatures":[{"sig":"MEUCIQD2bfVCUfIr+ulbhppJ+/9nyUIOuOt9sGsBM/6KO5sWggIgPzHm3wfqkfXtcVHsipKTK/lCm10alJKD9LUMwATrRvQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdQw+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrm6w/+JkLOSQrRFmObYlUfyvTivM+mvqOj/FjBgrKwsZYC2BLoGEyM\r\nvtb6QO4tha44dS2HnVEEGvj1z8c6CocLp31/LyKWtkwnDo+VNh2QvI6li1rA\r\nHBHrLF23Ql+Sa7eb4w4XnFwasuYWm0oBCjqgUhoY3B3tk1fzZxRU3/KivO2E\r\n6uoqx0tvv2+MlqP596ZbBPUUtMGD8yEZQ7iWVbumoz3xMfrQ4GoBh/gvvSQr\r\nZ1k5JUQTZ+DbR2zoteUAIuMLJdD78/6ubzTkgHwLdyNg1RsRDzaEuMzkxBj5\r\nsgqiRPn3TN+7L+8AqWq/XiymPjkoe+JIFhDWvyNgzHsLeEAo3U3goYcEwG3/\r\nVVILe32JTWK6QJsvptlhSWKgQUBiK58HJH6vv71myyfBVDHOVVwDJd/2QxpK\r\nMwyBIqtYXV7EE7U66YhwcK3GNn0Of5khfbtINGbw9tcPxRUaFYBQyhCBbSv1\r\nGLWBNMBTlc4s6zYxyZEIIxs6w/By0C9hZLC6KTbfbwHDyuUOvuSvphomO8QD\r\naagVNUU1p8shUcIImWnNn3spZhr+m5GCjkbZxqfRHm3Ty0+j9f8q/uSy7kSF\r\nA5KrSK2j9he0YjLzIxTncnMiFJjW8y+gMJNry7jtDeOHIoCaZoMQd2EybFV6\r\niIGbV1xZCJe/Q1SI7aX0jyx2fUmwNZd9v0Y=\r\n=Yfdr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f14d3444d266ac4c6c92142c377275be3fbc5d0a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.4ac393164.0_1668615230740_0.7099468501675894","host":"s3://npm-registry-packages"}},"15.0.0-canary.6048fb563.0":{"name":"@material/animation","version":"15.0.0-canary.6048fb563.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.6048fb563.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cff118bbd04fc2d50db372eedaf346631e0a914a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.6048fb563.0.tgz","fileCount":25,"integrity":"sha512-7+xHIqV2rtZsEIMR+EtdB0/Z/nV7QrB6ozW8QUnL4iu3JqTkZGkBwaJOvL5DZkyTks0UiER61L08BDxKbPd6gw==","signatures":[{"sig":"MEUCIQCBdcKDjrPl9d/qTXyLzZFaxbu/aJherrKzMAl7DP/GQwIgFlEg4LI+cM8Fjqra79uxO1bmIBIdcR3j3JRMy21xyiU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdQzSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmryCg/8Dq+Z1DSZHysUlzpq4X5eaB+Ilhm7KgO9EtGvV5aXU3Ebz9LZ\r\n3aMTvFej2B/uULNdMxyj0vcGye1kdXMRg8jlL2o+JQeKQvrHQaEs5K49LjSr\r\nMEkbkFoCJsaHhrWcUaOKvcqweW7U4c6I57MzNklx0MuYz8RHTpitVhwmLEqr\r\n1W60Vk/l3TRIXiuS3Z7R0hoXxgkVW9fbwYgnCNTZjClXZK0N3ekExVJ0R99+\r\n7tU6uVRrpGiAof7GkIWW2AUjd9fR4hooxuvkrdhczrqNG93u1M3T2YRLp9yL\r\n2sUApsKzgEyY8xcy2kwvVHnemW4ltF7jDXy/hP9Ztr0R/PunplwkmsFZO7nY\r\nuICpLjn0mxF6+M9WctWawz4rS+EGqzsofiMQLpfG3LDZeIaZ+FNDrruZQqNg\r\n3QyUYz65z5Xnu6DY/GgPW34glnfpqHcIxYZLelJNrAB5jTD6C1cWnzMncOu4\r\nOtWst/kqUQ14EhOQKLqr59MnE7sRanEEs8o5UaBYLg37iCRXU7myt0zHgPLd\r\n/ZGEJpdlz1dKVoMFT6nhOTvuw5zFVC9pelIQwBJb22wg9lsfJhr64IrF1xyP\r\nzjGiEDGBV2XfYFHt5bEfQBxxJSdECQa4i53D7EMgbKBHHJdBPHzpzk0Jo1tl\r\nf4m1wJkyeDu9Iie4EMT071dtdkDRvXqCNNw=\r\n=c4/o\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"590020431978794ff2128a91f19756dff9dbc37b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.6048fb563.0_1668615378118_0.9024938029159322","host":"s3://npm-registry-packages"}},"15.0.0-canary.3777b03cb.0":{"name":"@material/animation","version":"15.0.0-canary.3777b03cb.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.3777b03cb.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"93055419ef51865691cdfca5727467a220c1a7fe","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.3777b03cb.0.tgz","fileCount":25,"integrity":"sha512-nZpvLyaE/2tLe4na+O8oejHOo5TK6XDQa7HODo6kQsXoaOVtY1L9jof0Nu1gS2Qky7reCDMQ8NXl4fwtlgL8QA==","signatures":[{"sig":"MEYCIQCm7anO+xKiulWRSbdqV5mtr3KkrpF7u2YAXlrg+dnNogIhALozUjVjeGloG0wQz4ea8FKwOiD+NqOiqph9X8J7/lu5","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdS5/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqRrQ//ebv1qjLaAn+QaILSmkFWVvO5ifZcKpWteEC64Mzn70+BIQw3\r\nY6/MDzQ+NV6duibIzPB56rFnFFnjmi/ADJHSwk2eZlKBoPpfB6UIQkIlV8na\r\ncUNBZ6DLM3fjc5uN+4jI+EqxUQKziql5IRLQAv68tYtwLOpVJT6wjyKpX+80\r\n4LD7fg4f0082x0XdfSZrabE6f9a2yfj44oBQ2h93F+qBLJ4phEN/gLQAAbsp\r\nUpI3dFkpFGRr7vJEQzaWw/SdcfQfcS8xU1bxAeyHoazaFOVTatqk6tveV+aJ\r\n7aqglrfMPh9TcpL8TvbPL2d2LAucIJz8KbxrjDbT9FPMuZfUHAMV9IZeOqra\r\ngFUrXz4Wb31lh4ffl+ma3yX9iVhky7DYF8mw+ExECzAlJgUSJIhU0cHHFb8s\r\nalh5Nx2Xl8SgradS89vBiLVaJEBjQCnlY8lx7pRn7fhwwCOrMa3WXAjpc8w6\r\n1ri9blhlzF5JuOcJQp195M49OI+TY29L64GvHfehiQRPcr6tairKm+rLDBwd\r\nlOE1uM0LFe2X7IvlmuKOQES+LmDLFyyQAy2I6TrTa8s7j8HQsfMUay1HiuV/\r\njlJT6twPQYmfEp1Ct3tDjqfx8Ot2+cpHkrJ2VyxU/GBrC+GYiN0hIFu+pbbN\r\nztiiu8pCjg1w9e3H8oMCR3Z2kA2J9WdmLxA=\r\n=SQs2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e02f6251b19559b874fd1998a9f0bea7d651e41f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.3777b03cb.0_1668623999315_0.6052890515434401","host":"s3://npm-registry-packages"}},"15.0.0-canary.f7f56fff7.0":{"name":"@material/animation","version":"15.0.0-canary.f7f56fff7.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.f7f56fff7.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f22835ae29402956013d5dbdaa4567c1b0fafcee","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.f7f56fff7.0.tgz","fileCount":25,"integrity":"sha512-GJC1+j0Rl6x7gg8qaUIajCgPENjzH999k+89UPSBxyhosXJ6TpH8qa6Rtd3E+EnLW4bg+GcDLitcBkFqnWkkNg==","signatures":[{"sig":"MEUCIQDq6y0RSygHdSjSGAeO6cD3to+Ceq34qf/XWmwt5USMuQIgOUBN1n6x+bvu7/F95aRp8FPEW/23CJcQrQlVYWW0Nog=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdUAIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp3Tg//T3PIUkUm49e2/3U7LqeN7hfFl9/diSeEmN+KdwDJ2opdMz1T\r\nLON6n8MNQqfm7EFyRXlt6aKPR3ZwNjvrMSCyizFqP3pHMigDkd0bHwgxeJNa\r\nwKuV6QZ10tU0hnvDx9/oVUFuqv5uOWmPr3oBSXVGSFcgb5qUOi7gwiSrJvxD\r\n/1k4cyhC2eC+ozCW4gp6Gj7hZQ9Gh9R8sEy9Rn+TXH9ByCgC/Lv4b+6Yy0mi\r\nGrVuTQvn/fDclIeSxDffRyA/TkHwqiR6+qT5v+EhgPqzZvqWSCpHGred6Nll\r\nbnOx2nXUCgoDcwz7XrD9ZrMeWEnU8nixEbFaqOIIqHR6gKJDpJmKXoV4JHt1\r\nMRBIt8SnEVxOLE4w38CTIxSp5S8fumOmI2jLCf6ziIQT6QkOmSQLWzvYuZn/\r\nnsaXnrLt7jDvpW4C9FqkxDTREGeaD4eCRpn1rdSysZINs6PAWwIyl79jLfHq\r\nxMf27l9RvJN6kN2j8+hI/6Znmp0q/o9w9qSX4SzIBdliEpRMfVRAajuPVafU\r\n7nq8ysarHMn3VgcyZ2CeKZwUK6yl8hxAR+kDmFQ2fO1WXNCWqZNaWJIRdTWD\r\no5VKh276wk8Sl3f3TasrpYUYUcuZibjnECfm6nQDA3tJXqzaRY/jjyqvueJG\r\nNfpfr7boHyoqwT3jqLcuBqLuAvi+KUOAMwY=\r\n=yz4N\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"bc90613e754d04f738197ec3f3f4602e9b362d8d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.f7f56fff7.0_1668628487833_0.8329252327614611","host":"s3://npm-registry-packages"}},"15.0.0-canary.7c73f6134.0":{"name":"@material/animation","version":"15.0.0-canary.7c73f6134.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.7c73f6134.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5bd1e8f26766d4d1b75ad9d4effd42949ee3e8c9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.7c73f6134.0.tgz","fileCount":25,"integrity":"sha512-+eXe2xHqANudnjxJdwXiRdm1UE+m1fDlYJ9noX9PxXMCZCIhvaeXWZmBteq/NX2ikd/icNBjnEtN7gQge5okFA==","signatures":[{"sig":"MEYCIQC+TSwx8pRZjVglxj0JW0eTuma4rMS2ackJLOBczI6itgIhAN4+umZWfYTZgtBJ7+gCbYXbWKQZDxdrf8WxgoQ2Fgk/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdUDaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpn1g/8C0FCpE03DXKRC6KquXhYDb6p7MqZ8rZBO2TuTbTmpgTrZ+5A\r\nYfLht1fV16vIlS9H6uSt4wIKPQrf7KvGZ4294z/mD0Oo3IVoioTt3bqs87cy\r\n8A/v1hIpQbxehykpWk5esIC368h4+up7Pw0YSNWNrv1GfG4m2F659Ez8Le5A\r\nvm6rEAI5Op0SQSh6GyvCwZ+82VCZSmbqeJp4JaTOUYcFXaazGyS/9Xg5b0B0\r\nJwPiPcuBIIlYmeSxwAvCZbcpj9ZgdFGye7yBQm4TMKJQy0Pj5dOgddqxn4Kr\r\nZi8buuDsiq5fQqymgSTIp/ezKxQ8cS3o6qVMzwcDX3Mem+TIfFwQHygpkhVt\r\nOTn1Cej4yk4QQDclOmFiH3HT3dKFJO2+mzGB9EwcBXut/eCcNPKyplEASnL2\r\nGsKPeewydx0/YUIlWgTnR2dlBmKq+XfEOkbOFjbvwchhmj5KD0uubiYp2cuW\r\nGQre+zo95/quV92YNhJOI4RwtAunn3vR/PpFeHdDT6c5f2c+rqDk76JxZIh3\r\nJ09OhMqrzHODLCUFlklL7G2I27tykeHJBdcSgK0AL8vcWdbCUkOzFftSG0dy\r\nPtqtHm7Q/NFB4mNXa+t+vbo5XfrU+qBmtAsXmk8eR8tYKbpYrKy2/oa9Z1mM\r\nycU17eslhv418DNfvatre9vWnb7NruKkfUo=\r\n=GFV1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"14f53e565ed77defe907254a486b9ecce4b45146","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.7c73f6134.0_1668628697985_0.956783632298122","host":"s3://npm-registry-packages"}},"15.0.0-canary.f1e037150.0":{"name":"@material/animation","version":"15.0.0-canary.f1e037150.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.f1e037150.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0a07552e5239f7fa8ef1691b81708dd51f065f97","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.f1e037150.0.tgz","fileCount":25,"integrity":"sha512-FEQK9MyIH4+6uOc6AO3sfCL033b46q4Wj7m6bgbs30s62GTSRfmEm7VdAfXhjTEmEQfkR4vIGKtLvFiTgeHM0g==","signatures":[{"sig":"MEUCIQDYHXdxzc7oyiL2jkDz1AKwLXU0+W/+2FDa//EO51yMeAIgOxIQ/hHRCyw44sKhregikmFcGF7kdSXJXRQcI4L5uTY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdUIdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqYlQ/9FryI/pi2qzeUIXlaGO1KQtT+NJxpEFoMfD5wGM9aSbuDIfze\r\njdmozZGt3vXFyHoi54nNBpt7kocVNgIExDd6gN5+puB6d6YdKNgeailr7MU3\r\n9n0OvH4g1iBQBMA/1xZ9+/9LdEIf4X9fhOophWRc1AbYfXsWAnSj217uhKES\r\nYtc0kkWhR81m7hqO4IzM4uKNWGkxDJGFEWrgjSlvDaxuxOcTatpKNhmjDt7y\r\nHaYA582J12UdDKz354+NY0BhClE7zPFti31r4X6mJxFMgSD83kphIl2RDbLf\r\n/7H7++LqwjH7To5se3Mz+0UYouE5Q6H0QI71rIx/y7n/HQXE6NE0tUEzH+Yh\r\nwwrSxMq46pzFguNPSUOTzkXgJ+f/jVk1Ei4se6YqwyUgFdq58DW4fKt0giH/\r\nx27p3ixDNqRAkrn4cz1hQLntLXvPM+3aizll6gyYHO7GACkKvfs9CCgrVQJP\r\nnJ0YnuEv7uSibMsNsF5D9XgrudaR8feGrZ4vnj6WOaFDUBwe1z6HqXz6O0Nu\r\n5Re9Vfpgj7xViZu+pSUwBkMUhKUD4+YkktvBP8R96cTzP4SXw6G2f6v7hXg1\r\nB/VZ77Is5iCuP/Q1SgwaZucS1I9lzxa/Vk0f222zSeTmysgVN8TJm9uUYSjE\r\nvMpnDYSJ/EwAez2siFleYTgzJ/S/i8pkgjY=\r\n=vlcG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a639195febefa28bbed957ef46942b3da6a4cecb","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.f1e037150.0_1668629020891_0.804846628372089","host":"s3://npm-registry-packages"}},"15.0.0-canary.40b18d043.0":{"name":"@material/animation","version":"15.0.0-canary.40b18d043.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.40b18d043.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7ba6d241d980ea6e3675aac62ac33217edfd334f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.40b18d043.0.tgz","fileCount":25,"integrity":"sha512-uNZ5WglZZ5pXBv44192VyNMe8X4jkuQd24Xd7aidnwsZI5UpXK3Zw24GGcrP8qCOJnBjWiHY9jrI2xcb+/5/LQ==","signatures":[{"sig":"MEQCIACBCSVtTfKq5lQ1KNJpx0j7iGWTpvcNV3hgp5vvaK3hAiBaoyekvoC5ek38PmMkhOSdud7iV92N8L6LoPVA2lSdOQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdWrgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoEaQ/+MPIqFuTLoi+ru4mahglG4j+ocwTmKPo7xES09uLPzugySlXV\r\neqvCI9yI+YefWeNSiLnc7S75cRs26AuXUu6TRvIOOUZE6bpNMMQ0l/1lS2Wz\r\n3GmCHqRZfwbl0mstw9FcSwcPrmTaUAjgAgreqPkJwIscw0IQruVmRLKcO7D5\r\nPucc01j4WtpbmTn+/eqOsl5xuxuEKZDtM8Aax3bimKSc9lUagDEL6y+t3IHS\r\nd0PTXBdgNGNleRJ1Uqdeh+OXkF2cKUIS1ynk6zWB3zF5KMbGjyMCu3Bpwx0S\r\nuWm+I2C2l+2qRqboAb8TBRa3DTQ9KWj3jT/t7ocaANOlFhLYCjENkgTi+nIx\r\n3uFBJDIqlGJ7JFnPRQeMb33nU4G2PMPMjnUFk9Qs6ISYbGufbWtu+wr/K1lH\r\nIYprTWv7lm0Ym5NhyglQPN60I3SDygFQwmKQabiLLapZJHLaXY8L5hD35D9Z\r\n9ET3h3CuZG35TyMFRvReZtWwvhUjMswMQWdtRCb/bKWSiS9PMTPLzrxcZBT6\r\n0pxNtznVCu0uFvjgUUBHz+XJPvRT/LJdMZDMMY4QanNjVKeK3ljle0P/aYFC\r\ncuHjlhWD+3V+DVQyzE2nhf7Tj23iDtuBkdkco6iDGtPLVkQGwGZMaFkP9iia\r\nO4ZrQFjOMVBBDNPFJH75hYebb8JrgU49nhQ=\r\n=qj16\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"9ccfc97518c89cfcc2b5e776dafe81024d137f31","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.40b18d043.0_1668639456071_0.00892014889425452","host":"s3://npm-registry-packages"}},"15.0.0-canary.86bde5c06.0":{"name":"@material/animation","version":"15.0.0-canary.86bde5c06.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.86bde5c06.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9f68d99b29dd2205252d2f789ec4f6e44fb1b864","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.86bde5c06.0.tgz","fileCount":25,"integrity":"sha512-z9R90XwbQ1h2gj9m0q2D4PHEF36AUgapUK9x76KqmOPXWjbrSnlVAbfbCKmfIq+XW8ZLWa5jirdhZ21B7eMeeQ==","signatures":[{"sig":"MEYCIQDkOSeNs/pTdMYNGx1nm67gx/xCvJRIk9vFgdJhRN9OBAIhANDkKnar5k8ZpzxOhp858Izv5VVa3z8HmJ/3G3GFAA5L","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdW1BACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo74xAAkhuHQBBic6fKpu26bacrvqRCgO+QwwLWXRC4mcI+RVDNvd5m\r\nI/7+vukNDOAO2T8eka5bYxrtpSJzwgG+5o2xWWXkym40VgHyTfAqQwhtwRme\r\n7eE7pLsysbgjHcAjQ4uk9DOQlI0hXM+rUq8m0TqObyu2TvVkCv5pXU8JiU6b\r\nELaTRdBA+PLwMWvo+ABqtoRsaHyQVSACLWpQHmvlI4WoxfS/nBb/8/Gl5YUL\r\nnEEIKPDORuD0NztLoYVjMVP0JL01ANafcOf/EMSzNzE6501tJgGf0TuVOPdM\r\nTXTxJ/6G6cJksOMhxT9pHby1nwrGX2yBD3e8mBZvrWua9MkkS9vUpl3IOqWE\r\nTRrraQl7F24JBksB+MTLWeHqowyuOU/N+lSZTvDK5wM7qwxTzFWb6DU79aKl\r\neUZSCC5DWb1hFrBLdXDb3vuAMriL2Wf4jb0DHX0xELhpV41ed8e7064h8ANE\r\nSGVqYVp/Zth9wJkBgyhQIyEvp61xBd0pSpoxt5qOBOiRvoOrdoaMJVDswlmO\r\ng9qrm9mGZ4wS+YKbxY9Co9uvBqthq0BAXMUzlRrZRBZQiy3T2h4tb6Q+fBBP\r\nZM7Q9xfY6qoHirq1xJqRdtfa7htLa8XDeZ7ICGn2HCYFL5LxGXSRQUXEvB+Z\r\n4B9BCIdfeBTIynfs7y0i6IX889IQmLrIemk=\r\n=twNl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b9cd39d4936a1961536e39eb1df855c5164d5840","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.86bde5c06.0_1668640065141_0.1629928680609587","host":"s3://npm-registry-packages"}},"15.0.0-canary.bb7751002.0":{"name":"@material/animation","version":"15.0.0-canary.bb7751002.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.bb7751002.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2f3493ed1304176bedeff95e921db2198a7b8631","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.bb7751002.0.tgz","fileCount":25,"integrity":"sha512-q6IxoRaqSfbHBhCn7Mdf78Dj5zds6Mtb1YK7/3zfc91keY7b3O/XaTV0tUS1gIFl+TrSXO/ZCO8/DyZ6FqBy+g==","signatures":[{"sig":"MEYCIQCe6vScMT8KC1dJpuTU6VnEFTmfXEx9E3iSnQRXeZxo6wIhALmK1VYLuyZsF0+aFqe0k6lUCvzm1pmW/yP3on+nLdBi","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdXk/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmolqBAAhFQmzCXdRflOKUuZsoj5RT77wSl5OHBDzzLyVjpuevpDxQK9\r\nnVSsPJm1r/8pBbVvyGJnIJtPHPan7xnQpvVNgfsbyI2hNjdrWfgTnxUvu13i\r\n5VQb8H2+FipfXvbmTb2Ww80dCzG+qqBu/1QYOHwxNhmduOG2SGDd2FXaH7xb\r\n/cSIwsoZXl0VnTGctiKZ3V19h+oiugswbXpFfCM3mhymFhikRBwa7Eu3bDjg\r\njW9qePHoRf9iX+Drk+w0ZBc14F0TjAmLaGFCdQw2SHv8XT3DC63rJv0+xQ68\r\nFNr0FNVGYFvXBOW2C09oB7P9k+Wfa9mg/h+jrpJ9KaKdAehKgGrnnVNWtMnq\r\n7FUxVGNWqQGx+NqmGcHq+kldPcDE0nN3qE4orCm2kXSbtt4BvUYEU3LUK73y\r\n9ZUpHqqMG+fz1nxrs50tA5AizpZqxrb+gNP0kZq5qxYnpgnlR5b+cS+3Y5gU\r\nrZtKymsUuLSfsTaTr/1bzT3JuoOv//9hfNKoMg9xqVUU6IpJf69zx6kentec\r\nFKsTvtlzE59Sn4R/5OHqKnjWto+UjOftDcmwaG32LU0X4rufMwvqKnZjUL1b\r\nDJpnDbiYgpL7MKgEzVmpf7DUSgI0cun4znfDuOGCVm9+iixftn7IJkQNUgVo\r\nWrtxqVOYOxer/Sbkz8VVp23xHNidVPmYM7A=\r\n=JChm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f83cadc3a1330a69930926dacdce7fdf10432f98","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.bb7751002.0_1668643135601_0.06330983538883528","host":"s3://npm-registry-packages"}},"15.0.0-canary.63aca9af6.0":{"name":"@material/animation","version":"15.0.0-canary.63aca9af6.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.63aca9af6.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fb0428446df150aee2902435420c9d260a5b626e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.63aca9af6.0.tgz","fileCount":25,"integrity":"sha512-OCuKvC+66YCTqJllgFeBbFSlrRprOLVwxg6t/a1SFSh7jWksxuYenGVJBGyCPJ85ysEgOaqL1K+iFct5mAV/zw==","signatures":[{"sig":"MEUCIQDtn6K4be0iKg9UiijAaU6GdmqOJKbzl7k6Xs0YNbNNowIgFM3aX1Wwro3nTPzjQw35bFTzHtJW9C/9zVUxRdJgyRA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdoSxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq/EA//frFQniaoFv+rpZAlKGBMcAwh7iNFlPkYcUymiol5glA3I+NG\r\ngyKgjWF77SxWx8m9r1AiTd8K+3XRcqi8fJGoD0wm25NoSGCf0Z/BKXZqhln3\r\n98uoi/OlAqNUIpc350NupHEb9ZNwXO5jsKOEZMePz0F3q1GKEXBl2hK0VBWl\r\nS2zb6HxvI+ycD5VWQWF8zx4DCmb6lOMVTfN46fOjXq5R0shldy+VJkSGnA7Z\r\nCAjahiQeXLVmVgn54IXv3GHplvMyOZZF0U1Dt7/MDF0ZZ0p2hUZLGXuj6c/Z\r\nPW3gJEkKUm7d9Oy72AZvFIQGH1VnuAxrseodOf/kOKegzBMVFdrYRv1P9bue\r\nc4T31hrYkQSbdx01Uk4YHYYXLjQ5IqiX+6ZL0Cxs27lMp/hQvD7X2tyfok6i\r\nI3wrnGzZkWaLNWNnJsg10V/AFmqgE3k7lbT/l8M/5I5JH3Vv48/XvXqBbTN4\r\nnmEY5H+xh1tacmtXJUGLBOz/m2hVX+eu4i7W+uSRqJRq9z+FgCca+VBBx5FC\r\naRJ6gkYyd9m+n9t0YNmYppqyf2Rul55s/XH84f+4sVKoK9nCrrxEi1L+74lR\r\n6bLOuZu5+YHM7Uqn1LwdWmXYeXYmBNXU4aayjgi/kLCbFulCiL2MSuTB88mF\r\nsn+sBH2mJLYRnXW52gtLeP28jDTdBNchR1g=\r\n=5lvI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c2c841973403116b6a405bb9aad3ae8476bc028f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.63aca9af6.0_1668711601293_0.06952759118505081","host":"s3://npm-registry-packages"}},"15.0.0-canary.56482dc2e.0":{"name":"@material/animation","version":"15.0.0-canary.56482dc2e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.56482dc2e.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bc3d3f6417c2701e4cd0089d554473b2b6381793","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.56482dc2e.0.tgz","fileCount":25,"integrity":"sha512-PS/710wAL4bGTchBM3WYU0dYSoiLr+sDki+EaCHlGs3DmE2ApfjctSppkt2OO2KUkWEbDwowNqcgSld07/eB2A==","signatures":[{"sig":"MEQCIACHT2h+6mfOU5ovbbw3wNu8Kb6NhFFkBQ0gbZN5NqoDAiBniiEfpsRKoRkjQZT7YgQS3NZDuC3LLzspSAifZm4LgQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdq1/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoNcRAAkBsYHPZSKJ7dmloAb5QrvDJ1UX2HqPxHpmCt2ISFGUwiW9JX\r\na9+82ayfWZ6j94oxKjkKhilQU/NcBWc0beq7Coi7dKIrel2s0L3mKk+pddB6\r\n50+zuFnZJ9HzQWSqksTlJwDfVZO17OFuEnEd818yIC3y9fSA7SqQDxsiuHpq\r\nk75cQy+kfaDsY3EW+RbzrMaAqVtUC0xxTupX3os9ySUdXvIt001oeQM6NSkl\r\nOlhtFKWWwiFLnjRWcn9Jgr9andPyRWVaQ4ghSg12hGX7d2MQmBUuIXxZdZN1\r\nCqDTa4PS4Yqv9PSka7MYRFHrR27MqC0VBiQg9OJ/bc1r+u9UrpQ2lft2Y2gr\r\nIxQ0mElUxeUvSHHVu5u0mQQBhBLVEgbU2o4J/spAeyfuBjIpbNNJH7aXsA8X\r\nQ0RxFU5CB4KRhoYy3xmM70FQmqcn8veEM/baULOD30H3Cr7OL13h0O4M7HCF\r\nG0wKsby1Q1a+iT+V5Gn5alGyb6Nrhn/Jq0We1rEV79+3/d9RfC57nZW+WLU+\r\nfUzFNZAdnNa+9JdpW6lz6CJ3ZfGIxLzpH5HGWF2DXuqprwLx/MSmBJFf+lum\r\nK0BS0B3cEa17JgxwqHydIJOWnWrpCYsD0VFAGPeEpD2Fbk+88UPmZfsAGocX\r\ndeFA3X5WhYEFyXC0ZevnAnwdP0PGsJHRCPI=\r\n=tN/r\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c65945fd8948c8e5ada035d0f2538dc2ced7a28f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.56482dc2e.0_1668722047345_0.7234609696788425","host":"s3://npm-registry-packages"}},"15.0.0-canary.953e689f3.0":{"name":"@material/animation","version":"15.0.0-canary.953e689f3.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.953e689f3.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"05e98b4dda1b2c2e5fdf63b25f88959856d09189","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.953e689f3.0.tgz","fileCount":25,"integrity":"sha512-ihgiT6lVC1OrhyqDX6alC7Q/5ZlAwyUJE6L2qQO8YmS3N4InJi40OJL3fIocOiOmCYOLb/uFYnKFJuWNi7WgRA==","signatures":[{"sig":"MEYCIQDuxIIkX1CVWZ/tNDBuakfkTh2SYW7n+hO8K69Oy0FOOQIhAOiFGW8K5L6LZl4yYw3joxNQSJS7X/mR32p6S5XZDBZ/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdq+1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoDQQ/8CgxkcJ/96OqYwFIRapqlBMa5STziMLT/5bY7ohcu6HTjge4z\r\nWKfLu7OtQu5FJ9VRqXYDlgVHgvBQCAS89atPUT0/uDiDrP3zIs9CsjhKVGIr\r\n8DPc16TX/d86g5ss+ilX9Q6R//yEyknuxd3u+yGXWqIXx/G9R5O5SA8zQVrS\r\nNn0zEm5XV/0GCpeScbOUrAqPVItOBg5F9mtdbuvV0cqe7hecTu9GYN2Tmmhg\r\noFXldbtBR904O8XMIqpyF+St2A03D/ZLIPzZhR6RcSJv1j+6GsQREEBL2gQK\r\nXigiQ35SXPhyT6LuJb6NzY/CbtV+9MfMiQFLE9fWc0s87g235BPLVLMbpIla\r\nDk8UiE2hh/tFbjUOiSqzjJxH9gVHPdjXGcFJfRLXj3s3MBZgITKlu4XXeZcw\r\n/WhkT7cOLc2MMDFsQTPSS97uQBbgquTui386hhyluHXf/5nS6JQxXq30Jj7W\r\npNR0bdSmrTXg3Lh062M6tCJ9UcSR6ZR6Z1R7a+Wt+yhki2OKQYJAY1NN/IHa\r\nRm3M0K/sUcIhaiXJJyPJUSS5+7Jr7rxHvIFLgxGsts685DD7geQVAGrfigZz\r\nmYs0BktN31hjPgphlhg9BJHMPmsPPZrgfVeGEDDREZxYxRWD2p8j64RcDiVd\r\ntFdPBMH8Vv/CJTB6bqpCYbuu9Sbg597U7Hk=\r\n=+7pc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"9b9adee0b4f10a2d6d77fc10e9291c3aac8be42c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.953e689f3.0_1668722612918_0.3373096616661908","host":"s3://npm-registry-packages"}},"15.0.0-canary.b5606a793.0":{"name":"@material/animation","version":"15.0.0-canary.b5606a793.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.b5606a793.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f429a358a32a41f5f3c23a565e79701648b08119","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.b5606a793.0.tgz","fileCount":25,"integrity":"sha512-jOAKMzEaNeac4qihkJCxnxfsANqlZ+fP70M9VKnqFXzikssSlur8ww4pBm2653TSi4XXu3rFEAaqKR2NhDBpJw==","signatures":[{"sig":"MEQCIAEiIGMFJCVAnK7yex5L7yD4sP7ATjAbYCOBF6bWbQ2DAiBG4D3ToB0lxWCZHRXfLfPuQL2xrScPDTycf3Nywiv1lg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjd1xGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrfJA/+JDEuIIdrKn9yRrTHGUuxNymFelYTdJH8vvKgGA3w6d7uTxPY\r\nj+GhjonPUDs6Ew2LNtsxp192PBE0Sb9hsfOOU8ujLjUf7MMKi7ltQcaxzPnh\r\n7FpgaduLQ5DOW3Zs59A82tP6r5DarkS8Xurx/rDNjhdsRIN+dF2gd7HaO7iD\r\n+ImxfvJIT1ZGZ98kSoE0kUc6wcjCHVvFuul93vAPQ3Vx1c03TK33O8EoXW2E\r\nNVu640sLzazBkFRl9LtLyQgi+WP3TV+9+wmIyQn18nzUtuqVZHcAXbvadC53\r\nkk6MnYgBc7yTi14VvmMgLwpKu+JVkq8YuQA/BFWfpv0wPTNj4U1lPf82VNxY\r\n4MqaCKq8LR50IJ7emLCEMl+kqG83ahqXVBl+RBnDCl7bMimQ0/nBiNfohEDo\r\nkeWjDph2IsVyYaDQoS1aYLOj2PYsSDdV1rZBIW5+isYGAc+vTQ7YiNrzjFTb\r\nKzmKErzrqPIYYv1EbBbtFQjqJUrwquUF1qqy/FpjHi0srSn+Zp+4di1fQ6uI\r\nTGbKUxfqDm0QZRfUWMwhdXUMaH8eyULRr+ZxOEvz1qGaqjvTnSGpfZWK0bZr\r\nU7GY21nro5Yj2YILwU0J5HeEoiQKKsWkgZ/cnHyEGzB3dyqh6q22ZEbJ8eAU\r\nOogNDfw3Jk1hO/qdy0fcYRa7eCSW8VeVkAY=\r\n=DPpH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"681685532cfc9993a6190aedd85bf5cd1b3f80e3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.b5606a793.0_1668766790461_0.8524831858180582","host":"s3://npm-registry-packages"}},"15.0.0-canary.8c5675942.0":{"name":"@material/animation","version":"15.0.0-canary.8c5675942.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.8c5675942.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"52b87f89e05649229eae8b979292d16913f5a337","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.8c5675942.0.tgz","fileCount":25,"integrity":"sha512-KiCcqH74gJOii9MRqfXpVplSEje0zULX4Ttr0lKzmcVBElDDbyJOOulxs95k6eifUD7l/r7ulWoMBi3Apr4DBw==","signatures":[{"sig":"MEUCIQDQXweIMTxn76yiNnHBzcG37VcNCj++/tXrcvWVLcW8kQIgaFqK+26Ek8d2xFFOoO/M3nZDRg5qqNlZ3rHAgBzpwbg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjd6FyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoZdw//cGh5zYJPhpSs93zQHzOuHEsbPKA44ScPpcdcuRqnMtHL7I8p\r\nnF/8czXJhRL1S+JSpsZSpmlR5QH2yW/qj1T2NSOYV0E0l3HkzhSOn74Tz/ff\r\n0zFfmgZFBd1+RCCT9jiHEr+bhLxbLRKEs8NGoDgFRvIH4oF6MWAxCaQ+f6U6\r\nt4s6P18FrrkUSfay4Gh1aJengxMOue1EWuSeAxJthVUxkHy7HJLOe5Oe8bTM\r\n/MKJoKF/4cGLC0AloN/7zM0f/CPyMxn0SXjIzBxaurGep0GWevaPm4he9qMD\r\n7Q0DXnRLyrgLb3DO6y4p3yHjr0GQ7rA6FudLVbeYtKQc6tRlfJ5WK1WQlqGw\r\ni0fWjZ911QSiN9kOkBQDYZolojdGV0/F8tvDGu3sJ0lxYJ7tjs0eVAr3lgAz\r\ntltIGI+d0ZpPyK7pLKxTcrNWDS4M5brjsgmh7Bj109TAZPjlYTyPvvLumXNc\r\nhuMTxcyik9jc0veCbFSV/NPsEwe8I7M3mFWejFJrd83kvWlHuSpg4ZjuO3zn\r\nfPRHiAm52QI/0LQQ2gIvIq0bdRCnnBSquSiHuzJV+VGTB5wgHCXEHH1O7uva\r\ncbku/pU6wErVDyNonJeO/zlZGU1MyMoxJZxDThNu3l8e3Rt7JGA4k6UsUFO1\r\n/GGuCndw84ga5QTx36eHcntXJTc+UQgXmgU=\r\n=h1DQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"46367ab28a14e7ab75dbddad4b3a00d97443debb","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.8c5675942.0_1668784498226_0.17351897904109692","host":"s3://npm-registry-packages"}},"15.0.0-canary.697fbdebd.0":{"name":"@material/animation","version":"15.0.0-canary.697fbdebd.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.697fbdebd.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"de97380652c2eab0cf72260829cb82580e504810","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.697fbdebd.0.tgz","fileCount":25,"integrity":"sha512-clUArx7uRTI5BPH7suCBbFXO86tJeDlw1uLQEj2ahu1dl5jYsoOwelvSOHWaAfqG9HtAuZ2S14BT3qJawBTiow==","signatures":[{"sig":"MEUCIQD42z8tqlX2Ke/GnBLITaXvvehjgTkcnN4HKV9OidUyDQIgMbS3A1pOdcPSUsxB1H+4Mzl+IefxZb22FaGPC8PiPFI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjd7nmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrI0w/9HvhDwt4KsbH/OMEIvGZygVojwC6jFF3oMVehp4RilAn3WTLa\r\n4NhPbOhfRe3ltx1NHAeJVVgWmqTXPx/l4P9y8CZ8FaK7flHCXlRKw8b16omk\r\nRtWacPovx+9oMxaIuFXdZziXzYSQKZZmWf9cGJNGK3iA7YvViUENRy3rc1us\r\nAyP0DCJVrZrvSHThkR9VJFKz2WixCbaXhR8oqxYWcW35e/mrToZAy5M84RWG\r\n7ACOVQBgTkoXwIvikrDV/N7GZgbhE4OHfh7fu4bBg68eRMPfZjotjayJFR7F\r\n/tQ0kRvaHPm3SSfY+hAe0RWKqSvxOOh4yGOL6s0brsXhN6ICg+z1bP2eWqQ2\r\nku83bNzrK4Xc4GhcVK0l0FmP3uWRHzBEpSG81VVplmkkm/Qj6iyztLNKGRsy\r\n5pE3wtgUsYK4A6oqHOGUv0PqvsUp3hMdIfHJ70dMkjbHLcGWDMRAZvLGHewz\r\nF1cXysMjcdIX/cJP3hl1W6tTPJxSTHQmdCXAhDAAoWlszgMkEqiHHJ8SZxDE\r\nf9CUSgwifrADOLJ2UU8WrGKEE8YqF5bHJFu3YkhWNsKo1AVii6tYk4JTiWQW\r\nDeUxsgm4A0gWO4DvKJLQGVC1VXbWXH7dcKNtmoBItb2iH8dlS7MEhLclw95p\r\ngU+Kpzn13aiqIQ4pFQj/9+8MW3rq07FZ9F8=\r\n=eEV8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"633705dd01d68334d80bad5e354eb7e71d9fa30b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.697fbdebd.0_1668790758669_0.6382829254747284","host":"s3://npm-registry-packages"}},"15.0.0-canary.d58410453.0":{"name":"@material/animation","version":"15.0.0-canary.d58410453.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.d58410453.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"39d70c835c39241b6650baf4092b0f00e3b21d08","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.d58410453.0.tgz","fileCount":25,"integrity":"sha512-aus86thd1fnORAtOG/Vs6L2ywAA4fhk7ZFSevOSVL+YI9nq6BK860fpIOXdiqsQo+oWCT4YvPcra7lP2zOzwZw==","signatures":[{"sig":"MEUCIQCKx4GdJRuFjMyR5Ie8w07VD97I94yqPUlvcyvjlL99fgIgVOB+WNyJNUBhhT28ROfe1ifvOmqge2kaA2/wYu1chsg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjd9vBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoIqg/+PWgOdhWWo59nhBDbu7Gt1Ood2b1/VpziQ+5X3YIOwRqm/9NS\r\nvzhrXchFufg1tq+JxVFir4wYQg9rkF1RnxL25QtGkTBkWwW8mx9iEN7xlJXV\r\nsM2+YYEe614jUiY7nw4eXHqkGg+f8cfgHnbAQk8vjzTrkgAPV+Y3nqblR3+t\r\nFG7UHsDQUVIHsoC7F0GE5+rLK8v/r2RHD3Zjeb1YXcVg0rhZzWPlpve0js5b\r\nLmn+ofzdsnwrwIx4G8gAWcojxBZCiD+8XheL7bwiWN/R2njQYKH4Qb6TXRY8\r\nPtoVm8bAtZ397WSBD461r3GpFXKH0GxHQ/kIJG/nee/1SmMj7lm4xn19SWmZ\r\nU2AwinNTy1A5BCFLec0i5HWPU87XVCCExAwNm8gD98OuVEutbZ9SrRaKLor6\r\n0GQhMuKAjr8riL6FSqXBsuAj7vgknjRZ8CRV96cpRaDuiv0oNwzGUrpkwD6x\r\nFlw/3R4Y0eu0CJGudfhu76ETTJZkpCdTGJJgwIhFb8Wfs5CiZLkmFkIvoPel\r\nO0VF0picLYtR9fipqJ9dULiHWzoIduFv9Imb+GloHQvfKcb0koEhRcfLFXJK\r\nYJn+hggSc+6CpPsRdDYUbhZVZa84UO5ZDxaouqcSc4ewn+wtajP75YlJsH5U\r\ntk27McqFAzuivAHl98BcRqeJ/2/YeAuTXdg=\r\n=hXVZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"65248afd9a1318b7afdd324f3def6a9c8e67c90b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.d58410453.0_1668799425259_0.7676751395142642","host":"s3://npm-registry-packages"}},"15.0.0-canary.7971d6ad5.0":{"name":"@material/animation","version":"15.0.0-canary.7971d6ad5.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.7971d6ad5.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"055a797de6ef0868cc518083eac7a9fb1ed8c1cb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.7971d6ad5.0.tgz","fileCount":25,"integrity":"sha512-nOCOgzp/Vdgloyw/SjFCEtpcxXWtXUjvX+JCVg7o+EEtaGLBQdgjJUj5lt+RQ6e9r0eiMYKJ6l1+1TGGebsIfA==","signatures":[{"sig":"MEQCIFbvR8tk/Mf53jVooE1FbjYA4CNTt5Snv1d7tj+z1MCdAiB9MX8gNwwgQBk1RbbHYnc1sWovzrnD7b1x7AsABX9xrg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjeJdZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqmCRAAj99Y66VH8LTym4784T0dVibLe1iWcCCb5TZTYh55fKT5jO1p\r\nYMhjXF6jr+6am02CG5fBRn9gySm52Cuy0SZ+IqhDPTELsJ+DJGbrpSvH1tL/\r\ntcMj8AeANuuLtL0Ot7y6QfdG2S6KHphxkTEzTHN1UnyeeuKZYUh+R8j1ceBI\r\nAY2mylYDyQVBbPrRox87pKxHGlh87Fo1k0is4cteVW/2n2uI/ZJh+qLuedN/\r\nLJPfP8mFXWHXBBL3K4JR16ju+t6BFFMEuMP//x1Xh5JPFEsgHqMRXN7e4Nmh\r\n4BgjRMky3VMMcPcOcB2MnJctrIW7JRe/1Ffk4cDC2LWZlLUD+KgPWlbxY6nE\r\no32Jpvz6Qofgd5yOfMyyELDSl7iDIfM7GFFm1EKI1LBtpnVsdYfV7D1sPWho\r\n9f6kHbllyfG6nVFZzSOBKFHLw/UFZsbVmXWcbLe/z1dq81VO90OED1foXVsW\r\ng02ZJ62+UxG6wD1M5HIorVCJ4hNvlMa5D0/DBnGz60DF9Zx516vnNi0Tu0b7\r\nIg/2KTJeNfnuAevSsM0gmBrqrldtj+l3a+MtJKZZT/A1aBCoahOQohCYbgHc\r\n9+nbnd869CkeVrJAB/+j8BoGKbUEkxhgp711oLqOXcrCJbMz2ooPb5QGFRvE\r\nKErpmqUDGgYEB3VIvbjziFcg2KtMgfgsVNc=\r\n=KQ/z\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"caa68cd6e7b5cf4d64e037521bea18e312048e69","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.7971d6ad5.0_1668847449409_0.6526814499593578","host":"s3://npm-registry-packages"}},"15.0.0-canary.a0ae73b0e.0":{"name":"@material/animation","version":"15.0.0-canary.a0ae73b0e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.a0ae73b0e.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4b03ac352bac4d7946a9007906816ba511961809","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.a0ae73b0e.0.tgz","fileCount":25,"integrity":"sha512-323Yt7aPRoylUodbhJXZO6wErAG3AhxW//D+pJFQuQJABXq/IFU/YdSJ4SgoAlfQQOk4JeJJl19mDVh8s1kh1A==","signatures":[{"sig":"MEQCIHhgZ6yhZP1vgWCrB0hBiisr8Aw6cwQxWbVvJD5gWy7xAiBExI3vf8jGLypErE5LlTri/9dKLsEk+p0O/jgoAmd24Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJje1hxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoptg/+NbOD/VNiedSKForHyu5Mi9ij+67PzKoErKZ2Ei7lv2U/nogN\r\nAIKYRletwGPEiftP8lEstXo9cq0cahR4/zo+jZ5LrUrl1wwz3z9TzjODLe4R\r\nn0A8DnJbREZ/EdKeId5Uc0QvX7twdYVIMyTyzAcx9T2fbkwHvpihnaDY6Eih\r\nTPRSYEigIMxPa1NyT62RJ1hrVP1TYte7ptoyVHqpdu5Hs8WLS67VA/9r+nSu\r\nipapuk91z0PPXGQkg8NUDLGuH9SdouzhEJnUBncvgSl/Pkqo1DYHTURfqK27\r\nh5vAR7yT2gZkQ1HN4pfMRXe4R9vvt4QHsPl1xk0kfSN0ShduXoY+NgpSeHYe\r\nQoqBJaZJfpEzJW/o2/UoLvkh+xm0H3csje/hNlSIJVrimiAmldMiCvku+xph\r\nDD8qzKTEyc5U15CTM0ggCc/JV9e6Yb/3exr+qG1Z7/Xdf3z3Wl+hvVlmphKp\r\nqqL9yPC3sparimYMLfDpirUSXBWs9in/CY1/GIkzaxyLIx6n84rlxmWvClZL\r\nrqbPoTdskW4kScYpnpEHG7BmouIbycaO+5teD9R/ruBv9e8xFv61klgpXtEH\r\nGPzd9KUoXLNn3XqN8P5F97u2lVb/5gasutKI/JEscq7e/mMsKGq68A8C6rPx\r\njuA+Q6vhqqxPjHJM7y2mEsfKjFO69NRF2GQ=\r\n=c8Eo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"92b496120a9385203165ec42657a2edf41099000","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.a0ae73b0e.0_1669027953317_0.2692683359425776","host":"s3://npm-registry-packages"}},"15.0.0-canary.96f472604.0":{"name":"@material/animation","version":"15.0.0-canary.96f472604.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.96f472604.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cb98b8dd4a06e9f8b321e66d93f4d9025b268b82","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.96f472604.0.tgz","fileCount":25,"integrity":"sha512-HA7pFZ7KHMzThLUODZYxV5Xc5B+6bte5sez2w+9swifAmfnDbAj9WYjv/vxCUEU78XxQwyeU4Ol8UP0/sy2jHg==","signatures":[{"sig":"MEQCICm5TqYn8V4QM7UM8OLNaodGG1bZ2biZmWZEW+kXaWV5AiAQtAGKIUqdbxxLXSpqoQXtURrzitu4cpzvwdQ0sgzUtg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJje3RUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoZlhAAhIxi/l7dyY8+RnS32rGzobSvgiwz86lX93OBznQckgmXxzq9\r\ncR9lfZfH59Eh5y9nqFuavocyPMsMrfw1mNg4C5i/ENg04u/ZAqdO07G85X0w\r\ntW7mIl6DWqvnQQcMkbfug96FxUCiRHP7Fa/XJtpY1bW+v92uD+3SikDoYyja\r\nxEfW97XEBAi4vPyaYmUvdWayGveXzS0wfXDGKwo9s+E5zs+yJTv6SFbpCi8R\r\nHRdfjkgDdPGHTi+I/2GGLKBuMCnUI8qEdp8rJHAjCI8YMZE08OPNx2ng1R1r\r\n7bmicLOjaE2moYgYrBLz3MNw4hxhpYgioRb4kYn+idrlwZmSBCbHUcywHLk5\r\naXbrFYSQAo01901w7OvVUfTo5H29nUysKf3btM8s6NU5QE6n5mpgV2DSBfW1\r\nu8cvE4VLsCpnF2Csi1OL7rckyCIy10TUpr3lgU/iTZVRb24FjtWN2i77dCpW\r\nOvw6RqOamto6vFtA2w5C/vNiYOjrOC5f9cktTjYsNgBzbx8MbephACgFUEhF\r\nQyxyBaAasAWUOpc9cK22p0gK/wve5dGKlDbuPhDmNZzGbmKdYoF/F0ckZeTI\r\n7JQwxEHCcx1Of2YxEKH2iFGUHUJAGraRyL2tSLSS9v5AeNbRl0IcG5ty8oK+\r\nnyAU4zY4YP4ZGPsUpqMo5uaE0wko+FKosNc=\r\n=SZwH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"28f313542547c982f69fc57b98811983600931fa","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.96f472604.0_1669035092243_0.029314949383047573","host":"s3://npm-registry-packages"}},"15.0.0-canary.18b8f31e1.0":{"name":"@material/animation","version":"15.0.0-canary.18b8f31e1.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.18b8f31e1.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"88f5b2c2c58f47b9362dd1ac36dbab749703df0f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.18b8f31e1.0.tgz","fileCount":25,"integrity":"sha512-vVJVJfDIxQUgvuudnyniETLp0xN+NwUsSm5Sx3TNHCL85nS85JIz05RN7DzP25bTfOGoggei2JbOk43ApXGfyQ==","signatures":[{"sig":"MEQCIB6lqHyTe6Xlh2BsBtUqmJg/xBh7l4qNmrmPuu0aQwoQAiAPohoV8P+d4C0gVjFQK7//sDzBPAojR79V3JzYJfi7HQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJje6DJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoLWxAAkCYtrfagKTev6nxOt8lsM14g96/MPPFn9+NkKIsgsxr0CRJG\r\nQ/OTaNvR90RisKD8ME3+/w+L26q+nk6uAcw9EQYk6iaf0q6oBJOZBK6sjWBE\r\nLhSemSDTzjO6IuCnG2HrVFk2vedrRzl8wpmGl7jQ2vosouBuL3wEBKakpigP\r\nJfN4mo6iLSsTSSXA9eTWXVPAR1SGNrgD4/qQaRQmvVKL2774p33vtr0jseyx\r\nzoV+WLsR83RoExOWmwUuwiXQ6zFnDrcx+FLrTxSgl/9lVWz0G1c5uL5eXyrC\r\n97AM1s0RlR/81N9yJN32HbG9mfd5pEjeZLo8DoXBC+bI/ducSsOSIO+yt8/8\r\nTT5KOxsotBzcpN85x/RDwPYBdxoSLvOeIlQxigVmLjO35I02RUX2iY9UOTND\r\noRcrqfJpxKWrwMqJkV03h6Ni4zrDSIjVCCFeZP33kdlw+i9JHaRQY4vWb2pq\r\nKZ6z0e0onEP0J0nqP/aMTtm2Tq0kh6nVp1ZfFcSj5TsT+cXzANdHezSFI8c/\r\nyPcxzr/K4pOf4WQWFshxBmLFEBtqfrwzkRkqNdckGxdf+3sx/mFHeH4v9B4A\r\nOwUx+1YmJhS0oa8MDwQxPVZwbooqY7ELtO00mbdN5vlIiJ9nOkEuT21CVL3i\r\n5zXlYYD4HTJH2EWPPJPAG4kNYt+dVUxd8fA=\r\n=G/Ei\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"99a6c50dcaf8c9db8b49ca9378d7bcc70fa3d276","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.18b8f31e1.0_1669046473250_0.84903689857295","host":"s3://npm-registry-packages"}},"15.0.0-canary.912f33ce4.0":{"name":"@material/animation","version":"15.0.0-canary.912f33ce4.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.912f33ce4.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"554c55e04af8d07cf58cfcbd4d043ebafb6d5b9d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.912f33ce4.0.tgz","fileCount":25,"integrity":"sha512-3tSD+d8XVhVg/KeiC0UPR2K5znup+3orMTNG8e+vVSUDhCLyzvPYulL9yvBJihB7HrOMWW2n1zDvoqBx+y19eA==","signatures":[{"sig":"MEUCIQD6Lwrc2zbTMTyhNrERf6picgcvLLBl8eGDlAZ81BBy6AIgIbb5dmhAMYL0anFltcf3zZs6ni/6Kmg3J+pch3mJA2w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJje7rwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqThw/+JXJ7mHdYWugJWYbza0XNnArd90MxRr2A1fRmvfyPO6lYihI+\r\n94ik1B26zVpxG1l/rpRwBgLobs7x0fROlxKWyTcBqZd8gj0P7mll1bCHypZv\r\nG5gCB6M3tqNJrJiwwWDktsUiC1aeDVVX2lGvo8LuJNtcimCSdHNMTCdKMVAI\r\nWkzZukHUlVwN8K614uHRsp6W+BCAn3cildP0m/e/dGD9szvapuNpuKxRTtM5\r\nZk1YcjL3FqvBXfqBNVmlzMAbMM7S0mhU5ABuj/LJ7zI8nK/63qJ8vp0q7HQ6\r\nAZuGtc5igWPPvM9hvhz8fF4ToWoFdnECZaAnogyYwQvLBALjWCDLPYXfnK0c\r\ndOUK+QM3SWzO15pSe5OAlGeeJKi1WJ96fIDmYlRtWSLayHr/qtgZuagoeNw2\r\nUPrYBekdXgg4w90KCESzr4ok0D+w9hzHFz2FV/RCLBQc9shQXgd1dUs5j/l1\r\ndSWTEe/vH+Trd8bSEAMcC6PckR2GGEztmodKrBE28kGgBRzSkQP+VZgtoDKy\r\nnHU+bdq1kEUBAnp8SOvGxX4ufMaB+QReOUXHSZIjQxS8RrqbljSl4ct+EhIA\r\nINciDy45/3mIOCXWb/V++L8bZhi3rzOWsjARNKpOI9raOjUh5AH8cY14JoTp\r\nWZCSZG4fFjSbiTS4G3AEdAr+V/DoVzA4lVQ=\r\n=HAcp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"cbdf5145fa19b6681004b6c2d5de771b50f5b6f9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.912f33ce4.0_1669053168606_0.1477231175024054","host":"s3://npm-registry-packages"}},"15.0.0-canary.1e1b1c369.0":{"name":"@material/animation","version":"15.0.0-canary.1e1b1c369.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.1e1b1c369.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"62f0856e08221e1101ec70a7859ebfc992e9a517","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.1e1b1c369.0.tgz","fileCount":25,"integrity":"sha512-M55H9Ld2BXA30ILFyVdN1JETZ4qvLcXI7Jo6FJUaKLHjgsj0PZS8k6nuv34izNvXP/uKX45fmjCGfb4t3Ez6xg==","signatures":[{"sig":"MEUCIQC0kIIMTra2+MvDiJTcdOb5E76Ipgvn60G21W+7jqabHQIgV2hE87ADk5RkhY8GKguLg8c6BrnIULF5QEJBk2WgXcs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfm2MACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp1ug/+K526Q9VwkWup/Q3cWBeX0GEXGFzMbanDaLfEuw9KE9g+xtdy\r\n8o8veA07uewu3hhNgfC3B34wC/AvjhJwHz21A80XH+VIwJcDpgSGLLkC+gOQ\r\ngfdtl1EIl5EDJk1lOXftIhhCP8Y1z9OM0cHBnCC87BJe90JwztJP1hLSljna\r\nRx3Hs82e9qkj6a4n9ukgGEBg3oMEmWOrmRZZNG4LtgoJ68nqKylPgmTwNcEF\r\nuouV1L1ialvkBQpAjDMlXZFpOvln4aOp9A70rVMRKkKhfWlouwiB/7TksoQq\r\nqJTwXJ46wP0mB8TJUYkSm9M3b9MPQ10Nk1gt+iTrJFU1ildgSmFiTh1+sHku\r\nUCv34cc6kokSNKHxbiWw0HnqUJEvxEWsx4IrnjpfPUFqPiYzluToTM0pKWXR\r\nDVIuYGxDGauCqVktcXWc76dn5qAmJKhgIchcFEnsfeLikKtPde4WplNjHwPj\r\nu51IdFQHvujPJWFLPZ8geMNZYYOIwz333U44wf7rRd7pWqkggS81d+gRQ5Ii\r\na864M7SYBEYRuJ4yKAWy3TA+I4bXndz3ONKMHh+ohH3Tc6GB/BjCkyuIy768\r\ntZtQjUiSKgZwHDy5EW7nucN9NMCXDeQ/oHzu9P+jCCCrcAWVjq0g7J5O3mIS\r\nAI5CNOrUyiLmpBY3LGL0UcjZYxHM0Zo6mxs=\r\n=lDFQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b59baa6ec6a8114401e616de0c9d3675a34e4206","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.1e1b1c369.0_1669229963930_0.010117070735621292","host":"s3://npm-registry-packages"}},"15.0.0-canary.a2ec49244.0":{"name":"@material/animation","version":"15.0.0-canary.a2ec49244.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.a2ec49244.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d1aaf996731911f786a21eddac0d452144cef9f5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.a2ec49244.0.tgz","fileCount":25,"integrity":"sha512-rluTUXeiSRtx038dWT84IEdEOZhbMQPR0AEuvUpm+1CVF6KYNa2zD7wqkeDt/lAcC6EYrlGXXuD+3KAW6ttgJQ==","signatures":[{"sig":"MEUCIFRKPAr5R4GyQq7NhuYEWIc5l3MmsG/8VX27W0Wkw+v3AiEAoeE6xpdL5sB/66g8kQYXK2ZwU2Qm3fjOxK7unmd953k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfnSqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqbPA/+NukEvYZqFJK7hjEL0OqIMR7xmOPHP9qH2Lb9pXYYALsDAWwd\r\n6XoBI28Qk0HqDiOfr/XhVGAmx5G/1tgPL6nvqqhgUP/BSt+wOUTVCl0eqbPD\r\n7od/FK1r3Va8RVhLegLcoA3Yq0QjgMmbzTaDdSV0Kmk0kiU8eooYX0rhsoz/\r\nd01yWjR9m3NcVFJbFI3UFYTlhmy1zNuniRtjAGoTc9vrnb7B6AcwaipFu1gr\r\nY0iaFDOuoJ645JFSnpN3OeymIYbX9UAB3nuqXTcZY+JyVCCpcXrIStvsBymD\r\nxSwvdp5KTCsQe5MvEN6Pp/fLwDpLpXEONZpDpAaB6ZhZLs6BztEpPvTxhszK\r\nVdbfLsfS5DvnkdB8BUQNhS4eE+T7AkERVlQppdLvI6mUS6dkwM7bJbB34/Ho\r\nigdrPsqmN/fbKcAw7+aGEIz3594EWlWXLt8vT3sZBhgPCcvM6sgBDA7YSeZT\r\nQJoPtY/N5yiVBb9XvufWm0mhInpsGkcArt/YKeLJNwshZhdwjPRz2IUrmwsI\r\nhKHlEX7RQvVAEqst6CtwvlwG36Mq8nzoo0dBBPeO54mY8kmQIhvqkhsYTP+D\r\nXiuppYIxY4NBLJiugorNxEfgV7MAQz1A7VXLExLMFmk7udsLbw1+aGSDfJ05\r\nCd7Xf0DtFlPkaQQryUUoplejky533jX1xYg=\r\n=oIUd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"fc59d471222d0010e05a636e8c3a9a5a9abe2b3e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.a2ec49244.0_1669231786155_0.6426095824482245","host":"s3://npm-registry-packages"}},"15.0.0-canary.a7458ba0b.0":{"name":"@material/animation","version":"15.0.0-canary.a7458ba0b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.a7458ba0b.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"18ee978dbb4291c47de7ec86835315f2e91ef64d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.a7458ba0b.0.tgz","fileCount":25,"integrity":"sha512-11a/C+2ZTCf1uUFkjh0JsgfqfDs+11BLykIEnQKQ8r77euAOHGlqf4UT/+L7uFHdIibz9voHzp2UZI0jzIoquA==","signatures":[{"sig":"MEYCIQCtq7NpJqkxBN3bxaOFiGA2/hgq9hqFtqI8xQpqvUrY1QIhAI2/m9Wyn7toVF7fU6qKAfIUcEjnNecF/wk5/mtguwNG","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfn9WACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqKjQ/9HI6GRfjjBSQOqtXTVIewHbXfGJlKwD/ac0QObHr0vUpHW1DB\r\nYrDvTPNGr0QtWnmgnN/vmnksDk2UTaYe1mAW877kztktniLYDPOQ5CjYfV59\r\n4lUTMauFvc6JMt6HqybVAYH+mUQYah2huZ7zjk2hxjnS3bRDa5mTfD+LBqhF\r\nVtdCIIhAjQ78jtWqIXBa2Jw2uTMSI/0LMnZKqNCk520OEDmPszILCr/vurNw\r\nGfC8Uj/pENkr0G02qi7JXmd4MLKzLYpfeeWNk+Whq+2BAjRHL1pC01Y0Vkiy\r\n+dalKTzxzbq1m6csJQ2zj0iZjYdGHerAskD5C39vRxDnAYic/yZIMrAIOR72\r\nUDHPb1WvMgl4xbCMg4yKpwy6QSnYFrxQWkct0+Z3OtntguFp9OIG2G8VgQro\r\n/RVVMDltPAzXphoUrCT6uDhflf7NPh+4pfXnbdSOxNuvlA02Ttd+IQQNHS2J\r\nbthiUfdL76/+Jl7AeDmSTAKgW5y35Ik/rBS+KHkl4tghVx8lVYGs9GO05/V1\r\nFdaexYBkF6Qr27dbo7HPNvacQ+iYvUY4YcetJKrOPIH9kMUlcgrxgYL/YfJt\r\nkj+Z997oSsKPABdiIAM7TlHgAlvrNwem8Di6b3dk0hBzp0Vyn+cAP9ry9fLg\r\nBF19B9UpBoLImSOTBh8B1ECmEKSmz55voqY=\r\n=BIhK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"62e6a15e0784982b77df0a1d824f81d5a15cb6f4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.a7458ba0b.0_1669234518449_0.1973954038453909","host":"s3://npm-registry-packages"}},"15.0.0-canary.7c35e5036.0":{"name":"@material/animation","version":"15.0.0-canary.7c35e5036.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.7c35e5036.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"93c45bdeb809630d1a7a681e0e8aab0a01f725c8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.7c35e5036.0.tgz","fileCount":25,"integrity":"sha512-Ne7oM0Jki7rVJNzUyHrwIU7Z961kZf0jMKGdB9ju8TTs+UrxLAKV54R4MYhhvGieCdetctgKjZIpdwhGnYjuVg==","signatures":[{"sig":"MEUCICiZLTzeTUpJgjfsXmsjObd1Bjg7xtVcYv1PP1EfLhNDAiEA//JLl4r8/CXZ4PaooNqAWI8okVXFN/GmM/D1dEITQ9Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfy1yACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqhkw/+OPuHP46yh6A8wYkXtMv8AenArY3tpbu256wNiKtsT0/d8jcv\r\neTmdp/NO0+XglJtYAfoqTRuFJ7pKYtLREJhhagK2pOVw+qz4xowlwqIxj4q5\r\n8E1iTm4DVXZKuIOD3ZptKb/+UDYofXUl7zXonsFokIAhGi1XGpOtuoYXUR9U\r\nV7pet+RUJqswcgcsYW547BXpm8Upb+IcSxcsLm8ulIXMx5BrxnZWxi+hmL63\r\nLyV/7PWBrpoWhYPE2fTh3l1mrL5NFjTlQcV5W7M8ddo5AMvOStdY2vFsFeaX\r\n0BQ4Qy7iOzTbEKNZiFqSFSDoGtAHUn1ZSWjwePGIT05xh95euQf+fIKjZuRu\r\nrVksW9kYMfSCQI0t/rkF+DtDF7QTmayLkMzzSmDI16qUmJe6V/19lwFYGpbm\r\nSyq8Mj1zQtnjLesjI+VFn2AL8TERyc+SjiLPvLMoxFPGPTk3gAkIdBVeAIsq\r\nT3Zj6vEo/dP2i9pZTDQrc58NVE9jg04BNtCgjypkRzKlbDDzeOhszgqJIzgQ\r\n4odXvi0MRBiuFn4Hq/PmOG1QyIJaHfROkEbIspf+/HtSZewOjZmMQgEovZ7g\r\nSkpwtllc3T/eDLn8Ot0iJ2oesYuQ3Moe5AspuQ/yyAaI2A9qrIGKX2fjKxwY\r\nBfGzmzoiT3VaejYZ2qPBe3I8i9EFISgWi5I=\r\n=TjAn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"bb1e9aff747feef28ef92f415776fe33dc1216c2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.7c35e5036.0_1669279090100_0.4273915042847669","host":"s3://npm-registry-packages"}},"15.0.0-canary.4356e05c5.0":{"name":"@material/animation","version":"15.0.0-canary.4356e05c5.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.4356e05c5.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4cf13cad02cce02c9a04199c1333f5752ad1741e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.4356e05c5.0.tgz","fileCount":25,"integrity":"sha512-bpuhSkzGX8TbB5LfwCOQIO6btWhyWmXoyvyS99h0cdEnIzuV6z6DxhhtJ1nydcQ5JtdhUjCVlZCV2+v4VTRk5A==","signatures":[{"sig":"MEYCIQD8g/qBoIttvn+vLnb6javEJmtlTzKNYMgaQ/lIWR6ZyQIhAMKrTybtml8R4i68RS+wN8/NH6x7PXN5Nk9wf8SKAlXd","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfz+WACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrEww//WTu7a0pmXE64JSX/2WEV+Yp/FHI9H/XctVKBlvOcayoawLnY\r\nW/FgY1KfDgtXELbX9y+ffH+45GUsKlMs8yuZDbcNUpFgbahRgg2ur9OfmI7M\r\n6U+3gEg9xVlyPSLNZTYnLr7e1xSdtMB/kFQbKbvaDoiL0IOtC2VmaFX2r9y0\r\n0JmPZ5B3uFr1oDZFCLHbeXE1MJ73pqIhwjK+vWrL5X7o7OK/GsNzAcQasuv/\r\nxCdL9GY9nR8hHeH+RrY5exrqxuNEOYEGDyFPaDA9hzy1J3ab+1ezYWzYzNz3\r\nNrqs9CQs9wdAmTsxV96+ij41cQ6l95VYNyULZX6EHGC8DcKNO4Xp12LKHfcM\r\nZMBwWjORc19CqgxoZ54IR9Yxzfhg7dxh4wHlvbGAgEGFcZvI89dZM4zsuAgV\r\nt1keSAJi4zG8E7+9Q5G6X8mMcXs5UsatJO1gB6d5A2Avmmy4qXMXgjBoc0N6\r\ntz/xPrivEcLufCE09qqeEezof42zNQJJs8f0uTIsUp0SkkngtTq3lGSBTVin\r\nmd7cfqIAXz6HUvlUOo1A3QBIVARgVYnyHY4QxzTxlgQHvsJruO+4HaCHPTyh\r\nEb93MTQ9p6CRqwr6dkkamqpSjiy0h2CVFSNvA4AGErjKCN66qhTpIZBhbJPy\r\n4dMsdaH+AHbXCzWvr18uoLqLI+yj1uJpLks=\r\n=fNDh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"8f21a6abb8b52fe9aa5804b940eac0cd94256fd9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.4356e05c5.0_1669283734763_0.09569664917107779","host":"s3://npm-registry-packages"}},"15.0.0-canary.cb605f8af.0":{"name":"@material/animation","version":"15.0.0-canary.cb605f8af.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.cb605f8af.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"dd67dc333b5d3ad112764fd886cf8d1c5eb5615f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.cb605f8af.0.tgz","fileCount":25,"integrity":"sha512-Yqsq0cHXG2NqtcYmB7R7fRuFzgniT+hkP3LrN6VCcIC9hHJ0E54P1SWAamAI4S8XlTKJSbSSOGt9bvEEIXyxFw==","signatures":[{"sig":"MEUCIQDkqa4kaWyvrgnyo3W3jQfrNPLzSklE8amEqFzGSEL7TwIgLaIRUvcqBHQs0f0WPpkJUosg6ppXmcc/OxaR9KgJ5Yk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjf0PyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq0cQ/6A1R/7rVkApQorBZ6Cnf3Pezo4FNfNqPZOOrY8hNwjLB+taIY\r\n5SLuQSbcmaH4paMfp/vsxdmvvCS3naGdbD4Mr8zfGlXZ4TrzxlcgdZuaFjmC\r\nxUH+mV9bk90/SoAjTfemU+wD+irbNdS86yr3aA0fwi8JoqyqQ0mzE/W8vcSO\r\naglKwyBdAadIFB8i707aNHa9DlZ1MA7pMYDPfoIufj44AH037gf+FgAHD8qi\r\nF1RqNWeNepTPdhjojnveljt6FyeLJU6Sa1hKSxyS6GEecHhgTipWOFIUZ+Qa\r\n8QhJyxn8Z7C4tCLm4WaEtDsGm3u1H1Bja/K8/JafxOXk5RP/HatR0bgQ9p3e\r\nC/q3VP/Elr7W4XNjMbu5akH5goRGrZuZw3ZXq7+DwQ3oYgKJPM3NfyyS7XeJ\r\n1lOz8NOoAeyLobolVaknVNMn1j9K/OjcXUilkuNSXT9xNxGzgzyMT/Zj1Z7R\r\nd8NgyKcq66KHhD3uPUNkxIlHn+bFA5wl5ZConOYyDIDjFSNrCpU9OTk1/zfY\r\ng2vyYVMHqZRj2x8ZvDNeZr5HiwLqcIEdUIJfmJ2cxUPJN2zM66PR337zZ6rM\r\nUVSzfo3UJ213nIgcRp/i+gZlZ3Zm4/D55Bi2crFoMYpFrVtmovMEQmRjO2a2\r\nKPMdqLxk5zFT5TBOfV6MWrGXJxrb5Hl3lo4=\r\n=vzH7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"9d617d11bc1506bf595e8a4f05413067775d3880","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.cb605f8af.0_1669284850302_0.558103607294103","host":"s3://npm-registry-packages"}},"15.0.0-canary.05fb07f9f.0":{"name":"@material/animation","version":"15.0.0-canary.05fb07f9f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.05fb07f9f.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"864e6ea3d969e39d5a3ba94c00e6a95e1f2e463f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.05fb07f9f.0.tgz","fileCount":25,"integrity":"sha512-0pDiEHqmatmfKFP5kX6t5sQcQyI/D9VJs0y80XPb09geAHIzzoBCchYLWNM68X5h32U7qLduxarIY/9ul909iA==","signatures":[{"sig":"MEQCIGxP6kjxhcCzKl6C3za0PJYfmboGRzEZDz5qyPVo4tPaAiAh24V6yTQrZliCA4BnxCygmWL+nlEw3v4WtHAAzV47hQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjf6YEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpz5A//TQSokSexl6vRiCxSgDVcrLP8uzR+LIGc58Nkys2d/AReM23X\r\nf3yIH+7hOnZyMlUmdR+bcnMZrtH+Nuw8jDC3JBirteX/nAFZ4XhuTiVnKHiL\r\nmai4PEZuYgP++WmNWtVn6w3NaQuB/fiVuzdLdLk+REU6n+LAEbZ4hoJoE073\r\n8Mmur6VlTgo+UZG4ifxyRWJ25ALMEzV6IK9qDA9hFZ6OR1JejNoDNyG3V9B6\r\nRKceNqZDR7Hm0MP4pgW72LVe3hgZXdgiJ3I1GfIG1DN3O96mhxtyGJ9wOI05\r\nOXOEl7OJuBJNB4y2JvkagahdNpRaS7vVO//87P1jMbiYm9ohKReNnNSsPTy8\r\nZoCmZUaqKshydySqPfLCPaI/Tsqg2x9OUXSCrBtcZ5VrasJUHqG87yNMQsOV\r\nrLwKKOslBygKSL223PU2hEpDdSsHrqGI3u7UuXV1tVslzt08ESEBxmzM+2iG\r\ngS9nQ+DJRkBw8nV1q/XY+7pcBEqORchxjvRYFmBeguGapfOKI9wdom6itb6/\r\nPQJ9fracuT/u1sur8uTs/uY0s9N6tlxcPJ/lDlqoCYClug6EpddfVtUh5VIC\r\nTOMw3LGxu0GpEkDNel6vIhWGtb0fhX6VITSPD2aDhYpLvX4GoLV8bH0RlRGJ\r\naH2rVJH5eb1dag/NPSopjRkIFMHtYjJkWug=\r\n=qFB7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"fbbdaff1715be513be46d4628f7aff9d8f7e27fe","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.05fb07f9f.0_1669309956350_0.9139994867375856","host":"s3://npm-registry-packages"}},"15.0.0-canary.a911b386b.0":{"name":"@material/animation","version":"15.0.0-canary.a911b386b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.a911b386b.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c3eaaf03f66568752f1a526abe3eabc732ee3bb2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.a911b386b.0.tgz","fileCount":25,"integrity":"sha512-9pHFgM/4HpqjmEDL0yUjK9Dsh0MyfizYsgKSxuCR1NeY7esZjiV2gBnPYvXAKTNSVPxAVbyovIsiHkZJO7SbQA==","signatures":[{"sig":"MEUCIQCnC51ho5tDGzIwrxBfkAW5NZgEUymB4gf4eLmNaT2QpQIgDY7ULrUOHfKDqFkonEcVvdqS5u/Aj5StJF1qtlsbjZo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhOXWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrrCw/5AVL/BD4ar7jn+Hl49A1jCrDIbPWsnomevYkkTEAx486OQLf3\r\ngIw44n6PG6BcN7sgWKwLpYC2PeODttAyXGgT7xVjGL3sxm/GUCR+3zMN3rID\r\nOXA7jLMzIuE99V8EGTN4E/TS0ALpYIywep01VakmurM75UpgAJvkay9ut2mK\r\nRqyY7+TX0u2Fx6AUZTvSQ2cyG2Lv16/oQzGqOlJp77HilEB7TCq2tSJvMaXP\r\nIny5uwlJsUKkpERrCGE+uehqxhkzqt5lm7gjhyNFWbTZAbtwVVv4lPfuIFFj\r\nCxoQUGNQssxGkBqiUIgr27YddkjSnn81B2H1QLMZ3Cehaf0hnta//3utL+lY\r\nmSgRb/RZTtFpy9Bp8HR7d3qOqgmtP00hiRfrLAfXINUg6iDJX3bAPJM4YcU3\r\nJ3y/coabNSDyT1U75IHtN2N7yoPrd47CoFZgO3oPBSZF2GTRRHFCQaF16O/T\r\nX3QljgYEZOW5c/s4ml8A0/trbqz3MMrmDXdNXzhBchxk0DYKMoYiM/XmtC3x\r\nWUcNPXslrDNyKTrh/PJaw+U4PqmT7yIUwfNCMe8tpgHd3lWkiiIR6URszEMl\r\naALZjN2PRc0wA8kcjH31VKEmNTLndvKOF0t2+veAw9FLqM2FnSEmUs1hT/Km\r\nPw4Xv1RMlHx4i5dWZqclKJw6gC9t78Z80C0=\r\n=WkAx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2487492bf1103f4c82913b328eb64ca5b71b9f5b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.a911b386b.0_1669653974221_0.8087332703372747","host":"s3://npm-registry-packages"}},"15.0.0-canary.2aa8050b4.0":{"name":"@material/animation","version":"15.0.0-canary.2aa8050b4.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.2aa8050b4.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4b7e9b6728a00e01d302a68acfb9542ed14706c9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.2aa8050b4.0.tgz","fileCount":25,"integrity":"sha512-0k6cxchaaCNwf5apIBj6tQrHyAhLMsG8B/ibodiYxNOug2Hoe2h64ABG6AYCK04y6GDjdX8qk/SzpmDCGDITcw==","signatures":[{"sig":"MEUCIFKOPH4NkvyH97k6puvtyI46pBp97Rb1YWpHLhp7ZaJ/AiEA41Mso3hwqq47jH+Nq8ubgMRYq/CjUNvEot3rQJQ6DlI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhQegACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqSWw/9GbfV0Iq6MXtncdy75vx5AelhLmfHlI6DgLY8tg7sb/wMQq30\r\nc24S+cdXZJJ1vFXx6UDfcQFIsQOnvNb87P5TSK/N0I9j8TIVgsDRPnJMCM8R\r\nB/UGWpevQLljWPY4nm96ZrpLBphpA3wzNaS4oj8CkID7iUtxyndwGDEStCB9\r\nrnNgnefOQeGoe/Orp1ozKShBu1sQtHem+rZ05MG1FW7XGzdDifwNtmdy1B6F\r\nGn3/VSmgrQLQv41w1pvTQkIO/Ds7TjYkaWdIWjmQVSFCc02ULnQe2LFMSMzA\r\nuWRaD3kBmTtdtVs+iPIgBjoTFISunpXImepKZv+umpGBVvgS+5y+teRvETkV\r\nTLyT4CAW0gbJPG1o9WGobYaH80bFhinQB8FCLKlht7y9ncLcn05JwBijD2c0\r\nZYdYAk77G71tv0h+cighQHF/XsN4lxhkhpePuhvuiRLGSLXd4+hLls+avAjv\r\nnl0+y/KjsstEf0Q5+2O7Lx4LWGrWm1njs0+DwkMOHm5sW6nAhhHgBPBULQsX\r\n1EciGTT+QtubizCsXK86gcTQfIFAnYYy12M+qmpXLJIoOPDLixUrOkZBix70\r\nJMB14aB7O5bUQ7lg83FyJBMOWvtUN48kljxF5a9b3e+5LtWldze3JJe2JEyt\r\n47QhAUXxmdQg1e7ICyi5bE/z2Em9Z/KzIbY=\r\n=eYfZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7ea9b47d90d470adeb6f1cbc0c1c98b88392e56b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.2aa8050b4.0_1669662623985_0.8048207759344488","host":"s3://npm-registry-packages"}},"15.0.0-canary.323904a9f.0":{"name":"@material/animation","version":"15.0.0-canary.323904a9f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.323904a9f.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a96fb4636c118d081ab3eafb9abb84921408c5dd","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.323904a9f.0.tgz","fileCount":25,"integrity":"sha512-wHKR7WgbkhYMc/CT0m16YpeUjVaIBWNInRSfFFR02nMICWuXaCFBIXTu+d77s9ht4CukuNdkGpiTvEUflICmcg==","signatures":[{"sig":"MEYCIQDfj5f2uZyfLuLdIGJfcZyjer3AEcgvDoxM11D3yhvdwQIhAOVWOgCiVp5KZ1Nl2vdY5uVMcWS7CWBvnS9ZATJT543h","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhiYXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmquSw//XUEHijqKlQmbzLYbX+xcujCVi3z/QE7IektBXSTFqS1SlOGb\r\nvWW5XhpXbJ6+fmnYEnVB+LbVHShelGMlRQheIWIVXtqB+1w9f18FfiDTsIao\r\n80k6tLJlTf7hwb9Bl3vV3ijKAl+87IzxwtD7w+eBRqsEP9tN2R/o9M+52u5x\r\n3Fn/ENWqCBC/66nP1/DpxIj6vNnOw5GiSJqywDgY4PfdqZ66QEPLSVPDIbSG\r\nd/VBnj7QMI2ZNm+DT5oESTM1jDcZwl/XzzPXYhURBR2WgkhEPyd4zepzgIXu\r\nwJ+OaJagTo6jLMGIi9ZLOhf7i1aZHUe0+3GGIRRG9CbIsF5nI/a7lOA5wD69\r\n6E+R4LfBJTHqpfnL6K2NYCIJGLKToS2EqKoPdXpb/SjlAdv13z7s12VIOxSE\r\nIthECQ5Hfv5IzKWMh3VorqJ+UQalkiS1cvbNgVSyA5jUQ1zVPLOqB8G9ACx2\r\nhC2igPf1vGolQctdb0hkYFnu8Wir7NjGMxU/h2Bccqzci9e0ajIl9NYLsg4E\r\nCbwM9vf5TrSC9ioHXGrWFPHTGnh/DanMIZlyTPOqTm8WLncV7OakKHJdh/wQ\r\neRhedsC27vtFaIBnu6QONt1j6M1hYX5WbCDGEXiaWbt6xloJIFw0ZBOEVzod\r\nSZ/2kLBqrS5bCIWSnRnlE9YSv0NOQZt2L6s=\r\n=L5Ge\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a69fa8c7160aaa07d868f5bc365076bdb159bf99","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.323904a9f.0_1669735959725_0.9435564359621267","host":"s3://npm-registry-packages"}},"15.0.0-canary.168a629a4.0":{"name":"@material/animation","version":"15.0.0-canary.168a629a4.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.168a629a4.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cf4aa335367ddc38491c1e8ffc4bca9ea76b3bc2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.168a629a4.0.tgz","fileCount":25,"integrity":"sha512-0SYmT5dJKCLx+eW5YDI0bMVM370ivtDIiw7cngoArPyr/Id6GDLeonGW7On6qE2XxSE1F1eIz47/zP+ops0Aow==","signatures":[{"sig":"MEUCIQCfVyi0+VXmiPi2Nk1ttgqlkShO36n3MkNGMmNzZChRrgIgTB/Q+1TgAFbScvcqzk4siPqd4qo7+/Y7RSqVRk6+au4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhjenACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrAhw/+MoP8on7YsoKQpWH5BlIejuy3/0ZER2wK/UU+YOmx4jhCLWqH\r\ndXVzk/0ElcBaNAtvWBZoaN31mnqVCJXirZ49L7QMF+mxkluP5Y8+jPPGB5nf\r\nDPFyxRyfR64r4gjY4kBfaQjG3NoMYbuc9Fs8dL+2Ig8k6lHgapCTiowMTfzu\r\nqb7tEOr6BrDnd0rf4M+h6yyejXCSYU5oKxrnYOOetoZTQMeG92E/Qabg4dyv\r\nyzUIxI0cnsYBRlgbS48ZJFBNT2JBvOV0DYAlAHcV9girV2/idk8tjmjhhv2e\r\nrZwmariEk13g+CrA/yxp1m5y/nt6HTnknQvXnlBsAYXFQ2JLhyNQLBlC6g2A\r\nffmlktTCH7uw4HajS9L9AjcyjlmUpIc31mtjOEZ7/sYMljNDfGcpQ66ORrkv\r\niwClbMlYUk3T5b/YX7GQW+7p9Ugyf77UyeDcnwSfs5GWXSAhqCzdG7QZ+kg6\r\nVlN1IrMZTrl4FPur3Y4txCC9bU1qkSKx5D+dVmeGfymGPNDMzBRQbvgykQ2j\r\nZksmfBdIffpXhFhCoxcrBBm3QQjdGIa/KpImayVTPq+idBmmKKIzK5gp42Wv\r\n9RdjfGVHNCts4m8wReyay+lZYWCTrGb4XAmFP2uVKGjWVrVwJgnRsXv9uj1k\r\nwFghE7wKzEzj2mDIiWVp6Dd/4B0NAgH8ARA=\r\n=dpDV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"3091b344799132cce493f92839da8e544fec7c05","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.168a629a4.0_1669740455519_0.02904452788365175","host":"s3://npm-registry-packages"}},"15.0.0-canary.65c411674.0":{"name":"@material/animation","version":"15.0.0-canary.65c411674.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.65c411674.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5ce8038144dbb393ca2f1f6d518b1cc0a74e817b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.65c411674.0.tgz","fileCount":25,"integrity":"sha512-NC1VziZTfaV1J8TjzF1xj8wWNIpTAwSmapOUI3e99FbothkkNEWURze7omOPuP/TXqUwRa+LfyjpbMtCjD6s1g==","signatures":[{"sig":"MEQCIHo5Xp1sB1p5JIOkMFAZIubSYmhvqqcouGYRruVGLW4CAiAsv0EsY96S67n/nETnrisAbqYffyltl7m4RwUnjSeRKg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhkNBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrOSRAAgdy/Ekt8PA2dxSQTs+vq7rBtq1ofAycOfjhLDrb/3dEi/TM0\r\nIZDlb2KoXWI1IEj7briebax4mt+2miVfpJMaDcogryUjRrJ+8LfEhgsUihw+\r\nt5ebTvS//DWK/afnAUl3f88c7CNk6D7YclBiMXFQP+hnXY52hzBH1AnhkNMR\r\n1YM4y0Z8Zyind+xtkYrjmRNASqfweiPyv3a3SNTGOWzm9X3hMvLRzX2r+wvB\r\neZYryglyOTEl1NV6Ugk4/YbkDuYvmwJRX0Rj1PkkM7G+YLVrK5UpUF/em3JV\r\nyKjPlurAhzvDlD4g5vywC/aNhAbHH5C1x903H6GOFxz4cPrfpYFsQ33bOSgd\r\nF3rB/idY6bdq0lwq0Q82FHgiwiMxryCgWnbGKWTuZ25I2b8eFAhPqeR6Sqg4\r\ndRaZyOiIYoPBer4EzbUdFEr4RiwEZ2DchBvyJvZ595nclu9/TQDUCGdPS50U\r\noDx4QLEDPeQXOTaiUzpzVzKRBnrdL1JYJfHjzC2Fx515GYJuqeLexzp6O4aM\r\nOz9qx7BQuFWV6ChLNYGR7oMWBMBasNBVI1SoSyvHANr0ojONPhu5y4Tuyyfy\r\nvLXZvCcfTKejOYcM6LNmVS1t9ny9cf8PoEVjcvo73cG+os1SVp+g+fevgVcf\r\nhIfOx44t+k6QmckL5m1MKhR3BQRAHLSAcH0=\r\n=0CfZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d80879a8c467caf0f52227ec97481bf5b7f2cb16","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.65c411674.0_1669743425116_0.33342597778434824","host":"s3://npm-registry-packages"}},"15.0.0-canary.a86d36fd2.0":{"name":"@material/animation","version":"15.0.0-canary.a86d36fd2.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.a86d36fd2.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bda6dd076c34a089acd05e48a56a0470da9db0cb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.a86d36fd2.0.tgz","fileCount":25,"integrity":"sha512-XpkBeRqonW5zv8JsxTY7S35jqNvSkF7wnyDO3We56eaQYnb5dL1qGF17eBgEvbfga7Z+i1r29MBr+JRM8vcveg==","signatures":[{"sig":"MEQCIHZOqVBshthHvGPits/MSOiBPWsnvQEv3CurD+P55JzqAiAzXDzpO2tcBB8R0rXt7gUHkQieGYU02udXfw3RJUXdBg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhrwvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpvsA//YL2KOfVyjPxZaT2sY0/HCn31GATKITWdigKOQ18SrpKiQq+8\r\njdNAz19R3g0cNvl4vx0O2jIK1JyaTjdJkm6b69LIDAAB+XLBl/r32Rc5W1Qf\r\nypTQz8lqMtmuZtkiSR4Mnwba9YMxXE8d36wcpRhTIroiJDskrEf2PM19S0y1\r\nrHvcSIGlV9wNGKbVJbMAO4xump0JEekvVDtoBpSdJRo20jAILZUNlWSK8Nc8\r\nAhWZgBytnZsVXluAe62lldsuNN5btSChhrwC92qaw593CHfiwD41mrCd/xm2\r\npvn6/6ykKUjXeEF28Xry3EKhFrgw+qctFgYuyI1uF+HIb6+OKZg/XXBpALd7\r\npOUZk90GFC4r6XEOR3jlpFvM/0YBojVB/yEY9tzU+5pUuKbGn9+DH4itfDnW\r\nxq99pNKXrAGDWZtGqmPIfTIsq0gsxvpj17QUwVTr0x1xrbNgBOzSunGzgGsp\r\naz3VWYXcUg9Xnfz8VFUdeclS8OWU93EHPI4PbWnl3LBGTGZZUXCfMmiPjLw4\r\nftbf1+kT0WcbyI6D45CLnF56h016cOBOSFOpwTINYJqZEWYb3JzgOruPNLpm\r\nzNPQeoqVvP5RT0N51VJd8x+6wkVmXFMSHGPk81fxtedZdjI6qaXmpGk+LOds\r\nKaE2xwv5QrcJJ4f0hqGybLx2S7e8NxSwG2U=\r\n=rr5j\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"85d3ff6d42516ecc839fe336441543c8df62326b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.a86d36fd2.0_1669774383641_0.3877249566898082","host":"s3://npm-registry-packages"}},"15.0.0-canary.3a1f46c66.0":{"name":"@material/animation","version":"15.0.0-canary.3a1f46c66.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.3a1f46c66.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b899749bf95d6ae23d6226068ba7aee3b4ebd769","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.3a1f46c66.0.tgz","fileCount":25,"integrity":"sha512-04uxFQ/bTQ34GfhZ8vSrDvPaDzX4OTnoIKEWqVpTMFeEe7gZLXFOmf/8lirlMOVDjzyUUV9nRgjrE3+biNbW+A==","signatures":[{"sig":"MEQCIDzFM32qoRhnEuEDEjEejpah+C7lCi/20mgGLOySo3apAiBbRo49EDGiQAokpI/Qfq2WDrLlblVASTjUQqvXuNMhbw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjh0cPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrUUQ//aEn86J0IxQQ8ETMO6nagPBuThorJewZRub8iE2Y0Yn5tYqT1\r\nAU1fqOu/bPgFrYP02Fr3x5iZthw1SxEmrsEOq0CrWkPvya2hRTXM73VJSHmO\r\nkKVXhbWuHkeGVnw/qaDVnBTEa1x/Bffo+tWw+WWAzDJFqVBzQoDETzfo+ozp\r\nJpUR/Eex3MCx3OuClhI2Ff/AUD3JukXCmblM9xBiQB+CWqNdP1S44/uqcLIj\r\nD7UlGtgHEkqI9BSfi3maTdWY1MCQKza8kcnxM1nk/FgBnmFPBAHf5kIstLrW\r\nzPN84jV+LBp9jaFq+Siuw6bObWUzM8pKVROkoGXfjXeXyh5Q0v4YHK/G3tbu\r\nBxjen0VyQ8vw4XeKLfFDXF+vyboBO7JNhD5TomFaOW1XpuwQGuKClOZ4d3gf\r\nnwFOMeuAGR5PV62gmXYuQUzQrZZIdnTSwHSjmH5jGFbUyrgB+FS7c0kpwrKo\r\nEZoe53GktWT4v2kwxFy7c19YiHSkmCFJ8wUqgLoqTJnOTkuYFgEyXe4Bkg2l\r\n/ElkYKsSxfZUAjaUh8WMYIuCr5tDkmRvqO+I7Fpc2+BiXp2malgxFDGOtsbd\r\nuofOy6YsyCxq16DsWb6Xl8uLFC2yooFzMqKzo2wlqgGhlgePYyqNaNMKYLDp\r\no7DgrBLSeQfKI4WZ3rRCYA0lNOFwUqNQXHc=\r\n=kTo1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c3f9c47a1b8fbcf554e1fce6da44837b6d412e2f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.3a1f46c66.0_1669809935549_0.3886161696324293","host":"s3://npm-registry-packages"}},"15.0.0-canary.32d8a9648.0":{"name":"@material/animation","version":"15.0.0-canary.32d8a9648.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.32d8a9648.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"90c9ed884430aed4eb8b2816c0522c5ae7c49c58","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.32d8a9648.0.tgz","fileCount":25,"integrity":"sha512-YTMGy8Egby8GZu08PH2O3dGvd6ZQbiP/pLIzveMmEofRo2pg2muiVKfbwbXrToZOh74XewetA8hZHlOBi19xzQ==","signatures":[{"sig":"MEUCIETW5qQeQKjQoxrDeJdER3Ur16nsDOWopy0ubfYVLUIoAiEAs6HP/OSvx3ygOQ5tmZj/XyTP0MEA5nEqyVWt+dqJ/Dw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjiOQPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq4bQ//V8MQkxlw4Spolt5s5KzlTepgpdWK3fk/4buFfBg4HxNJ+ENA\r\n2Qyqnv82N9aCZ1Oib7JedHaUAtzVZiyjopDwKCsJyigt2LopbDmifBx5JhU4\r\nGC3JKh4H+Xh4mZbbPE3wNbsDwgMn20daWDxBIXyC9cixkUhGUMyWBcfjidO2\r\nZc4kexsqdH+Xb/ea+0pO79Wf4WUk/fzAyk/1ZQtVmUrgCtSruiA3Q+Zla6O3\r\n/4ja1VvJnI/R/rMM5TmgDlRXI5GuMv5v7Ywm4O7wqvKIf+LlG1WmtvOwOjZp\r\n1RfuMYH8FJLdgms1clEuhRNvitBEM4u6yZ/RQFtBQJARb+/+/hXSohHS5iWB\r\nqb08yfFHllc8ylK22fnHvixEb8nqOevIPj3B8p7YoHzyIbCcCB80r1klANY0\r\nqm8KVMwLmEYS7mOTiAY937gLuS9jubBOEVCVZMt8zyZDzRFoggZfHPCoi/tF\r\nQ5sHUawrr7Vi4oSc4+wQs9Gf4svbloeDc3euB+peGnJN0s6cEh837BTx5AiM\r\n/3roDUrv13SYTQOmf9Leysb0ZBynsNbFEL/d3llEjAH/8/EM4T6jtNI9iVGq\r\n+qZ7I4no5n++eMfz1T22CR2I98o+mgE1xAOAfPt70NGiXo9Aaj6nwdeb2AB0\r\ndv1TZdjvDw+QLl2j9lE59pqtlpQmrGg14WU=\r\n=4rw8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"5833a540d2f362be3d86a707323bbeb6cee2c627","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.32d8a9648.0_1669915663437_0.14070124481898172","host":"s3://npm-registry-packages"}},"15.0.0-canary.03618ab70.0":{"name":"@material/animation","version":"15.0.0-canary.03618ab70.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.03618ab70.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9ee252cfedd97be2b1abee68f1d8817cb06863ca","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.03618ab70.0.tgz","fileCount":25,"integrity":"sha512-lA8ZGpeqCvbxeU7gbZGSr4sl1XkNc3LD5Ok/8Ua+LzmVkGRPQj5nMuR/76B/saUI8/rE+Fy5QaOvKpkPdnYLCg==","signatures":[{"sig":"MEUCIQCQDAzLr892AVQj0iwEXvEsiGzPONYZOPX5p6c9PihmnQIgChMzYC76vksJsSvki94/1GYi3eHAW0/OLfIUIFXcZpw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjiRREACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoxORAAgYzu4SBH8rXAOtZMyiIeBPukAMil1C7KUcXSDv225/NEyc/c\r\nQVZe7iMMNR+fb6zcheyVYHHWVz4IpYZKRlZj2/FUS5unha/+JbNI+5aAyVAq\r\nO6nD7jy3YLkASONQIuj8zYPZ6/5XU/M+uoZ/06p5oF5oPZ4yhmSsL2knxwJZ\r\nLMDO/1eVuBXPyf/XJbAcOwn2MWhF+l8pazZnu1rucpGccXVYx5XpBx8HZ0To\r\njJ4h8vrmL5/r53ZZc4CFeTL59SpiFOQ6kWG2epKTd0QNRA1fQCakYiG5TLqK\r\nGwhVP/1g0bVMf+D63wzvE5xfRdhNL1bdOddgwHKzpd51mZvZrWJrcUxh7l/D\r\nQW+Bb1c/KTBCUrH2qx++A5ZF68+/xBF0mPSBgJstGP1Ix7ge4RvtCJPyNdxe\r\nSkU5K2H1CEthR+6R7UeAsHytuSsrnhlZGBe7ZhXNlBWfoE5XKoX3YwcTYrFF\r\nifqtuN5lHWEQa277JqV7SBwyYzrOlYC+q5/mHPfcS17SXyxHQvkZeMyGvnMk\r\n4YvyUuIxH/sIgxywDoDS6XPS/9nT94AXIhNycUWZm2JDrmvvF6dg42COkocB\r\ncazXbHGKFZXFSWYzCkQzEV4SB+OxfSwempLw9+VyroVpx9U/ibHg2Pt0BASX\r\nIneraqymc60sac1fixgahA3pq72acwTFHqw=\r\n=kZhM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b7755627c14a2cf095b6ee87d1ad15c14430ebad","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.03618ab70.0_1669928004382_0.30331317022664517","host":"s3://npm-registry-packages"}},"15.0.0-canary.68aaed940.0":{"name":"@material/animation","version":"15.0.0-canary.68aaed940.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.68aaed940.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cc06c60681bc486240c331212bf189f3ae1c6bb9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.68aaed940.0.tgz","fileCount":25,"integrity":"sha512-W4smvg/ueldzvi1FNQYrjLKUjPOA3H2v/BNacCQmQlS7AHaaAD3SUMQNGy2UyC/V1Hm1wc50poUIRfODhjUVBg==","signatures":[{"sig":"MEYCIQCvIPswZU6f6HpFbzNMG4mbtjctqJPm+O7DqPX+lccrpgIhAIPesTuG/PqWiMGrzGy0Emub2/UHwhrfnf3ZvBmAToNG","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjiRsrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrLgg//WSVR3pmmVQ0aOl82EoHNAAwjw1eV9J/0h8kJGOL71KMpChrR\r\n8uUVac06tRC6fQz2HlT98iAEeri3R3hIMsC5lV7v8w9BI7MXahsxL/QS1ujD\r\nsavJpTM5Uex/7t0wxobABFVoN65JI4ncyvPCyLpEoTj3zaXguTmRiTwGRS+H\r\nWsxT07myR6GmS3LjihF1cUKpqRn2b8yObGAddOJjP/YVExEVTCaWUAsUjZHL\r\nnsbmASd5I9V0iT8eTlPaN2vfrKUvMiuX5r4wAhivG9Vwkuznud+SW97TFbbm\r\ne5Fy8AqZmL6tKRg/lflWBgsz4BWV0MaIyR7MFoJOhXtfCyXK+barSSF66DFk\r\n8l6tFZT6jXZQTo7kyYbCnXKxP9A4/2Q2GnJZfdObGO24qLOVP0jWNNyjE0D+\r\nzZd1SkmIgRvFHbGUWGhGzOZCUp93eSIAzu5IgMlsa4gM13kBbVN1Vw6GahP/\r\nLKzG5O/caNIBuKgkhLEo1n+WSkcuKKLfsIz5hjp4w+qejCwARyqmtWhrh0n9\r\nSikDTbHzX5mn33vGIAUJqWxB9sgfNZpd1hLSMlyMYxF6e7z1Rk9LxaKF7suw\r\nlsPHQp6csSHB6Yu2uQ+nhI9h7m1Su+VkyCdguiA8G9cITHFsMzygwT+92mNt\r\n6PTxP3W4yUFlBYhLO04SPHrMrla3H5U+WYg=\r\n=L3bs\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"6092c4f3bcdf41ae7f55d37c6ad51793eb8f040d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.68aaed940.0_1669929770872_0.8126674681291313","host":"s3://npm-registry-packages"}},"15.0.0-canary.f0a0bbc75.0":{"name":"@material/animation","version":"15.0.0-canary.f0a0bbc75.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.f0a0bbc75.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a907c85d3df241cc08d83e52fe9d3fcf085fd34f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.f0a0bbc75.0.tgz","fileCount":25,"integrity":"sha512-G5qjXw8s2AW6ieoN4fPz/qzqAZ+hRyidWeGx7ObqhuxvWsa38mkwalx1GGVq6OxeYTr82XSl6XIEzzb2cKdQMg==","signatures":[{"sig":"MEYCIQCjnIM0W+tPtEhT1y2tQbm2j0dT3aV6hoZCx7QQ0vQxlAIhANVseNrqnIrmHKaX8wDXG2zdUNyx/ve+J0SBq+ab+3s1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjib61ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpTHg/+PbbiWB2+i1WaUFeRCQprwSKtT9LOtQIkLuMGMkoltsCB7G3f\r\nlOfDsHKLYY/lup0d4yQ2I37ir5AOqs+xZGg94aD4zTlNUOKXa1dbk9rNu2Xg\r\n7d4nPEMSWxKT0deN2Ec8no5J8b/H0erXIaENS6IMeynPsf0MnnWQONQkeUCI\r\noYMVXnum5tAYnfYNuZm5jpks37X4kNesfH0Cf654bH/xado0G8LeZ1jOYNYS\r\nTYL65vwOaF7yClXteaz6sMazWPvkDp0VW+L11QUSRR0n6fh+I+gedpdBcXXr\r\nBfKEa9+oGVn515A9Gu7XZkR1vO0tbxeV8jtZkVflJq/joG7BrMvuNGlxX5/n\r\nXv7WYZKG5PCmpr0IhABJOt6zXoR1egkRvtacWn9oIcTgkUuFtbTaGOtPD5HT\r\nVw/H/ww6vpnpE+2OnNtpY//W7rm8Cl8xnMb7pUoj6EZrbgLp3GO3MRd3ycPf\r\nHqDvcIRqTxYV/+OaxMDtcGLMZL0KUKlIly0aZ3+dOMatc2546WPcSlT4wJn8\r\nnUJ11u2caDCliV6hgXbYr4UjqusG1cSd90YhmfX7EMteU79VS8Fr0MvmywC+\r\nUEDv/09Y9kZ9PTlsj5QrtB+aVJTZmYCN7vbf9R6TvAafllPkKm4Ta80sFz3O\r\n1U899TBXZeIYSBDtKE9L/qwpLkZMh7RwizI=\r\n=tHDb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"5111125522be9e3847929d9bbaf323f31e9057c9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.f0a0bbc75.0_1669971637008_0.9297543996178419","host":"s3://npm-registry-packages"}},"15.0.0-canary.dd99c8764.0":{"name":"@material/animation","version":"15.0.0-canary.dd99c8764.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.dd99c8764.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"67e51c1046b6cc86b3d6c3e5e1b2cd5926709705","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.dd99c8764.0.tgz","fileCount":25,"integrity":"sha512-oqTwDICGRdRbWh9a9ND6cOXbYNoQLDmTEaES3X9du0gwpAhNTKWceZq1lM1HWHQb0Xd7y1rG9WPp9lNiPKI/SA==","signatures":[{"sig":"MEQCID9BNulfIqc3ZT7vmm4M/ADmKpPPUp8vFYO/geOjJYvcAiAzlmDc13WOYPpwTsLqCooasNvJE0xRE/stuJU+Bwh+qQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjigTXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoMzw/5Abiwme9CNHrf3plFj5RlsrqKg8/V/2KlOVStmbzLaRP/sS1P\r\ne38gZO1C1SDDxphgn6AWt5uHDXNbHMS8aPfIFbZMIehuLMqJu+0EpcsOK56f\r\nzwy0IHefQzOjpalUgcCKHnPKUs0WyMLaPdjAMdYj/62jTmG98+kk69htfz5L\r\ngf5NvDsfksRnWxaHVK7komclydKOg1j7DYt786BDjpz+SrJzbjj0gx4KQL4m\r\nDSo9fiLbnCWclhm/ejKC2Aq8mTG1OflikBUIz36wpkH6LKxGLbLHY8Jg4ojW\r\nL3CM6/byWPTnlQECKAc78VNOHhfLNLZR+Yvugz5YlwGCbMvL356S/RN0BHuF\r\n5LFrqHokJ+c/QB87aliayqxN9C1sUd/3Kfyj0VNjyLy8Ax7aUKifP1dW4BH3\r\nQjI/hBmVAMI7ZSPbTIHhO9+EWISAW+i1yh30KY1x/ySNVh2cISpiPqZTxe2W\r\nG21vQ/L/MDbu5RivqTnTH5dumCL7qUoXxRawfXGjZvFd1DFelDDkiSkYJfsO\r\ngEgiPA91YQCHbIxBeax4ilHEaDa+8x94jBImgtTNAEScvcGi/16wuAI8kcs3\r\nD3hewvrKBA28dwNqPK2yIDHgynOh+z0RuQee8ykCjkf0mkdEyjMjfv9gb+eh\r\nb4ywEwb9bdSZz/MPkUr2brjipJofFAZHLt8=\r\n=1wOM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a9ff7973c7dab53b620d5be8d56e0c491cc5e7ed","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.dd99c8764.0_1669989591441_0.08201036367003822","host":"s3://npm-registry-packages"}},"15.0.0-canary.fabdcca3a.0":{"name":"@material/animation","version":"15.0.0-canary.fabdcca3a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.fabdcca3a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5e1be1d6bad626a65184f6b1c91f81787920d1c8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.fabdcca3a.0.tgz","fileCount":25,"integrity":"sha512-xsOHq7B/famAd8oHtfGSVgtkSdI4EoD8riV8OokMwap3KRXTQUzHBA1PuPjpNULInVtohqosyFKVOUc6JMzb9w==","signatures":[{"sig":"MEUCIQDw2at58uhFZ5TyvLRWcd5DXVkXqawJj+SPK9QYmQgVWQIgaD8Gd55uAYgra8TXRls5RnLkZdu+AQUIn1HyjCL/8oI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjihQ8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq69Q/+IPfxqWmWpCbuhzA8YqiqntiAZpb5odqS75i/QDSzZWu7ppjm\r\neIwEuNQCtNdbG2eMzXSMFkcAORrIPOz5hC8XZMwi5n6cRj31N/RQfqf9j7FX\r\ncnuwqdMfBkESAlbi9GsAuEI7V704wrElhgtYollQLAab3XWNW3KQI8w3ZXjh\r\nbAsN1O53ovEn7TnD01txAsMG2ZcqVIiWB6Z1pSv0apoktAJvBp/e/ZItSbD9\r\nh2K3QkMZO9e+EeRnH4z6Qcw2nykRHLdVnLAq3vWp7KTJAn0pZvP4MA46zO2O\r\nj/9Rxc1ju9bVL1C+aJ8QX7DXuukiTzfUSSoCFtEZsQrbemVQfrePn1HEKxJH\r\nwqk5oKxIiGlxscP8JaQZpfnQsZcN2xDKdTWbBOSe5MnoF5IOrxQzoElK77+m\r\nWi7HgS1420Ixa4X9hvU5M5GbXBJpS6Z2mEcYkRhsYgQymZCPLo8eN2drj7Ll\r\n+3//e/UpJ4MZfj293QmP4i1vAlaZXJ1/qSFThabiKPqo25wQHDMN6gXhEYhH\r\n3RYrMQVEsdMG3YTIkrcwRFj53YxFi3O1RnwWPei/mp71bbdukG2jneNBF/Kv\r\nP4KrZISqhfhpDXmCYYZuhYd1ZWmE26mTrgLD0GoXrI1qah0oKaBGy6FvrrOp\r\nCAp9vNEEnHtGDEUErxkEBoMdNsgrVKCDiA8=\r\n=sotU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"18ea36a1261419acae3218fc917dab4ca111bb9d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.fabdcca3a.0_1669993531725_0.6824716244317677","host":"s3://npm-registry-packages"}},"15.0.0-canary.2d26722d2.0":{"name":"@material/animation","version":"15.0.0-canary.2d26722d2.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.2d26722d2.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"881fe86453db2a1a48de936d770859e0371b82a9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.2d26722d2.0.tgz","fileCount":25,"integrity":"sha512-mYJfbSzxD0Z93SocmSgQGNAj8oKrwRt0HxuZTB24IzhfTjLAhLeSBQUQyXHs3jF6g997fbYR+X5+8NKOui5VVw==","signatures":[{"sig":"MEYCIQCxM9fw30MbvacoohbEn2BzHmrxZMsihx9Rd1iYTUs/lAIhAPHcGlXFt+I/X8s7ES7hPX5slt2H9wyyNTs0p9ONWb7b","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjiibxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoCtA/8DsUVFz1itsHAZjCTw7i5ld14RmOpnZsg7zRVtbJ25wtQoR5l\r\nD1duUhBlq/SwsY0qp9UyMQU2NkH587P2JE1sntuWv6KBL0J5i/8zx/7+XfuK\r\nHMw/fC9qcVED+VV8+mTEVTBrjaNDVl03BKMZph7yP/M81qyCcGrb4dZRgYCT\r\nyCDBnppC2c+X58tqZdts3ClB2fuWsqhEqLietrKIOAMlY2Vk5kwmhcyWfPwO\r\nP7gK9S6ifWrPaYYNtj5pq9JiNt1GGXoixyYfaOtmGlZt67ToEcWkAy9q8jYz\r\nnydyIFTPXhiEZhb6hRmY/N2MCdg/hs3W37L5waY1dxsGgcGYI1oAAkV/OZCm\r\nUGIP8zZBKhKlLUzixo6ut0Cipv7SuSUOvTEZikQyvqU2RjUaNyCGbPyXzfZQ\r\nY0xAkp7woiupPvct6Ie4RBkTgyYO8JLZQteBlBjwCSROj2QWcjr3K29OLkc3\r\nBYDR4kAgv36sNjtCr1xYVK4Ff4tIlFzdovf6DtbZq8zO4O2INGxmq7dsORas\r\nGwBWmEg3Geyno+5/MNY8ohKTGCXhg0W72khHNRWvLjmdA/1NsQwlVcftGH5M\r\nJfUNB0U8HW9OFAZpbqDaKvfhiS1PvYf6kIHsJOgkRuLRyKDM7W6921f3cFer\r\nHPfyzzsPF/NQSNVQrlCZxNG2kAgLrjML69w=\r\n=ijA1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"76df2659d7f71f74a86512b38245422ca356fe12","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.2d26722d2.0_1669998321572_0.17329763476036208","host":"s3://npm-registry-packages"}},"15.0.0-canary.eaa0c3a86.0":{"name":"@material/animation","version":"15.0.0-canary.eaa0c3a86.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.eaa0c3a86.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1a7aa1ac81400b1fb81c58149a48a5a16630d61e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.eaa0c3a86.0.tgz","fileCount":25,"integrity":"sha512-FTgyRqdoLEz3YGhomLbu1/8rHY27PfEKGSWPacDxPLm1dGpWZZ4TUfiwl0mJAOHLGvTcJGxol/1ZmohdLZxJIA==","signatures":[{"sig":"MEQCIGJ5BWhFV6l/bsac9V59YOdePkmtQ20wx3KSK0fKcJXFAiAwP/yv52UXECClhOJEVaYZsLAHn9yWE4VPqFkOSIsy/Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjijjFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpqbA/+Jg6SZAewK1hucBwGfTLbuyGZXkaJM0wDTeTU2wU83qyNLH4k\r\neTptprVdaZElxb5ZbP5VMTLAnToWSgAT8Buen6FGF2ItW97BFUcEDM6YgFL+\r\n85MgGz54cy/ZKenEnwvKWnBWTVBlSKobfm67kdD1jt2eHKHA7+QAB0F4I2AD\r\nJ2muOPqfFfSeS3Nfy15xflzO3E/uZWLI/Q3CD0FdM0bHL3fwn0OrqB2eIJxW\r\naNOQvB5KBiJR5i2ej8sONgdiTdNFIcuU0YYEozn2ckQPWQvquy7ZAo9haAcc\r\nuOSMoJu5Y8UQJ2kAj79k4ZRLvk97uHTmOEOnL9NJKNFcg069aP0Nk0EyUEL/\r\nym10p9fkYbw85mca1Ga3fKgn6rdvWjoldkNqMFQEIWfNPRBUJ+sQYD+HrDRL\r\n9Nf5l+E3JjP4zmAzGEF3MwwyET7FqR+Cl3F6duy9UNfxSnc1hb4HmPAiZDtO\r\nyxRHEkhnm+jjdz7mIsI+BfcLwK81wr34A+fXsTjcgNo7LzrDAA/mDwEs3/lq\r\nbNNHh089vktZM8q1ff4gGOrA2/RVaf3aKeSx1xh6v3juRx+N4zPllqKNS8p2\r\neZ4/e0xLAcFg3a5P31b57eOBc1dbu+/hvpL08nyLS8O+/6OscKtH5FXLPwCk\r\nrj1hsY1gjRpt/lUQFwOPvfxUNVgn1CcLNik=\r\n=9/jx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c54316c7c60bacf8254758124c9235dc48d44064","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.eaa0c3a86.0_1670002885743_0.2734443277875478","host":"s3://npm-registry-packages"}},"15.0.0-canary.79a613bbd.0":{"name":"@material/animation","version":"15.0.0-canary.79a613bbd.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.79a613bbd.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d1fd0d1eb3bbc5e92ea58269ef6dc98d794c1a17","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.79a613bbd.0.tgz","fileCount":25,"integrity":"sha512-B7pjOuIAlqMJ5gAZBh52mach1Z7qJMXjUSS5TbbFHJTRV1nzUAOdikDhTlV/S6elqVAJYE9HSbhoQI861kq5OQ==","signatures":[{"sig":"MEQCIDd3iX6xTgdT4gU3JJHAtBuE73u8Jl4cFbZPMglN1rMXAiBipSyHUe34Vse9hrY4DvIgmys/Z1A5Aj+pvfReO0hsqA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjj1CgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp0TQ/+K7T9dCbkQsJhaskJgxAlNFzqk4t1iCThPCx5IvAQDrC+00RT\r\nASJCS2R90pQWighNUdpZPRnMO7OGEkZxkrNWAGfFQa98i9ThukXxUAh/GpZd\r\nc8o/FeWG5gB5QP104o17lKxS9Tr4PIp7RJtD7CXXmwfShAU8iziefgwiTkX4\r\n5Re8n2XPIxwriW1qg0XWd0uFO4QWzX/a5IkoKyJYIcWTABwJQ8MdLSBPMlcq\r\nqKXu2zQi8B1AukripskoumvHXZrL5zT+1lhktfelLfl5WyXmpJC94XeRZ4y5\r\nqkyiQeHUDIPYRKyWvGneU8q+ZFjpNrwfs81WIfLkiRxsr3EzaT3LRhPXm4JO\r\n78pNDZz+Uepfhu07A0+b7/3iaLjZrt/Ls3LvGg92AY6Xz76YLQBim0uFnUEy\r\ncBbX/Rpor+BykE6w6CcSCjRkJuejpZCqiskT9vJKw1C5JAcX8428ug22djIn\r\nvwnnxDMEJrygpyJLhNrWzQIx4u/QcLYBu0+/tu+zs+RPik8LzNK/6GnIl5aH\r\nUCHF2XK6ka9hfS8OfE1A+dzrl1HFLiJnlvRwBygi8aAXaq18Cot9DtcvRKQu\r\nM3xSqyOc1RWVPcB9thRmG8M9Q1hDik+yzy309Tu0uKiADzFfDQQ4em59BhAR\r\n7CQ8TZWSQ8nyPpTbKD2V49SbwDdYwTOMkq4=\r\n=oRX0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"755ec1ef0b2cccdcb0c8b888d199b4748e3ba10a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.79a613bbd.0_1670336672129_0.5145994126095232","host":"s3://npm-registry-packages"}},"15.0.0-canary.c871fe61e.0":{"name":"@material/animation","version":"15.0.0-canary.c871fe61e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.c871fe61e.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9084114e021c86e9560d049e4397a4f22dd05981","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.c871fe61e.0.tgz","fileCount":25,"integrity":"sha512-s+8FRlynYA94Nx9P0zAWiaqlE0ZTy3DS8nUvvNftOKGAMEIGozCDkqQ4ABWxXV4Z1UE0PDGg6s1O+XumnwEkAg==","signatures":[{"sig":"MEYCIQD7TymkL43xx0YSZ1gG9Q9LOJHasfCvtxvo6VUE52hGmQIhALwMHz4k2kDFeTqzanMAcAagf0VbBBw0MDSL1cIBFvN/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjkEXdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmppKxAAhgo5it9ReZ3+qS3Fj9s3+GnZ0ztBm31+Bduaw8bUsDHv/tX2\r\nwPJsxp3PbiOqpWxARgD4+/X5ndR95rC+4xxqq47/35A82IJVkILWR4qzyTyj\r\nY4WP1TiBR7NstiT3UaobuU8P72/vbiHaS9N6+jkLQGIZP34krLHo3+VGPMmF\r\nUalOg2n8Kz0inLOvgBtpDVD2M1q4l6Ihorvgv4iZbE7nh1eK3OGyf5q+bSlx\r\n27196myG6JEQc7Em3858o/g0/xiVIgMjdattCNHnPamfV656Uti+IWaWoiOf\r\nSXR9fKqCiRNep9VLjzJ6QRCIMMW10m+pk2eymjqmErven+eaJMtKs9fCPmCO\r\nj0JrgS0ACUZCpp0DVvbOycJrH+HKBoQJ/nKJOosmnOQseZQDFkE3kVrQ6Xf/\r\ni3FUhUx4tksY28MKhH8mX1UAfrxz8ng9rmEeDCWwD5ddv5q0acpTyK5Asw5z\r\nS3gWeRbPCnrxjBNPYQwhj+eqf4KjTniIwjZcikW35R9hXUsm2V7uANQ4W28X\r\n0wmDgpEV/Hl34Ep0hyBk46UU8dtRsNy3foJLEszLEuySCHltlfRjXvfge74k\r\nxaQ+FryXcALg4t+udjQxXYbrBe8/9L49an1vi0D3VrgcD3QYgmSykocRYOUD\r\nm3wDSpTt663bYdUNEWxjckzkCrlIZ8jT31w=\r\n=Gpnw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e69be4936d1304c30ff7b83af8488b43c0ad5fef","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.c871fe61e.0_1670399453043_0.9835554589740272","host":"s3://npm-registry-packages"}},"15.0.0-canary.9eaee7936.0":{"name":"@material/animation","version":"15.0.0-canary.9eaee7936.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.9eaee7936.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"598267ddc9d199ee07e1bc6b2e3eb17117e00886","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.9eaee7936.0.tgz","fileCount":25,"integrity":"sha512-25cqB0tcmUkKOrZU+5OZJD4JZkxObYQxBP2WbC3tcxBH/AdlB6SRDV3WSE4D2Jh/MFqiiv7WXyCgrKjBet/N8w==","signatures":[{"sig":"MEUCIQDRGDOUYXLsGRIU8Jlz9LsXorRDixSSCPWCEdAMNFLgXQIgGP1eUECjolmV5Cf73zvpU+BF9iuLyFscYUFiWaZn0Es=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjkPEmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqROQ/+O2QRB46/9KEcisosNWtJBPPi6A4On0viuQDbJjqu71bJCf7I\r\nKzybbRiE+tIoEXQL14zg+h3FQWA9q8Hs20rCUsYoVzl6Nx/oAlt8nvr2UKFK\r\nJpnOX9nVspICXvoyC0MDEIK9L340IJdXrX+KsUv8GHbJNNl6KFT1BBaGEZMS\r\nPrnafHBfAoQKMgM8nMBt0ubd8TqYoFxG9FHMoidwE+KA8ReuNWjD+iBzn09U\r\nr0wp6ifztHuSzKQJ6hD92Lb0daqcHI9zlbT5WG2qhp6N7n8TZwm/23WIigUO\r\n6hIqvMy0US/7v5zzSnZKgPcenb2KH78HvkwbePCHOWdYzNPawNcVnjZHZJyU\r\nl6XownHQgZvmrF+XQAkxcli7jJhbbLtfd3z8hSzv8oOvTN71f9UhHy4AWzj8\r\nHDnxj1Y6RbuRqKUVnOA5+gdZh0Od18VyvKhgsnAJ6kNkSBY+OV0rVUopEm9G\r\nSUaMtrTw9Z4UWZE2s1BCB3cZMz/gGzSRBeYs5FF5Apyje2ivWODP+KiSd+7W\r\nf1mwXc+9tqFe/PJzm3+WrBiAafT6Wj4ftYLWWECweKFiXl3YtUEobWv/7asi\r\nqLLcrCHkiNslPRHzLJLbdu602ztPPLRVmmSljNSjWdsRCMuIpMdNDnbHJgmq\r\n7jlzPlwOBC2xQXae7JwuklrhkZNM6G6Us34=\r\n=0Gij\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b1b576e68a716d1a80dcdbde7a572c11ca937fef","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.9eaee7936.0_1670443302013_0.6361277131284679","host":"s3://npm-registry-packages"}},"15.0.0-canary.1d37bf601.0":{"name":"@material/animation","version":"15.0.0-canary.1d37bf601.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.1d37bf601.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"392e129e8c4aaeb2a3b0b1865132350edcc798e1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.1d37bf601.0.tgz","fileCount":25,"integrity":"sha512-KlfTZfZwK1kRyHQpEUl11mwfiNM8uoCVqB7mpYE2dKxpaoKp/DSzz9VYsg8E4eGyVZ4J3VumZl1lmYTC8kVDrA==","signatures":[{"sig":"MEYCIQDqusnSJwp5dpAUzsDaDiq/hwc9JRW8olHvZYFOr9TtGwIhALf3Nu6q3yoMPNm3t/ezZSiOJ6c7a8VNytokEvDa/NY/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjkPooACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpzQg//ZGDKTu7U9H50rlHxM0NA6DvLLdhUxbZq7UwRbbBCkFJTYb1e\r\n9ThdO9yd1RglNb8YwiEHu8PfiMzQNGahed0pISxCX1czpE5fsPeqBeLS1NR3\r\n3zHZWl01Piah+NumuRl4pqNEQ3gj/jFvv49zkI6gz907FGSIYyyHfGqQoegs\r\nvq1z2/sSTwhM4+ZOm09wQpZ94b4gJDd9/fbBxcdc588vdQN5Mv02jlPcOth6\r\nvn5xXdnGMzfAmOiSfkuIJb+B2V9l2ykxcSN5HSW5lz3qt3YQOMYaT6AOu+WG\r\nf6yOZfXoR8jWkZm/s06/AGctJ8QsHupC63oedJCIkZND1oQbu+xSIt3kmgom\r\nmhu0SsNkYeicTZxA6EXEXsa/XQwnCIX9WoqE+dykkI99oYbzp0m9utEJQ/6O\r\n/QWM4KRaI2FOlkH/g4fdC7UYBwPE7mBgfHQiokNY6Jt8iaQGqdV2q9Ecuv6D\r\nD0gjHpqtdfQ05o21ndsmy+Z9G23c1at0vtrVwheMADYVRD8f3LwfGEUSX06Z\r\naRGa6rWRh4dmg0nsS6pTzTE8hwIxxhw48P8M+NOwOG1b5ukY2NS3g2lopnRJ\r\nXRliJ/ZYyUmnjCWu7hJhdUndNx6nz+PhThtpJlDTHHYXe0DYQxNhLFQUcm8g\r\n2344PJkjOhDxfenADltLabI/LqtCO8O/7MU=\r\n=AaCl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"747a03f19fc88f7a2358a382989e729013e06df4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.1d37bf601.0_1670445608584_0.1826159305017938","host":"s3://npm-registry-packages"}},"15.0.0-canary.a5fe069d5.0":{"name":"@material/animation","version":"15.0.0-canary.a5fe069d5.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.a5fe069d5.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6ac899418a2a46431ad9adc4b21d8d90bb4c6965","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.a5fe069d5.0.tgz","fileCount":25,"integrity":"sha512-Smy4HdrAgXGAN7HpZNW4jU/SJ9RN5flmqslof4RULD/WNRp8oTUrSnK7uWd85t3HnOTsIviE6SZoA7D1InE/TA==","signatures":[{"sig":"MEUCIQCeLBPItnl+ee/uAWnaNIrvjEkoo0347g6VeKCm/nrSOwIgWMDYyOcctWse8ZWZryTT1Q+PRS9zZtiZIIqvhN8LUn4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjk4GzACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp6DQ/7Bz3F+FmRO4myc3wmwAq1QNFP7bGP6c3ndzEvQEQXDJdDjwpl\r\nwl/aC28DjXHN2+41Q/IznMfuDZwc2s83nwfBv4M0a8SIs9DTWVsmYNiQQuwT\r\nR4c9JGfKO8S5m7GGu8nH4lSS/GC5Ebv/zFQnCQk+bk8OpGWvPjDWEXTV+fh1\r\n12CGtEQFiaaJGpGK5/GmxJ+2olNkwtUjzqjFPFj2BelDaWxX54pSCAuOfN/Q\r\nnyxMyYiaZ+auHNShtzO8GiCv3YhrpDUtA/hPrJ7t4P9Khj7Mrvjs1ox5oZhq\r\nJCe1ry3ZtysU1i+A+BanzNffqGgBzRjj5MPMZZwdYEk3gNoQ3uZKF4A7oJyI\r\n+MTfcuaJhuOr7IDdhQNJ8p913kijWU9CeKAEvfh+VDp3iLulwYQJB6ec9vmn\r\n/lZG4u1pMvgpKpms4jNfnh0nsjSf4HCHTQRAtWbwDfB2S9/jmQUuwnZ9pTHL\r\nYSFaRKqyT3/yG+RwhIcnStjRkLkpBqIwIV1DSqDDKODneLhQLIeYoPutyjQG\r\nD8SgllwDH2ayT3sTdWeGzvR819GoWzRQCC2tenhLqr0LJ1gqgw/ObkufLBvu\r\nCAUs/KNG37gedSecrN5rHQTM76LNG3t5dl53MCmzy/hgUgz7TRGoSW/Bx//y\r\nI2M1gjIKi65ywabmcRjRvTn6Yjy/qZQBGtw=\r\n=aZtE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c41dbe93704a7d03ea10d8f1b4de13fb8c6e19ab","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.a5fe069d5.0_1670611378840_0.5663752150765056","host":"s3://npm-registry-packages"}},"15.0.0-canary.ce8b5326f.0":{"name":"@material/animation","version":"15.0.0-canary.ce8b5326f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.ce8b5326f.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"46a8bb7980993c9f9cc0a94f5350feed1e611b6d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.ce8b5326f.0.tgz","fileCount":25,"integrity":"sha512-G/rirUmJSSMGheV6v5ncYqb6nm0H89w/reGOcT1/29EbkTUnBIJgD9R0n49VDkypqefeNMPesgPYGL0de3C+XQ==","signatures":[{"sig":"MEUCICQNp9lJwZoEzuZS388ZcLNwPZ/aBpbcnKq5rYV4Fd+8AiEA7FEx/EBI/PR5GAP8idaKTfEarW2/Q+qhgCH68Cwnj3M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjk8TmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpgvQ//Tbt0Wpdp7Zanxnjx4Pso42auCZR8LPs+y011tYSVTiwWobUX\r\nSBc8HD4giUhCbnCmfIrJerNTkudzmCJ8HXNORQMgSbyUHX3LT6mg8qEQRCf9\r\nnC54MXCeVSuLNV0JkwuDUfguiiuOKkX1TTMuOIHaxMmifGqBsOKpwnmlG/LJ\r\n4kJK/R6tEuNaZhRPaONnqAWmOcV7HYHicjsRuJjJcn0BOGb1cHpqlv6/NHjS\r\nRwTHf1XxPKD8NXe6EbmGFzyKzhst4LEKuOKzmfFZdpPZNvkCSwVIh/mv8K/7\r\n2AgCQcl+2fZxjSdEoGv/bW3ne0SjdBg7yBOpOwf59OniV7HRJfcgkMvu5Tzr\r\nJJtE/LhoeZyaVZ6hcNUPdQxrGqylcEvTGpDUlGTV5dlTkZsUF5UnU1xzcoVs\r\nzgRhOAk37XqXxhPSWDGcboZ0sg1rV4Jr20xT43YAW9pjhE6rTm2Mpn+fUndR\r\ndh9Do2byukqdYvQpfOX/ki0PARcQnF9ulzS/FwWtcWexnSnq+cTKGEwL4gLm\r\nOGVeKV3/I4/tjvWC1UcC02BqHAwH9rRkJxi+mBYQKRQ7GA+aofdCq1PTSEUD\r\nJMxXAJdOoSlp7BjfeQeLp2spzSrGA1uCDQ+4nLNuR3naA0pSkvqLqgNjzxnm\r\nohbv9NHWBPKCPQD0bmRXLN7YiVgV3cA7xl4=\r\n=GldP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"8ff7f9974a16b8178376e943748356193d364587","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.ce8b5326f.0_1670628582073_0.9672993469666367","host":"s3://npm-registry-packages"}},"15.0.0-canary.43f5323bc.0":{"name":"@material/animation","version":"15.0.0-canary.43f5323bc.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.43f5323bc.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cc13a3b1cf4e9a4154409d83944a9bcdf1f6c04c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.43f5323bc.0.tgz","fileCount":25,"integrity":"sha512-zOj3ffueJaOo0Z9cT/JhzLZfC0X+r8bcSkC35YAaJx5dIi4oyMmIW8yDAK9jJBzQT7iYcRn7Udp3tp4rhgfeOw==","signatures":[{"sig":"MEUCICsSgbdThMF919vqOKoyxa3+XiTZARS0u/59I0L9TksMAiEAzP9WSjr2Ph0m7d/eT1hVUmBPifL7i6yZbFdRKT7NYtw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjl1qSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmojaxAAl6+K8FRRutVReHLtcq2Ya1X0Ixvm5grcy+7S8+yJ4/Pk8lN4\r\nv0fwvxaFLVQIYF/vlOV1PewLL8FZA0tjH+VePRWgobztyFVECk7uRuxfOFVn\r\n3mqdEFkYJ1EPheCyGZ+RGbWwSIGe8H5AEGLi4eGG8AMqqv1QUlgcExl5hfR/\r\nj0UlSpN5fM1AXIB3OT70fRgTMO5QUgJfnoEKOroXyvwXTg/BMOwTtwD5kYoU\r\nAe9A07YIIOnpUacKImSV6uibkPDxFOG0DcfO/1hTYH5VtRCLSmBqIisajlon\r\ntzWT0jSngD4c/Ha6AE1DNmfyLkHKPpw9FluySwWthju3r6zAWnLoOHba1ay1\r\nWOsU6Aq5QUqnAMyaLj5WTbC7K5bMoneciacFb6yYV/5Ld5GGF7OyQiFZ09sA\r\ndz7RHYW1ZUxHfLW/nhevDdA0jSk0+7X1r2riAcvUEdxq1A6FxZqg1YGQ5gse\r\nGN/QJ9roSkWNApoRaW78IFGXpz0xhSbzY7npSwoP81/lY/nmeq6L7hsl2bQa\r\n9cJO7h1Xgr0/PkpFVfmRZ1dcQCQ/e2LtZlRfdBBkISZ6EoUAmV69UMSPHxSn\r\ntYeweoD4mSWrgUyQ1SgtggOcdQ/7Ycg93ROVp7PXvEo2ygaasCCF/zyiiyVT\r\nKNyA1pxXXM/eofNiBFXnrNJ1B1tQLsfLVAs=\r\n=iG9F\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"00be798d56184d5daa74ad6f53d4992db90688bc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.43f5323bc.0_1670863506109_0.016525176962686183","host":"s3://npm-registry-packages"}},"15.0.0-canary.5490e32e7.0":{"name":"@material/animation","version":"15.0.0-canary.5490e32e7.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.5490e32e7.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ff668830193aeb7139d272cf1deed94816afc912","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.5490e32e7.0.tgz","fileCount":25,"integrity":"sha512-raF/i+xvth/0zPPC/8xIoSt582oeguUfyZFlC6ztpGTQ61Wo9WvNPwDSMeQkgUNWl0gqUCpzD/e+z34hnK0QeQ==","signatures":[{"sig":"MEUCIDisHa8U3dKPXDwHIo4YPZudm+n7B7rJ1fEnV5ROpZ3KAiEAnh2tjNtlVMAybPDzEAouva98Y4XypxpQydsESyRbSfs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjl15HACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqb/Q//Sh9S0IK9Cgq3H0ydpKwQG6Q+YGcoAdmvKWXGYdp6e38F3Wed\r\ni6jfuno52/7WtR6i0kKklIfD0KFBrKkM/RVv+lGjUyo+lKdeY5VRyODWbyFR\r\nrDQ9a8KB38opjBkWxJNm/NPSYp17FVdqj7qVsHQkUID5/ClOa7ZH07bp/x8m\r\nBwi0D4xjvWd/J3VIpKhuRC+99f5MxNNWoHxx+7AwxHJBH33kMoVHw5ey9FV9\r\n1KcSSVyFUbG+Tk9II87/KmJJSEaGtB4eytJPdXCksJWEOKBCAOMzaZZx9ANH\r\nkxnq58vHwi+Im3BPA23VKt8gNH0Dx81CKezMcHZ4MuStsU+2uO6OHliciPxl\r\nkGXHqD4VHg0EqmpPFbjPrwEcxxFGGF00vMfiiFnRK7c6Rp3RZp0jMetpttp2\r\nB73p1BPpxTzgELEWJJo1Rn/5hLNevWwHW4NbUOkHqZH76AXQKplCAt72M6Eu\r\nwwfyKhgQ1glyMRXTLg/t6cM2Mj8O7rT+6VQFj56YNKZaptN+Er5sFkU4994J\r\ne7I5lHMQAt1XnqvGMOQuNFX1ZkVYjaBkuD1jP4H45uFciVxsKFU7U41aGudj\r\nZ8DpH/VHLmkt/fNoYah/IbhkE7oBu4PnRnZMGRNO/T2uxlMEdBYefc2VFGZj\r\nTLHVkceuK/bRGlQTQhXn3Q9MY/5kFlmT1bo=\r\n=miRY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"968b84204c7a8626355569e2b90063abd574f7a8","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.5490e32e7.0_1670864455753_0.5524595257641756","host":"s3://npm-registry-packages"}},"15.0.0-canary.817002c29.0":{"name":"@material/animation","version":"15.0.0-canary.817002c29.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.817002c29.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f096838f62404d2549981ce08c9a2c6f267cad17","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.817002c29.0.tgz","fileCount":25,"integrity":"sha512-V7zeFJ39v+7YOQR/Ac6Hd/dszFIASKAwlZ/8PMS1X70ykxOVxwFvelVuwrLvgs+zrPbhHBjOoDpobqZMqoieAQ==","signatures":[{"sig":"MEUCIQDvk7grY+VDoGwYitkTF4GFHpvmyq4LXYz/rX257Ph2PgIgcjw5dDsemMOnH+6MEzioHtxAH3sUkDpGRHAD9Rn7q0I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjmPQwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrgfBAAo4sgOVhiAACikjjTgRRQBtoP8Aie6CqXa0ug6CSMxns8nNVy\r\neN6LY5Tf8AMOhkHpYJh9MsuFI9fgsHuGqJL3tssg/9o73kALxl1ZTXCwEi39\r\nYzHih8QRvkFBI+DnVRrovOUsuSVcO54KvbLhK+bJ4ClJL4s2d5C00k0LuptL\r\njCL4vGNUWk0GpGSg6NTDWXfqKBh2BtMwiRXTd2SZf3aFHnmaqbcvsykTq9XJ\r\nZ7qAxQtc3WiGdHSk7LCzqR9S97tzB36KZLa1OHqlVNSUFXEkuEnqKAiZA4Om\r\nIZfMdXsQpf0c7wnEO6CTDjlD0wPxm0g8xk6TPU26WnZj07m0cmn+U5xcRntg\r\nO8pee6WSyb/jLselemMs02lYkofwMKR0IWDrNfzx+d+fDR1S9/sqtP+fiwKc\r\nki3uRyglsM8NjvOcrhvAQxqEy1X75M4kfddMWvZHKhrsPucBWvbfZo3PaFZQ\r\nEix4tRfJzgKYO+G18LvfF8l2TRN8Jg7heURUJUFaQlJPAGwqzCA5g7K5dom1\r\nlezl6lyBTww1OUywafqWKGplgpmyzZDNDChwICbmP2ylKByGzIcFSKORuckd\r\nl8HWZWT/3sPbVrHeovU072h3o6ft/ocBElgftTC9pdZjyp+xEqsVhxZy/xjN\r\n/4f3eeaWbPf9dokJ5aO19dcW08/tsU6sVvo=\r\n=KimI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"8a85122d0f4bac7142c66fa54e2fe9a569e7c4a3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.817002c29.0_1670968368384_0.27553170039143593","host":"s3://npm-registry-packages"}},"15.0.0-canary.313a1326a.0":{"name":"@material/animation","version":"15.0.0-canary.313a1326a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.313a1326a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bb3a93ea5804a796525dd51eba49db8ad253395c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.313a1326a.0.tgz","fileCount":25,"integrity":"sha512-j7V5n1V+aQqfj4naYNXaoLCRwmB2NvIBk2v+zfjP6c7zovGgegwDh7y0XqkT3fR9Z0FlCnG+5UrsSJM+tSBI8A==","signatures":[{"sig":"MEUCIFiukt8MqR5PNCjIVrVSD48kxFQm7hZvYwHQU1GCt7R4AiEAxwbiVGabiXfR/lKIe71ah3ISU8RkVMT4VnQZ+ueYexg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjmaUUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrrGA/9F+Wl3YxgFq8oJzPhEE1Nu9WgTY7wPoah4cN2pb1nQ2dUTCJ/\r\nVxqjOWZIpDoV7bzXexV77OYW0NOH053q8PEkiAKJ2qHKE99334acIb+v2Tqf\r\nFPT4up5Z2AqV4YcPsxZgKxCeEehP83fTR7niBvM3pfxFaeFfFgMBcVofH0yZ\r\neuT9xQXbinNzBRq98Q49FpFl2QLRaWbN9xCkXFZkn707a4ic/3NUHtZ8E634\r\nKoAUEkwwwCLbOKnLD+kW/2STKYYXt6EEyTvNZzb1i2bRK/tz7VrMu+x5ZJjO\r\nunRoJBVULthuslEpnJ1hF1jpY+yCBSvdN+qd++Zv/CK3bS/WdVgzudIE2+5A\r\npR2PwyVpa05pPHzygDz+XLzF/qG++yYd44YtYpisUzEyX2FQe2JYFl+vEe4D\r\n+kJnv0EY1CRWDB1ztjjFn/kGxEaA0iWWVQUoskSs+QWFMhYuZe1R4DYXLrdF\r\npvZqRv7CmWXJGescntGktUIG9NW7eKGs6gtA+CzfF7/Ll5n2ejZq8BF7Rrmh\r\no3h5sQSDrHNoS+YfTedFRdvh4db5y2pw9R+nQ9L8f+uIdScjJlML6Q/ZWx3p\r\nsvBGqyXVvCivcgDdxQq1I4XhGD4DNb+ZDE7P/UOi5d+zVK0NZ9+2KFU/3Fvj\r\ndlCK251KD2pSK6y6o+Oux1s8u6QS/L7K6jA=\r\n=iURP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"899522d523dc8a23968f530bb4de8698a5b0e78a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.313a1326a.0_1671013652376_0.05153204262843358","host":"s3://npm-registry-packages"}},"15.0.0-canary.a69c14e10.0":{"name":"@material/animation","version":"15.0.0-canary.a69c14e10.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.a69c14e10.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"02bb0b57ea67347199a6fde1c86eec3bbc4a3530","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.a69c14e10.0.tgz","fileCount":25,"integrity":"sha512-nFXJbEqPtlEOUb5djBvRwZ96MlEkRxDOpgWN/G1AObuoqUs8VtBP26Ax1kRLvYh/U9+9dQx6CcIehG3A54ouig==","signatures":[{"sig":"MEQCIEW1PcmQJKZBebpwRFWBEWRQnXqQ6y+vqaOEJNRF6otFAiArXMqfSCY50fGUaCK05JKaI5TNl6U3GjbQQGS/2IGizg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjmbDXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoQbA/9EdBIovNHo8bmBqP+wAUog4GN7trEzxTX1F3X68V4hgI3kkIq\r\nCx/DXXbItKexkgUBf2WKL4siguZG1jPyTTUqMOo0ovMoZ2x5THPD65kveR2c\r\nxuK1dNv6fR8fKPujx1CpjONzGY+t3ingivvRbEaG/7tBvCDMyDLGOdFNcfm8\r\nIGFedzZqaY+Iu/imGAR/yDe8ehNDRgPW0sq3wkQaznMGCQjRazXNAofSBmf9\r\nAqSrkFcQIqdq2OezbSkMRhCFF4ieCC+hirllEIOKZrt60sZTJeq9QCWND347\r\ndkGtknxWntnhMU1213rGPkC/dinkXyQgmWRuv+2wMo/0Is0Jazrtk2Am90cf\r\nNBTzDyraAPjURkRSh6ODpCs/uOl78jlsZeERBqenL27OdGd/lTFk568Xj18p\r\nCMLFdbHxuwcw0QkJJ6cqg9GoaY1HNDDTveRDYTIKJrqfX6NlIlo8/NNHctVt\r\nUAVEpncpO6JmBkXsBL2Ta0PofeMHSu2lSa9WB+09ZXfcprdAW02p3yx7cOWh\r\no+vmauAKb+Do+rx2kltZ95ZfBNMgp7mj/Nsf747d6AHQn16W29S76kWMTmX7\r\nkc4Fs9C8azMsFXNWBDrMD6+rU+3PwTzISNNTCrqUWjmF459sJd1xfHuX2s+O\r\n09qiHI8Sw6By+UhDr90Osz9JFGDrcSn/poo=\r\n=MxZb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"39b456415cb22d1c1b4de3d505f0e2412c1f5316","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.a69c14e10.0_1671016663601_0.5137436500464649","host":"s3://npm-registry-packages"}},"15.0.0-canary.f43e0ceb5.0":{"name":"@material/animation","version":"15.0.0-canary.f43e0ceb5.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.f43e0ceb5.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a27ee7592e1851c83df49ad4765b75abe37cdf46","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.f43e0ceb5.0.tgz","fileCount":25,"integrity":"sha512-pFFzsgl0YpweueyxFeqjpVXFknYsP/1taCuNovLNVt1VEbycxDAgYJz9ARxRJqvPIcA/xZBfbebFmTrvBtCj3w==","signatures":[{"sig":"MEUCIG5vNydN9+t4sFmy65ntDeX1u1iTk2Ezz7tmJogRIMBHAiEAnMjBFknKLD4LvZykEogHjhTYlDgIUGm8TAkiw6GN5f0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjmf08ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoytQ/9GVP3iuQNORfTb6L5AiWt1W0BHuGbi0VWhSK3+YBWtIrGeyBj\r\nWmBDBDUfX5jYvnpNYvQ7jc80++Kivd53tj3TQ1slHv9ADMbTTFMSiz+L7utr\r\nRCeNFzHmG52aoteSUhOQMt+MKNGemTsw6Oa+YfGo79rZ5GQJY46QX03A+4hA\r\nV6CeaGzROHiPsFA97FRoYXo/MbpAwBClkDxQNbQnozpF3S2EncNH16cSxEnL\r\naGlSz5hSkRdp/oYq3evkOHFGgEnAOzOskyUCC8ex2K1k2xFtZwcXoSUllr+A\r\n9h0UzotxR/ZW3NcTMSr8ybWX1VYx1S6aVwAzdWZpN6CPpL9V+EfZBGYoHvEB\r\nrGf71fOpRpVOobmDFxVncHMwUVxDotgCBgpNgpFHDAGZ93mS0sLtFahRqxMX\r\n5VOeWI1s6cbINorJrZB8z4LPAmoKmpvjH4bhujCBp+xpsOBxZZFhTy5ZEuDW\r\ngN0MMmuSjZMerdsMgZxXP+29UJOCGebEMhWs3iu9RTomRKe1QZahBUfK+rKJ\r\n/FnAWMDliLeQVDN2JbGgwa/KbabbD08RKIGT0kLiaNfaYmDHqMPeqCj6ZhDT\r\nl3cxHo5NAvlwGuxbGKepmRYpi5eMt6BUBCD15C3KrW0GA/DwEyMSWalHJAwx\r\ninbo/DuaOBQhbOoBD1MwTXn3A2OEiel+cCQ=\r\n=ZsQ5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"35662ba23c37e102fa09f72d61e38e5ce3b10881","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.f43e0ceb5.0_1671036219918_0.656100537041931","host":"s3://npm-registry-packages"}},"15.0.0-canary.34767110.0":{"name":"@material/animation","version":"15.0.0-canary.34767110.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.34767110.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d8c9cc80e86fcff8802f6759a90e9c8e7a02e45f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.34767110.0.tgz","fileCount":25,"integrity":"sha512-sXEirbZO+KhZo08GaWvqOw7DC0O0OaOyxS2BkQtLKJf0ErGRtb83bdtORacRWY/N1evaX5xl0xpmeD4LgkePyQ==","signatures":[{"sig":"MEUCIAqlNFEnLA5z2Jp0mhK4E1z64atJCwuG6RbR2Y1lgpzJAiEAxgPBDPvWfgKdiUHb8jQRB9ElFuz2+3PAgSsiIO2DaVA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65071,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjmgWTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrHsg//ZcADNw28wNmgPHzRpuaf/5BoQqvc76kvIgN7vLaBIsw+l4Qk\r\nM0v+htRULZb97IVtOC6FD3901h/NTksU0RRHz+comzPpUYX9wjkqHpOh9RBx\r\nLU5bRUumV99wdWTdvi3a4c6v+VfRkJf0DAtFFlQZiZhK2No53PsbfIuUOSyU\r\nlxIs/FXJpKCp4XvxpFsPRBrqIHi+HMcnKyFjZQ9xFlF1zXgyZdBmtn4hpTvK\r\nrFDz79MXXGHPPNGFgzAP4JjkgKiekUap+Scmhy7XsTP61Kn02GDug4AQ2Agi\r\nbIzW09wJmnlmMn1rDrMq3aT3ZoZdu/G58YfK0HHiJrdYlXInqcaHS9CIubaZ\r\n8QuMFAZwu66Migdt/KJRBVXIuqj46K0edM5Oe7vEDBLq0i3QJMN2+n8DGEzm\r\no8NQ7hntyGce7cQTfnQdkyTx4IrHmh4eYtwpgia3o5n6yVRO/4Uqn+0ghJW7\r\n/d7NhCkEDPeazWPonMDWbp33Sl/Ttw+vsEyyRXteTYrkknnh7uGnPOjkMAsk\r\n36a2/jqW6FxYfMtDQFTaQH0jtw5NqeZxpbrVVLuSRZ8Rq4+ilFaks8j1IGwO\r\nNOygwhJmWw3y6VPUTSZzQQjernEmfwKKvc+ZwQvI04hxbO9U4Mtt2hRMgWAg\r\njT6Pu1lbPFTPa8CAdWHMXtZ1kogVkH8wCoI=\r\n=yal2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ed8adbbccdff96503e43dbe6291e95b5d2bca2c8","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.34767110.0_1671038355555_0.04380208326739177","host":"s3://npm-registry-packages"}},"15.0.0-canary.1f99f3c50.0":{"name":"@material/animation","version":"15.0.0-canary.1f99f3c50.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.1f99f3c50.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0c140f20e3e60734dcdf44b69afd849ce90b51c8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.1f99f3c50.0.tgz","fileCount":25,"integrity":"sha512-bgLoSLS14af3/2hibZAzZAOKd7UAgMk0UKao6J62DF155IlXbCoaeMFncuMzL66Xy4FOH3kcBS7uDlPWtcB4/Q==","signatures":[{"sig":"MEUCICi6W7Kagmqsmcrn10IKc4mTIqi09ykLC6t0GacMVGg7AiEA0N1xNqq3BerPY27ubs2jvr8zkz07UHD3RgbX33zm9Xk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjmy4RACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpuQQ//bC0NDeOlmvV4+Us9w6w9eQRV+uL0NKj6OV3LDdEz0LThq9vK\r\nVgx88vzRziH/toy5evx6HdswaHmz9MFCq4WujO9RSpgD+5YqS65azhVvJCXJ\r\nTq2OKwPq58QonEo+WnZ537F9cRh/kAcEDn7loRpJvTAM4gSeyWimGNGG8TId\r\nt7C/WM0H8skR1C/k+tWHjRURN57+tMtY6vP0GjqrGZ7bzHVdV8DjR6uV1Yeo\r\naMHlSrLsouiSccV2mWEfYJLrpds0Mn7wsRLW1pteuQ9EGrUJX1gqMzXvYVfP\r\nW4vOlDQNqs5F2sOUg59Eo6eapIXH4N+tZjhzQNK3JpnP5va920jlwlgunxyh\r\n31A00cqzuw164FF5uEW/sqBPVLFIb80hysXECIDBmPrKx0Si24SbflzVvLAN\r\nL3LX+eDW+SqWHrz2iiznz7QozFhTCUG1toUeWaWgW3SZyaLQCyDo49/YTIRt\r\nqlUjtPOdnfR/MiZAPuKOu4tVX/lFnyQgCHSeW0ut7k2trHxACdF4s5B8ZafB\r\n3xowAxSGu21+QC8P15gdUaz578W7VzlwOBgGvzwo4vzvv/7znmQesfgTEkmq\r\nBWSiYv8CO14eUPBJO+RRnEyRJsCU2ExxyyUv1qPp+1KmZ4soz1TajzH4EAwh\r\nWly1ATNEmmzlqlsPdJaFH1wtzyv+/+TSp8w=\r\n=Sq/+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c9094e8faca1eaab158d26f7ca8ee4b42fb54bdb","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.1f99f3c50.0_1671114257231_0.16004953682889123","host":"s3://npm-registry-packages"}},"15.0.0-canary.cfd69490f.0":{"name":"@material/animation","version":"15.0.0-canary.cfd69490f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.cfd69490f.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"769afe0b714d8abfaec28d9cca6ae6e8b03bfe10","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.cfd69490f.0.tgz","fileCount":25,"integrity":"sha512-lCkzmqBSy4aakWEljz3l1/esoej49KUCNZHXAjmFmgloJlw3zhNXOG/inY5uRHdB2Qva7cxvuXHWW4CMoapgDg==","signatures":[{"sig":"MEUCIFBGe1EnctydNQbqilKYFA2j6mvnxyNN4/DNBOQ2UDIrAiEA6UjGz8Lyh0A51yQov16CoErO2ufovIZrRhq8/gNOXPg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjnM/3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmofUA//SG2EoUeG7y5e2Ic3Xu9Mq7cDYETXQUFETmas07uzR9fpJMuQ\r\ntd/aPvwC9eg9SHPev4sVcTKnjCpzdZhC2syTZtkWUWpgMlE1Zdbshp1Wzn+I\r\nbgGOMB6pVOL3m3FGCB7vK6z9kOCLU5tXop8R0Y+Kxs8656jIje/pis2cpr41\r\nit+iUQEiGwLQz332yF83GqKP7hDxekCaDzwt318wAmd/ji/OSLUYA7tGw/zS\r\nDiHqZD7b3hDULXiKN9mEV7Kz1LkECwgDxTnnPhW1Zx/4mEFOXnzIHeydvn1P\r\nA1xedYjBzVfyqJhXABz9BhAN1CF3e11OyNd6dN4MbaGTHpOPxccevtVHQHH8\r\nD3S54WkLUpolpvcbHcCyNsCjjq1vZ27NL9NCDOW4/qTvu1O718IV08c8egtz\r\nU5DszIe+MvSFRrA/KaDjVzLh3oAK2G9R8qd1OmJL3YX/J0WENg1WJd65kcO0\r\nfOEUjCOTQVLX7ra7H+gXDiCs0me9EHWh2gPYo4JlDQneVeb0Gw+dDVQ9QKOn\r\nxkc6lqXIkOI8pq1YcOaZaSQ9soxAyGIa0MjFh5MNQQwfPL4IF6e1zsBUy5tQ\r\n8XRyoytSOXhLFiTD1SHxSYQIdP76/EXPvffj5HZ+FFVzpLmTGQHMGXH4d180\r\nXQbc2Pwr3oTUKcSsumm0N7Oo26jUQSSz3kM=\r\n=s8x2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a7b9218e1ea7572b08b54629159e6f3a98970096","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.cfd69490f.0_1671221239370_0.5450345088330795","host":"s3://npm-registry-packages"}},"15.0.0-canary.94ad8d986.0":{"name":"@material/animation","version":"15.0.0-canary.94ad8d986.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.94ad8d986.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ab00af0657745962d8536827920c2ba7e58b1c25","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.94ad8d986.0.tgz","fileCount":25,"integrity":"sha512-BnZVGmwAoIdl/96iL+nHQ9WBWADwZWmXr6xCN2xRwPv8LwyvOsd0dPgoHDgnHl6KDY/05xM4kJxNX2xx5/x5ow==","signatures":[{"sig":"MEYCIQClssbiJlrYipgDchDPQm6arNGM6azSxfrL9j1xRBpMkAIhANz871a7PdroTh8EHyv7m0Fp1th0hWMyvqxIGTxeIu4y","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjoLrBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqc1A//SeGtUGUYsjVFrrS2bQ1X1ieeHbSaiYWQJn71PllCXLZzLS/N\r\nKmeBLLnKU4MXcUq/TMpFtcbtXpRJ6Mxh7ye4rmBrQ/PtCEsXG3+fU/g46X5O\r\n2yvk+zoMfSGFQOShWhRS1V283JVsS5D6yQrPLd3koesQMs3CxEc6d+uFZELW\r\ngw/RnjFybZo2wnaXwnUFhojVs1bLhG2CQK6FimQxyEAjIjd2sd5FyJflwjJt\r\ni3F3KNCxxe7XgUOyWgjnwmpmAHjFvHmSk90kAe0qxsS7+DmukHOG+rf6rG1Y\r\nkaKH4aMSR7Q4Xrh8lOH/quEoh0UdmMLYGiQ090NpgtNHvoiyxzC5jisi8lPQ\r\nNK0CvjYcY53If3NHfRzyb4MHN7JwP24axIT5f/FoJQbtML1AB9OBz50Ugzjh\r\nJ52Uu8/8DjWO6Pq2O2hnzZvLTwp/zYWhij2GaS1CtOe41OD7tmZqoStbkA2I\r\nkRWYERlrTj0/TyV3LZBat2xM2kLxvudD6s8qxi3VM70Ha5K12vAVDP3EKIhF\r\neidBvoHL+py7uuiUR7onMYdjzkiNhYp/8NyTHIaTsW/JjWD+7Pa1aFaXUBje\r\nY0yovzAGGvBQC+5T/r6qfR1Vta3WZ+IbrkxodRY3tH9LDKjGLHj65onA92tC\r\nl1V8ipVAs78LxmtHe6Uc8BGgOaHPlVALKQk=\r\n=fm3l\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"8e8a69afb313ffa8badca57ca15ad4a464b9f718","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.94ad8d986.0_1671477953675_0.07164907753264815","host":"s3://npm-registry-packages"}},"15.0.0-canary.604264203.0":{"name":"@material/animation","version":"15.0.0-canary.604264203.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.604264203.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7edf50dbac0ef4954e946f33ac26d91dfd966428","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.604264203.0.tgz","fileCount":25,"integrity":"sha512-WqYIpKheYEnWxeF2xLqaIszdw+1w9qmzMTP7nj0CoXRJnj/F7KadyALSDhfi/D/59kAoMB4VD7NfCzZbp1St3A==","signatures":[{"sig":"MEUCIQCr6p11On14hM/9nDZowfUHEGlZKxPHEfMhT3RLFQXIegIgej9hVmYcLQf5mekix9rryoCIfkyKJF10kD9C13LrkDs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjo30gACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq2dg/9FhJUVM31eFtMBImOTHcuOKsalZKP4NPJBDfxh7XhgXv/O13+\r\nN7UcMmot8KpJEe/0ZzF5767VrXg4yVJEVCikOswJXE1QaCkAuZLjY2bs7Uxt\r\n5K5JaeOgdcdWD4jmhEZuT0DBggDm3mZOCQpJCrOwG5RcEFMgwO3qb/iu8Sye\r\n1NZiinNhi0VdJFHtmNTlU/iAESklDhZ+to/RQF988doysg2VcxFaDAPur4Z3\r\nye5TbWedpo0BA4Na/erkqc2zNe99RChY6e4cE7sEVKtYI4LRj2gqPNK//tEU\r\npEwYTH2T835Atf/015ImAWxWrI2a/E7vhdHPs0/yTa3KnpiTAAhczXRHfbiR\r\nJ70Yh+TwNYRnLBOgxizZ8yi6dcZVYwK40uQPyPLGitngt2FqVRBB+OY/+W67\r\n5Pdes4Zz+sZGEVM8mE4kvpt4I1LUg4OKH622u5IZosd30vrPuwdRwcVh4ckq\r\n+QY7acYVxh/bUpnRdX3ENVT6gT9qHWAW5pEwBWe6nQA+zN9Od6eNrHUgRwFj\r\nUfKFzifICO8oZ6otYE7b3fD4cMO7aSFiL1nhuAETP6C6tsFBPlp5pkLo3Qck\r\nCrE4ckccfG2HAXEOZ7jHD1dEZBvI+yP/kCZFAbM7Xf2/FDklHvI7qelAQxub\r\n3sEQmxUGg+WhVHGQkOH9rUVXG1rHWOGflPA=\r\n=4V0X\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e37bb80002397246ad3ebd1bf11a465b2eb763e8","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.604264203.0_1671658784254_0.868351798855282","host":"s3://npm-registry-packages"}},"15.0.0-canary.85bcff6af.0":{"name":"@material/animation","version":"15.0.0-canary.85bcff6af.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.85bcff6af.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b908ef8b47263eb23cb02b498ec73af3e574e823","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.85bcff6af.0.tgz","fileCount":25,"integrity":"sha512-YmYUmvIFlY+KKdJ6p469xWV6wsBGWBrqAI2NpSO/HqVDUnkfmyTZBj1SF19N/KfqQoy0SwnAKw8RnFu6zA0H5w==","signatures":[{"sig":"MEUCIQDitRsCH2HSUz/h2y3G3M0H1nLjvsnQGLfCkqiWzgn1wAIgGMaE1Kbp80z6/netXbVH8FkjEzQGUGPn+3gy+uwKnMw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjpDBAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrBdw/8Dh5B678UfJb41CcwTg23IGwxOsygbB/2d4jxUPyxAjwVqi6+\r\nsDAB6A1JU/78hSXzYN3Yd6+yIV4lNxJ2rjX/jlhRhUC8QCX5Hyq4sy4rOgh0\r\ntitq0q18BDe6obNde9ZtSL9fD7IDlM1lH7ZdyI8+6YZc8BsBUfl4c3107ng9\r\ngUHQN1bf93QDDaVBX3mNCPEjnWuyMgaPPrr7UuayDwtpcjcZPUGXqnvpeGrP\r\nWS+Vpw+R5RYaojwRbWNLZ1XLp4ebM/+UzGWPThkUaMcOb4/ricVt1XCb3SBW\r\nAsizHqEuKOPjeBcWCakJL0E1sVto86nQIZDmYIyKOWhL8az10nLMwKetP0UW\r\nVs/2i/0d9GgUraAMlpS7Gxf5baVNTlR83VWyzG9w96nAMgj8GB/MS8hYoR5Q\r\nd/1JnMZZV54QZ/IeK01tD5fejt0KhrJFJcqulgQxtgg9SgEkhskhenioW3ce\r\njiZFWoJFcZFxrXqLIpwmufk5xpM0nbmF7bMP45izpNwFgyoQazFOQ3k+He5V\r\nYKA2LE2BsVW9Ij7nFMBYk8a8qrCKFZCmNcYi7jO7B5TXPzEYEj3ifxN75S39\r\n7zm+LFCJLGK/XCi1ckwR7gAyUTEV3cJmrWo5dzRZYDSPgVQjyVQzb6QO5Du/\r\nDFw0gVSBnXOVQqW150DpQaLA0bsaVAmGi0c=\r\n=8o9z\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ccd1f76fc7f93266cd894275969c05a833a002b0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.85bcff6af.0_1671704640175_0.22241029973226323","host":"s3://npm-registry-packages"}},"15.0.0-canary.ece3e8d21.0":{"name":"@material/animation","version":"15.0.0-canary.ece3e8d21.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.ece3e8d21.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"dba275576b3530b740ecfa3924eff5a46f8f2c53","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.ece3e8d21.0.tgz","fileCount":25,"integrity":"sha512-PAs5xdjVl/8gQJLn20X/TX9j73PZS6gm4vK0rEcPVhGm1YaC/czMq+Irh1Jhb+MqSTfw8ElFSn+Bc1vglVNk/w==","signatures":[{"sig":"MEUCIHLD1NKimYy1hrsuJeOMRDlU+SxfbsP3NF2TrehzONfTAiEAxl3XMOw10ezTw+bKe8Vaf0SsQ25RnSuUdeCp3JIzrfo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjpI+oACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrBDw//ZaTGbk8Q1X3tUZRfR9Gy9yOQPa2HhZJfVdgc9Ky9JJ2TZy0O\r\nLs17mwgnYuwuctsr/4KXSOmE5dJ0hIzZpuV45TY/7SxyH1szRFwUZb9aoECg\r\nT+JqHRh4gGjB3maVmlvudjwWRROlnO3raEC8RVm3aYb6lJiyEWeWjk8SlDEa\r\nn6Vr9gNJJJUTyQvwExl9zBcS1pXfrXGRkqqdCEQ0II70YyaevtjjnDSgEv+T\r\ngljLZeKL1xcdeItyVHmsM+2DkeBGvCCmuzJZoyzN6+qq/smqtefOBQadDFiU\r\nNZlEnrKhcldUcpR9tuTuP4gsZVkcxjXKrdQZbUiWIAmC8sb2eGpxXeaLZ+ju\r\niIPRnjmsmSlSUrdx6eJhTnCPimAT5z43pURFWUtzSqwqpCnapOtZQSJUuICK\r\nV426d5pDL0McIwgdOXj8Yxcqt8hCYLGyHHAeiALgjzy/YhC9+ig9nfCQ+Dms\r\nLYWX0WyWHTDTQBqmFZwiEOYfeE638H6RizkLhUA91ZCfm5DPzErRXtHf/RKp\r\nck4PglaKNy/1rYvaBeMuDFkd6Z2jiu+OvorjqX9hxcOeVPwwEnQAm/JZBhHF\r\nEi1NylkBaJ6ULTLo8r29aLcjuU1n10xmrJeTHrjq8yJ4VPbLhF3I2Ku9ezfn\r\nuHS7yEu2QLCMLaaqUfsVGnoGzJbsRGcXQPk=\r\n=DMFD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"1a4efd7042befb584384fcbb35f1ca445adaf1d4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.ece3e8d21.0_1671729064593_0.6285723224631392","host":"s3://npm-registry-packages"}},"15.0.0-canary.278ad53d1.0":{"name":"@material/animation","version":"15.0.0-canary.278ad53d1.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.278ad53d1.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"eb35ea76eb2c74d8288edb832b6ffd23cd6d96a1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.278ad53d1.0.tgz","fileCount":25,"integrity":"sha512-VrO8H/7h1zDoJqKeSGw1A0UbvZV/A2b0jbIDXwb0PcZsELRFFE3qKIuDBRpXJ21A0CSrE+k5SBjRWVanP8P4Xw==","signatures":[{"sig":"MEYCIQDlAI1+52UsGgZnyp1Wu3SuXQhBFy5GkTe88Oc+/6ialgIhAJnUxyRlwOZ3jmvw+yUupNZ6S8SQ89NCDHsd3rcy9F+m","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjqyV0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqX9g//f2MWz4E/s9ZG1ZMNE8TpjcTdEK3amTUQ93pCGP4wNGoW81Jd\r\ncIVzpvx3NmVnyI0isgENFc4z319A5eWtbrHcfOVV5IGqzcLY1ISE6fPJJT1I\r\nobLaJU/S8+X6ZYxWd27PS+LBxrdr/vH9GYRUTrYZx84ikMd/UjwoX4YjEMg/\r\nEtdxeLG1x0s8P4pm91IgN8fGaBJZr0Cn5gBJhJYvxS+voENebW//4JyJhLrm\r\niwNp7Sc1BfxZ2fVXZWkDTku65WgMw4ddkNnxvsQkJ67jtBBEuc4HpoHScOTA\r\nBVcnl1hjz5GIT5gGiPZQI58VLYcvxiHjkOa+fqlpia/kxeEH4HNX1JOg4MSx\r\ns2CoxvRvNTcoLbi4JCsRFLtGFW+3O1HrHLUqOPNZzxAlTMT6oFFaHdNUFkoa\r\nMmLXNDKgZvJ5gYn3FTyFhxoO79KLEfTJovStcxSrZta7gWkNL+7QYxfjopIs\r\nfxPDrrQTlBhEh52Am9g8xaRzjLSh/ZysBTUg/Y1Zh+btutbjFnvdtRHF/viQ\r\nEp4+6AE1E7kQF+hMjbPPLQM7aGWj9I3XqL5g9fBfIXGZ21l4lcNAp+IuL9ln\r\nYYZr9yiwEFlvq/0CpvCYYIcDPehVRHtL9h4jqi8cnF+m4DRyQJPFm15Pqhnh\r\n2G4Tb4QMx3KcaMP9aPLQb7JZ6OIfP7r/luU=\r\n=PPIY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"967cf83d2b9fa8a3e6bd992aa107c66182e0c65b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.278ad53d1.0_1672160627792_0.13481205126777795","host":"s3://npm-registry-packages"}},"15.0.0-canary.a7d8389e1.0":{"name":"@material/animation","version":"15.0.0-canary.a7d8389e1.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.a7d8389e1.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"38fd341165c4f05f6658ef0d586258b13950d549","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.a7d8389e1.0.tgz","fileCount":25,"integrity":"sha512-h10V7TEVucAxvvrVB2rUvGpQveIizRlck8GcjQrlP5wRoKNkWN5m0QQiy6j80uDDNTO/GzGdZDTuciVueVBhdg==","signatures":[{"sig":"MEQCIBGAiILL0O3cAy6kt1rW+1xrBXJxwe+heRWNFmhAsADPAiAQ5/MeB1wfFEPI+WC9ul/U/1knpCXVnls3FSOYWeJeUQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjq0FIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr/0BAAhYg7MrQ0jY19ABXY/tSoEWMEBqN3RjuxhLG887oZIUt74Zjo\r\nV6GZN691EIPOtZekz93Mk95VEWT1f8FLo1zI6JJJlxOJUQNZi4zoel2m8L34\r\nON21iVI0ECQ2YalTOMO3wkF66dtJLN/olJiFFA4/m7rThTpFmuvMU0wUQ+lv\r\nwCkHm7KzcntJDh2tiY+JNHk8+qU0aQiJt3R9y/TZJcV8tkMpJZQT0H7D6TJ6\r\nDczVqeusWOTiK3f3zJQZncZz216LN4p8BfnqmupyzSthO6Lhe81qPUGBH94b\r\n60pWVgogxUFrM0bdGLkfpa7J17qFXewbyB6HeNjLLJUDcfdOvByVwAoPEwut\r\nMYCZujguK8UrT4Cfawi4TDfh6PzyvVEMOkI5rc+Cn1lq/sCJ/B+yslEm9zjA\r\nFdhsH83BoOoP1j/KWQPZmQTznmW574IR4hfQTEJu8rSne1FOGZR+UyzTvWpT\r\nP+FExpU+era31L8O5Sht95/iFnn/7hqIFgorjm8pIO58ePi6zRd4IU7fRd7M\r\nEdmpQBgrKizfRCivhJGGP3EV1FZ4lCbVGO0wHP8Ee/NmAEF4OZiUTGs5Ejif\r\nNHYF//Ei3PfLbRUyYezhmilBNhfjNvgDo8uu/y1HEvzxfFT2RHI87F122sFC\r\nc0ubdt969UUCPbYC8Q9H7Q7Y7lGM1Zq6SkI=\r\n=L0NR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f9b27084bc44ecd4530cd2252389b0dd8116709e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.a7d8389e1.0_1672167751792_0.8906920043551736","host":"s3://npm-registry-packages"}},"15.0.0-canary.8175d5eff.0":{"name":"@material/animation","version":"15.0.0-canary.8175d5eff.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.8175d5eff.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5d9eb783c831fc20481c040dbbc01dea86e12da3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.8175d5eff.0.tgz","fileCount":25,"integrity":"sha512-0mtFD+k1fS49VATOKBoUpKK77YqU8l7yhth1eTI3Gq5PPpSp17ckR9KqOLxRxQUQ6Ui6s4QfjIepmhUfWAqKIA==","signatures":[{"sig":"MEUCICkloLFZX7fvCH7MQBjRqMqjWYgqFFYEwCsgrriOcCGIAiEAzFPjV7t92c/af/h/T7vrwaO83Ne9joNnKBJDASvBwz4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjq6DiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpKBA/9HT/dKE5WZ7kxDKQ6ARuEcQiIJy8z7GQ+/kpI4/BdxGcWKPUl\r\nBp33XnW0E1UTbG2kr81Z/4AdmpS3z0onvFGb1HEDwb2ZTxRiIcQ8Zf5ZuXjR\r\nTrA2CitjqBvhPEBwGn1TU34jjhXjeLDK5uOkeWpty1GA4fLNu66SqZ7Jf03p\r\nGKLXs6uAiM6KfV4N6Z+SJI8I2ntjeG3/ZIo7gjvU6O56IYoYgnFLh4zuxYyK\r\nphvBSaNVbt7sto2HvzjpR9LPbhu/M4ufRbrX8r9RoKMCJzagRATzAG/9mp/s\r\nkT55NFSEM/58QMeG8jfJTDbFd4oqq95eyTleaLB2fm9BJEEjfuVEQzIMLVzw\r\nXpUjQEsiBJM2KGdtSFk2Fjn0hwCwUS9WUNWxBggMiZ9kRosz9kszKmmROAXj\r\njSkpqFp3E+X1+qat16g8kUNBD9spR3a9Cif2DBe5Us4vEySl3nMi/S4gSiI2\r\nytnWqisXlzWnBOXaqjO0HRk1G4R4JgyNRzlCnTwajYef7QY1OTlYZE1+7Pd7\r\n9YxENLPvGQb0WZlVD0gggPrEjaJVgW39M8PmCF0RQH7Fahhe6w3iNSlcryGm\r\no4Wq9/QdKKLDE/CzMdY7txxJ5Fn2ALx2ZLrjZwbKDxOhz+BQI/BkY/6GMBp/\r\nOhPLllAaivc1R6H46Mfw85H2D4gHsZp9DVc=\r\n=rol8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c3bb551a6b32480853dcc8e29f7f8513d62154a2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.8175d5eff.0_1672192225981_0.7229925957472692","host":"s3://npm-registry-packages"}},"15.0.0-canary.16abb41ed.0":{"name":"@material/animation","version":"15.0.0-canary.16abb41ed.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.16abb41ed.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8468f91745de908afb0a3c9d45bf70aee22a4068","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.16abb41ed.0.tgz","fileCount":25,"integrity":"sha512-/1FtyHCrqT6kO0DzOygGNC6gSuzBW2aINr5bRwPSAvlm0R9Mig2wwIu2Tl7i7B1cdEGHLagqwqTSqahO1iG+Zg==","signatures":[{"sig":"MEUCIC+P/zo9KkCfoYx6/e5ZhaXEq4vYKc5koF+gnDLO6LcMAiEA0v2gJmRnzLcVjlVd/Nh0NGRpukB48lwBz3DR/DDtndE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjrJrwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoelw/+PmZBoxo8T3dqdWvJEVjfoJC7jSd2hUVYqFFtpZ88pA2XVSIG\r\nmDljuEg8yBYc2q2MvEuNnQSokkUUu9IxYng9r2+WAkOI8bW2HiJzR2uj5MMt\r\nJ8OIm/tH5FwpX5ZAKDoLdex3oG6XHEtGrvi+oy4ZvDyqiz0zgSZQZ8WhHoBM\r\ntQ7+POCGaayInLJi53FEJ1aF+5CvG3Ja93iVsqjBCqf8Du01gxuCU7dKuG5N\r\n1SmZPIv+bE+60LuKMhfCcq4/vBeT3FiJRNsVu0TIeKXZKxauGl1+DUB1GgKe\r\n01ca4bqVCc7mAvtVyHP72fkKGEEORtPjCwdjsLYc+TngaDc2ofs2pRDyd6Jx\r\nDyECBJSeVvwJe4oeoaRYlD0+demG90a5f4g8dc93SQnvFk1gnvkp8MY2KXdm\r\nLCdb6x/hzmR8Gw0qdbRzE8wf8WtK/easHbtEuUQ4BrGlbqInoN/gYMX3XyUY\r\n8z950fwFbwTfXEX/tEdCzxzjNnqkr+trJsmofsmsBOjwK9U36gl2oGfEWq4X\r\nA72O+2j2s/LubmKUXHkqY/re+0ZSlKXS67H1Jo4B/A3viY84Z0EmzczaAop7\r\nKSjtWxHHn+CE3nYoXytRY4cQ4kTqYRQhhbXWJ0a6D0ByN8Z8rFHxtBMmpzqN\r\nRRd/r4SJQ0Q+FEP57hgHo/8RrpJqXDn4WgQ=\r\n=Df+d\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d76b7c826f30ccda72f622ff722cc7585648dc34","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.16abb41ed.0_1672256240631_0.37463763434267827","host":"s3://npm-registry-packages"}},"15.0.0-canary.e21dcb86d.0":{"name":"@material/animation","version":"15.0.0-canary.e21dcb86d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.e21dcb86d.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f6c834dfbe20946289960d4d09aa302a4a2f6b58","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.e21dcb86d.0.tgz","fileCount":25,"integrity":"sha512-QQuTKYuHoyu/2V/aqtXLgL+Cq2yjmmJUukoV5G90x9CoI/51Gt4nqHdkgi99EzsNLsnjkJL3Z5lGwRd4hphF+w==","signatures":[{"sig":"MEYCIQCAlsNHU5JjzJqQGi1dspU/7G0f3Cn6/K1kPba3bY4DlQIhAJKzcw44RoIjB0yFu64FRpvzmOGathobx6TxGBDjVNso","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjrZ2aACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrW0g//cna7OAuISTbGJ2kwCvfZ9P+0QQIVEYgqm4Jxim/oif2yyYn3\r\nuwXNzmPXbWmek4SDC/V2laE1QtK3gw7P6DfmsV+ZIUGUXwS2yFFpRCHddDKm\r\ncf5oDumYjsBfAfsFpzhbZY6zYMpk3fuXFJOdVCEIagikahenUi/Xbwv1nq8x\r\nsUJK97LJcBTFOBTfYASEyr6UuXnBrgYzVSKp3d7313SJsyKk7KENYj37s4D8\r\nihJE+/PhfeRIOus1NdQ1JMZscq1BKLuqP1SGxc1bdQVcm643r90n/uOs83pd\r\n2ss2rqSJXDIE3HiQ3ZXYOE9w+XqRslyv/HWZtUPvN2jUQhf09fx55dRzDdG1\r\n3xjqdIkrwMI54EBzNi2hDqxHrn4bNKimLC1jeEe4yglPk3PLhP9VMzMwJ4Us\r\nmJS+fjL3bvg1Q5lcEnMjpyqcwnc2l/wcZhQaS/hVW+XzoquIaevMxt7rlIhF\r\nYt+Vr59p/tHTxLCuFvcI2GtG9p5J3OgzmFsrzZ9/hj6i2Gw0v4BGCDyrJUbj\r\nyPIm8y3hNOEsI72Qo1c0xl+qbh5mM4SmELlERiFg7rWAKT4A6V0cm8M4L7fK\r\nmUTnVjpxLNSaypNU5QzlJqIdse90aWk+VoiMssOP8nJJz0QNjNuUBM+vxaNN\r\nHOWDlblNWXQmvUbEcfk9JmDFADFWLYnT/5s=\r\n=bEqA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a32b4ac6d2bad60870533296fbc4acf050735b8f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.e21dcb86d.0_1672322458377_0.7864214640602627","host":"s3://npm-registry-packages"}},"15.0.0-canary.20ab6f5a8.0":{"name":"@material/animation","version":"15.0.0-canary.20ab6f5a8.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.20ab6f5a8.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"62ac09ad78c068cd6839cfe0cc3d75abad224d20","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.20ab6f5a8.0.tgz","fileCount":25,"integrity":"sha512-oiM3i0jPUCkPZvwYGPjcTvIngxf1Pgzx7JdXs1eRmteSd7kbM1K+31a/O+BuyOQLw5P/BpZ8Rsuffh9U5fbxJA==","signatures":[{"sig":"MEUCIQC0/HB6SfgqnUAEOVPDFpzyV2zRx7h7bsFTk/WEtaW8SwIgNtu1pz7dgEYFO7NeJhlprFOwKxYLFVT5jUVGANw16JA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjre0EACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp34hAAmtQ5RhnmZ/jaIbBIqXAoBAwji4ImZ/sMLdyBZa4n+B9LwFAN\r\nlriJ66xKzWYuWHPIKvEtKKdKVMrK4wZLT8xUK9csaltWksQEN8KR/u50mv/f\r\npw78zxPLMmJm3M1fbE2XrtRumKz4aDXZRf4uQlU3STRa+EKoWvp24e/JKz4j\r\nhF6vgYDQTTKEcWcevqQ6SxU+UUkS7zMYw/S5jNSZrsphed/qCJ68mWDtiPqT\r\nOsK7qCMz0a1MurGBY9sW4nrBI8PTOvAi38ayfctxXdF75o1LKbpScBY65nis\r\nf7Jg6dfaLnmz//MjmKi05gzhyvdbTpZTWl976yl9IBCXKS+o+jIHHL0Bgwqx\r\ngaEUVTO230K+7M02DbfdMgv8GgN8HT0fzO7o1cngsm7AeA11b6Fm7WjwilJF\r\nG1fnYuFhjSNCQe/4j1EcUSKrHleTOI3bfKjjQfLm+NU/vJgvz0RTqHBJwLP6\r\n8MxxGjiOlJZDumVXda8TxndTLWdoX++UPiRtr8KNVAx/GEVShI6DfgJXiK/T\r\nlZW5OGBBUeZrY4RqkTGy49U/A9bkhkjj602MxOnbcfgzg9e/GNqa18/eBMgj\r\n50QUNhnHWl/2chVYC7IS4cWZ0cBsB9gOFd4E6oO+YnziZ+n+YYFBlP1wi8Os\r\ndCHeDZc4chpRB+spSbAXoj0kscHxJt3VS/w=\r\n=uDYc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"abf2135af6e71ea44b6e6a4de17493e5923f7255","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.20ab6f5a8.0_1672342788688_0.8271155906212961","host":"s3://npm-registry-packages"}},"15.0.0-canary.b9806f623.0":{"name":"@material/animation","version":"15.0.0-canary.b9806f623.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.b9806f623.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"080c3b9b246b940de4527011a2ff8a4d20c7ea10","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.b9806f623.0.tgz","fileCount":25,"integrity":"sha512-5jDnfeFJYfgVFWeoPo2dpbGDt1V0DQvGnlrov7rDnhJRQGmrw+NyqZYEMjm+52H3ar3xFAYKYQPJnNI92et9yg==","signatures":[{"sig":"MEYCIQC0L4CbF4GTm6FDwCTUTGMF8npbGxHVUFluTjhBJgQmdQIhAKmt1iQWcNmtJyrNnszrHq8dh19H97WVfGflYlW+qUOK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjrh0LACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrHpg//eDCDuMy5XLsrwoL2Ca+8z1mkewRwaxIh4ccVB8AhwmvnCKw4\r\n9zGkRi4LVDMYiYWY8eK+TEaopoOaHnchjG8ODbcHi4GLDZtxYFkDiNVe+9bd\r\ndTXcd21yOaFBtS/0Q1u5/6+P6R/sqOVSBtP/ZdnJs/qjoPdYqBYViOuCAEUw\r\nhQjGMiDFEApi0cUnISJ8FxlhAy9WZKmKCXlqq+wPmB6QscbU7SIPuKkLyXM0\r\nVm4bYyuMcv21OAcEvCDsWRMT0NnoS/U2M3jHI/cybTFJLYJzqJxaV93fRU78\r\n3OW6nIfYbwG1qg23eJROq++d/Nxd3726ukD7lATvj1OQ+gqbqgpmQbvtDKc2\r\nTecp4yPSp4tWkPuwnKhLzf6I66F0UXOAMS63QOyYEKnCJ+rHfZzDabwEBKvO\r\nmfrEn3uKxjVnXYQFrZNldkmsMNu3RjecUjxgbkeVf0m8IFlB82rTh3iQlx4A\r\n1IgBDNGQ0YER8wFvUl1JFNTFFldjzC/QR0Ga8GPxbRJQWDaF0dzmZDPiiTBn\r\nz0xZ4MtnnYOJz5BLR7fD87nk+MPARiD9jawieH+2VHWZQeRf/Ywf3EnDl42E\r\npveqX8wWhduoF9wxoHnGBXM/5pg5uXZzgE5aRqwePpvTI+DMTy+MpqkU8b2m\r\nN0XURKALrCLYgjEIOzW1PfFeeawjlhas4yg=\r\n=8E5y\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"0eb4b8fcbfba4d68dffe3a2b5c7478e69e2e2eb9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.b9806f623.0_1672355083400_0.2309929504569781","host":"s3://npm-registry-packages"}},"15.0.0-canary.50c9f550e.0":{"name":"@material/animation","version":"15.0.0-canary.50c9f550e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.50c9f550e.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"887a53eb9b6a987adce4bd72ab621a21b5b11b48","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.50c9f550e.0.tgz","fileCount":25,"integrity":"sha512-XLZwVUq/0JXUnSlj9cOPMgUjvaf78WKnZ4kdaURsaayZF/SmGRD6pigjcxOvq1kzXDO/7bEF57A1/4EI7NVtiw==","signatures":[{"sig":"MEUCIEKZvxn1BkHCNwoJOpqnOE5crGReKaBrT/9dPXjnCA4uAiEAraOnS5dfo/N7OmoaI/UWWG8NsJ7YzTfGvFXOF3sLwQM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtE3dACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqCFA/7BXvM0SYJWxzAk1Pn+vurbVHbikgt0m10hyjJn/5Z5ksnwKRp\r\ndmC2kJul3l2kWFyfGxy3+tDEYp0SFqKX+InMvU5EeXDmH+Dc5IVbP6gvHiJ/\r\nf6XvGiG9naxWyNIJddjy5UZe+kYMv5GftdwB6f3sye7Xhf+ARY0zECPa1Mgj\r\nwytOc76I9c+h4U6prK6eo00NGsTmFPK9vsXvWFw0p+CY6pi7cWRxAuTsTB3k\r\nljSNUGcULl1p0C4eOEF7RYyzIE3CMk0xfTbPgCKCckbMvdn35DiaysYtOQPQ\r\nJ05k+tJ3qWau1Ta5GQeCam62/LKOa3l3YucOvaoN+S7w63dfFB6CeudeYKaM\r\nbFnrpuqbxjfA8PAq+uH+0A7uyEvkZ6oIigV8O2HcuCiKMFBidIXbAvrXoq21\r\nkHdPgD7SylndvKV6xS1qVOuPt9Hw//pihOqd5jVqdXJ+dVG5yIqiZYAiXrp1\r\nsp0Z6kwic5FxePS+7rijvtx2IlZEKRq++V50cASiMoRdvrggJPQjQ0Tu8zx0\r\nWgy0XsM/4k7GYqsAR7q6DjJJSgax4DZVB0bGhKKO/dtXhZ47NfYlUXG1yCUP\r\nLO1RZUNMUScqRigVhcVvIpe369NCwYAFR+rIcKf9LihB5B0g3K8ZMIIhjfR3\r\nFArY1H2qyUmyIZyaMauBgzlxvAey0wV99Wo=\r\n=/yFq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d020b19d0ab5525ccca1f803a00e184efafb15e3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.50c9f550e.0_1672760797391_0.5376951581597598","host":"s3://npm-registry-packages"}},"15.0.0-canary.af490a848.0":{"name":"@material/animation","version":"15.0.0-canary.af490a848.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.af490a848.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bef1c9a8bbca3932d70a62bbad4927ca4258e9ba","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.af490a848.0.tgz","fileCount":25,"integrity":"sha512-uIYT4Wfyyvh4u02IWUq3b5grMmsvBEWLn078MqDd1CpK0Ai2kHvPCBefzMUVRyOWkoDNY4GOZy+oCn40lggVkg==","signatures":[{"sig":"MEYCIQCeR4QDGM6EgMq2PRsAEzwETtx7JjwCTvT/3P9H00V/oAIhAOdY5cffB3+HTxY+d9xLiu8Z75PbAl2JLf60oDXraFKi","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtFACACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqlRQ/+N508T0mXph28uQ69nvnnt9hrH5mek7384qVkAvRRiisZ+3Rc\r\nW9F06uStTM2qBD8tip/3LroFNlz65ZkSqlIQKmw129bvqEA/Wy9/mgxZCOhW\r\nntr7VYnxzl3NQZKkOhHutcrZkCO57FlS5Kfxby4oySLerbfq4NErKD20/3TK\r\nUCYSS88zfscp96AJ3Sae4J/cHT0gU2JNL57MgWddkzH2OrKzzpQ7VfTR9I6i\r\nfU1fffdRx/9iHb/CZxZFeer+x4Y41XnXwa/+M6zhL26KadMlt/VhMtAfI4bw\r\nRMDsreJJ9HzWUSrUNZagnX+xsQ/6+fOv1+8iQkVGbodVaGW06C614MXP4pYz\r\nGzq5Czr4rHD2xfTDVOQ26lFqDCmGMYJnJmti8cgA51bjUk/R3YI+sV/ZBARb\r\nV+dqMfOu3I2AGDsSMshibOGjPO1JE0HePji2qVaxN5tcfbhGnuUhlR9ApMeY\r\nSIt5PhlFYABih2t2sy2ubjpbw6qL2gZh8aGohKXspPCQP/ZscLn8qJwW5/K4\r\nszvnDcHzY+cbNVNSRzjqnK7uHv8xiNlw3PbvehHIazdPuz1Tn0d7t+KmP23t\r\nVm0+AYLstNX3pe5gWKTfsdCNrIx0dggiTQEP5cVkkkB5POuOSEboVfdrzMMn\r\nHFUl2qZbvR2vWi/dL0cCDBwds/NBMH9uJFM=\r\n=QrO+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"95f5499a3dea1763e53574fb3b884e8e45cc974e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.af490a848.0_1672761346282_0.7372323676128332","host":"s3://npm-registry-packages"}},"15.0.0-canary.7cf487c98.0":{"name":"@material/animation","version":"15.0.0-canary.7cf487c98.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.7cf487c98.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8995dade4bd872c266067d9db9cde96150f88cbc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.7cf487c98.0.tgz","fileCount":25,"integrity":"sha512-BWW3BKnJlnCY3RkvaULnujTTFrfXq8TNf9MC26SrEHS2T2skjpKIqTOGc8qfCP3jBU+uE/TLj09nI7BGd1Y1cA==","signatures":[{"sig":"MEQCIAtUM4akmwL06vKh/D1w/xd0U5x6GLMHY37hYcrTzeV2AiB3prV4qrkJ7SA1MzkHDYuJoIiDWXgAceE58IZBQPZCbw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtGfXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoV2w/8CGDKrY0/xkhI1CcQqiUL+JwIIQdt54xXtvPiFbC5nIjjAl6i\r\nzNW5OPSHx9m1rxz3EgXJoeDykhIGfg+dv5OleMetWjPs0bziOcQJWstpHYDE\r\nDwgeXl5MEnuDgehAh6crvHXtyCtS+P8Jz+5dWAtj7xeqCbFyBuHnaHe1RKzz\r\nh4nrHf3wttpHDEj2tqCdfL8Vm8aBbMB/zcLp2bN5AeAiZXteZg4n6P9gl2v/\r\nQcxYUWlY0wLlYhm27vccJYie7IEL27lft8TG0hEEaXy8RbxyEb4/7UA3k8Uu\r\nZr3H2SIs+UKnM586h6GeCC3oD1yRW18qYdifqcGJRQx57zZbGJ7HwH9tdw4E\r\nVnMOvH9Z3RF0/fbEQ44jWDeDm1PtJoxL85IWkKvEjjvlq04rgqLSf1ic7tfs\r\nPztVBdiJNoLR3TZ+gusXoOwPZlimIPK5DieP123LLCDP3K7YprfD7bLMpl5+\r\ntqN9rJInFVbPPLh+P5nhiCXlkAkBEmcWXx8xChZdXkAGk3z/THlL2APj718b\r\ngOTN1H0Ha6aVWjzaA0MggT9fmkC4ehNXyWV/AbOx3/ccZXPTWdtbN4+sZH75\r\nAPTzY7ZFg8+O2C13KbPmJf1w9Krs+WKnq8Vi3DGIxN/L7VtQXUl7ly7u4Wiz\r\nWLfqUCSJ8k6WbdSzCQji0Ngg2iMXG4cK8+s=\r\n=kg5B\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"8d246270c785ca072651213aa63882309c7cd5ae","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.7cf487c98.0_1672767447375_0.4270505305721224","host":"s3://npm-registry-packages"}},"15.0.0-canary.a52be2d5e.0":{"name":"@material/animation","version":"15.0.0-canary.a52be2d5e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.a52be2d5e.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d7fdf8a7fc18092cb422721af56dcd65d6e3db30","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.a52be2d5e.0.tgz","fileCount":25,"integrity":"sha512-CaGpmN61K2mmIqZVwi228WMF7O6JSj7eIBdhnGVKrDo4FzUinfITeI75kWNHub1rPJktzeU5OFtugjOllond2w==","signatures":[{"sig":"MEUCIQCvs0kOowx7WNacYSV6lIXga8zKGmr2NYEIxaL1Z4pwaAIgAQwk9l6Inh9Wax218h51cTY1xBVp/KmoUCKOrMsrx7w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtH4BACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpovxAAjefe7B9unKk5OnOn2057fUr1b1ltbZ7Ozdf5pS/rtjJe1r4r\r\nnwDu+FHbnxztwR80JjHvEfkhHYR2qfX4pqavTU3Z+1l51C/8scXk/+e52ZY4\r\nqPd5bEiyoXAYwTzRV4Cq6osiGX4BcJBuKIfa+ulDgfZC4LWlgoxlS+4lOn4G\r\nTTnIl/AyvtMxgqyD1ag7l3tdPh+KzUeIsC9Fok3UcA3PKqdpjzCy+TOiXM3k\r\nheg4536jruVPCmakO5PyOTf1UPpCfbdogu5nSUBcp9O7mdi550kCHn9hfDuP\r\nQ28irnke5CKOi7chzQabMQAhZ9p2WqkppQHbe/mUlBU+RpzRy7eLVmcw4QAt\r\n8zK6cgbJutpiv8HQHgT2iX64f6nDTX87D0IB8gb7thyMVVqfyEYUce/Dnqam\r\nfwVK8E2aqe+BDjxKhXjF4CG9dN57TxLGWCzFcCPAzLRVxw34q2YilZy39nt7\r\ncZOuShx9ukWQEPYQqlkkHKXzw7BXx2+KorEBcF4RZ8qHCFk0iVhd3NVAP7El\r\nd9b27OTRroUWbYoDpSLBKqSJuceQsB4i3WxFlcy8voKLrt3UeMPYx0LLRYF/\r\nfkXys8rIaVxQUZKdYQvNNAwawzfmDb+v8ac/iNs5Cl1+yXBE1B186JTD2+La\r\n0mERqcszUE0ULsVdAeKU4x/26IPAJAwo+ec=\r\n=e20k\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"6c2c2b2b16d0188fcfc620c5bd95622d34ab600e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.a52be2d5e.0_1672773121180_0.16093264826058484","host":"s3://npm-registry-packages"}},"15.0.0-canary.e38ba17c5.0":{"name":"@material/animation","version":"15.0.0-canary.e38ba17c5.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.e38ba17c5.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"155ba7473b11bcfd2ff89ecf601866b60641971f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.e38ba17c5.0.tgz","fileCount":25,"integrity":"sha512-4tuBRZIHKeehI69w4onCDz9ibSo+qSpaXb/d/8anJCwlkt0y0QNlXegBKtMWwSW1vqS7Fbvc22EYAJ1FW8Nytw==","signatures":[{"sig":"MEUCIQD4I4NTV8QglJiD4ibkNSB5Vdj5WZ1TBJrbHMwAWG9pBAIgff0/QUXB++temTpQ/+ja/P/THQ/qCY1TChrLCJkvH9Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtKy8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp9ag/8CzApt06Y5AwDmgymIPrU6nyu+OUWnY0o2nwrDSqrW7Ecydw5\r\nDhNk++aKYtE8iO6071MLuoZFqY5cRuBXVDYbdnHTOmZq078v4aYyBo9ww5a6\r\nBgkEEMgMexhu2qlQ1imkwP4Hl/zFmF8C4y0aSCRMrSmVokqQ9TZdoL106Vtk\r\nnZDsW5mhQLJxgFf9EmKwZM8T7ZS6y5HddJ0UHiMmw7ntyIkbgqktKqucp9tZ\r\nICwBEIjzlrtKRx6obrCxLBGhJYfC4+WvBjFwEg5rCi+sPP7co67H3b041i8n\r\nS0I6tkUiaWdWgoD0ixM9vYUcFyZ1Y/tKpE/PB80Ay8hNMZMiDRfV6jPZ/60j\r\nOq58Qhv1GzSBzAux70XMJuEQMRh7cEJm59XT+RClta7QDdv4jDguTWKAOOYf\r\nJFFRDpw2vjayOlRP5RSLaAWtl1RMF0Cla8z7tk7cHYHEkSvzhsYAu229uglV\r\nUpcHv3Ecw75ncMv/B1Yx4ENmLlyn4af3hk0YJpjO/DOAblo2Y3ZlN1zGAVjR\r\nTtnShKg/G0ybuzV2YOq0jOtJDI6y9bgMX9ptSQUr/vb5SIwxFcfb0OV8kibD\r\n41vLkmg86RTW9ATQTDGWt/NN2Pu1gRVAiAlBqN5kxwEES+K172vprNybt1u3\r\nuC0aWdLCoQZwb8nWQmf/ggVig1flM1CBarU=\r\n=H2pX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d44100693c450240b468ed28efc3841fdde62da4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.e38ba17c5.0_1672785084365_0.7407919694761425","host":"s3://npm-registry-packages"}},"15.0.0-canary.49041a6c3.0":{"name":"@material/animation","version":"15.0.0-canary.49041a6c3.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.49041a6c3.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"982953c84d0cf31022d8d8428df5405f83ded698","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.49041a6c3.0.tgz","fileCount":25,"integrity":"sha512-NUyFrqv/8AsxqUlpJC8DpjcuGvQZP6AHhH1RzoIpngbckbbpHHxh/FONI1jIfssT0XcVRqOHE99AbS43Z1FsrQ==","signatures":[{"sig":"MEUCIQCYRIHQujzbm/LraVrppkG71eyuJnupauuPY2N+1ewFSwIgO+lHOeozDxK0zmfwKBnusREqCzi8Z5xv68s9FyV391Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtZhHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrCHg/9H0ouyQgnEKhn91p1cryWKjuwr+xEwMEwVNqi6DJbLUCZCx03\r\npdT0taKtokPv4xgmGwmzmv/z/NaQJDJkueMWbHRXAEArQDyIv4Mznat0rQIA\r\nVrIJ2cG68kk6wL3lkAT7EAd2umJP2IP8wlaAq9F6LNDvQeTEbCmXGp/Tsd5I\r\n3wxPf+467Jlz5MB2zniR4L3ZqEjiVPN6SJDhwItyO/Re8gOElFMyu5bZKQ4G\r\n5YF+fTcSIbFvTGOUv7AJqh9r6vnAcgiEqII0jRxjSRWCgkh0Fq116owQPqN1\r\nYm+vg7EgVNmBHAMlwCbB49TYHMXFGsMnLeBoaa3MmwdUIlgf5RWl9HfVwB1+\r\ndTnIH77Zi00m6CpgnDaD2eNG5bOboQwhSOMYTTIiUudN5bhy/Tl2UfZ2nSA+\r\nzWKe++7tYSK6YOtboiK2dXBFzYo3g+0YLyqgihUlcfzyvXNYDpkkkYv4deEe\r\ny56vksaqEAKB6qTjj1yCKgfD84arG6+vF7z2wA2i2gm0NfSfzfdfQ7nD+Q3z\r\nptTtN02BplV30GLGqiQ2g7+z7uqQGO1Ev+F8hxbagC8eX1EzdK21pQFbYMPY\r\nj7G2QGbPSbh2kW+Ta2Fp4pFzCn4EQgz+vs0KQHbEplbmnXa0O1VB0ltPrJml\r\n09f8DT2DCpMWIOGRp1RYaQzQwdh2cpOlXrs=\r\n=yp9L\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f012497ba1285ac3de691b5e25afe7a21ff62bdf","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.49041a6c3.0_1672845383512_0.987554321081376","host":"s3://npm-registry-packages"}},"15.0.0-canary.c492898c2.0":{"name":"@material/animation","version":"15.0.0-canary.c492898c2.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.c492898c2.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3ba1d8c00d956f28f58ff6df9d83e31ed107de23","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.c492898c2.0.tgz","fileCount":25,"integrity":"sha512-2uLPnOf7R+hCdmWFgIfR0KJRrSIZo6llw0cUB2iySzehQ1xxr2xRZew+ahA4um6o0jfMIAtpXNNhAbz1/Lcd0g==","signatures":[{"sig":"MEUCIHkrilDczfFyiT6TMW9frzPYd4/AoeWYIRv+roe8yiRXAiEAs3M6uNz800/sOUe0An4irZuvTqgChS/YWgRAo54/eYI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtbj9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoiiBAAiqnN3/P011sF9sy/BTVbAniNmHpVcd3Y5R5xoEhjGN55WeQ8\r\n20gksGKTWsolkEj3+UXPa0MSsjnLnlgnqWmixkbte76v2p40br48R0z03dtq\r\nm4c+e7XjOu4St6cXESeq6mLSdDVyCZogMOkLTRLakzoNfWpZAPwUOQBGtuSO\r\nx9Ts5e6Srv9iZ90IOYFGx5LgAqaDNuNzCA02s+WRj0VmYtPa3avYXlAxE3J6\r\nu/LudFRO5H5cF2j6TPzC+YSo1wYLUTO3fQVQQW/F6xKkpmUblPMQ7pXUygDQ\r\nTkA3qST/vXikGkR6v1Uyvx8QsyQ3sAL7dh+obdCIC+aEvD3R4dGql+54uipK\r\nOyyGhZi7Aq743Kl4vOtakpQgyaa+lsVUE0sudFiYkGij778fyTpXG5wyJRWL\r\n7JoUTVR49Pxn0WfPPBgXXtbyj7TnUrxoGwzkDXKz+yJUsNQhA+YsqIwrQLu0\r\nsxLzPG3GV/qTBsO+WeIff3MF97NixWYHluVJtSlbXfI3SPCEV/bsVBgrxZCq\r\nuz9eCJ98u3OT8hB/EEY132eWEiFyOG4i9dTX0blLo+oQI3ffNht3h7HQIXX3\r\nFNOp76Nbw1EDxCibnwmReNOszyL3M71QQPS9eTELmMhUbL5b0GVnJvbfszOc\r\n6McCny14hykBt48FiyFD1X0eZINQdTiC06s=\r\n=SyfU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"8f57d41cc546a15258de2fac7e4ddca48b2987ee","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.c492898c2.0_1672853756786_0.5097646892978775","host":"s3://npm-registry-packages"}},"15.0.0-canary.d7a2277de.0":{"name":"@material/animation","version":"15.0.0-canary.d7a2277de.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.d7a2277de.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"94f762f80fa688ea4a303634303b4aa0a90247e9","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.d7a2277de.0.tgz","fileCount":25,"integrity":"sha512-tV+htiuhXQ5o39vXjutncs7AKZUgJHwbf2Zh16XXkxR32hzd5Zk/+GnHNYTD4L+Nr8F76zWkNHXu87M0kvRJvA==","signatures":[{"sig":"MEQCIGOGwZJWKVo4TT9aFvzdgJUe03I8/gA4Yvp+VeAA3x/vAiA0LlaIz7MlahfpnTpYDXZPaWEopVVO4CiBhbgWGdKaXw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtfDuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrvoA/7BS9zgeLeEBZfh/yj/caPpcfxGYlub2jmMIQ23he9iMco81dh\r\nIa8Y8ADmZ3tjmVNvhWtN6HDLRHhEFa3sZQm0h0ZgyrwvT33TIZryi8lyFwjl\r\n6plf96h/NcY4XkmPNl1SYQcYpSklk+El+qCupLlJRY9itMciHAr1lkWUCsKd\r\nfwKRvsntyMSQUEzfUa4c9abF8CaRTtD8s8zhUxUG+avQZB+dbwwCdNCGM6dC\r\nXmlSnpWoR11qOgjyJRnrNqf6EOlB/34Evw92OlIfzs8Y4mpm7RkSHNhSlD2z\r\nJN/UOxac6VVVwyySkymw3nfJ7t/jiWeg5u9SK/J0PMB1kfQfp3i6Kat0aB2q\r\nAlzUwU+tydMDR/QavAl7jJxHZeaVJsgsxwMvDpgmg9q/HSXLRWyrylxCMmkO\r\nCCysh9ASarOjDtE9NJJbC89CMiq47p/fzQ3b5VCiIhbS4YBwYqSQoj01/yYd\r\nt140s2N6DtZ3pW4+ZZSBZtyEy7twNbOh9zHF6Bgx4CElmC9Bi6VXIRkUBsoR\r\nbSQJfjTtB4UQFUtxN56db/EF964sfIA8ejI4aqc/Rt/sRnyUIZCkVQNxDt/v\r\ntRY08PjkckTG/kqMwueoFFMPrWap2XYktKFhNXyQJa7C8LR+foe3sk70/1CM\r\n1yxHpA/D9wWXESxOHkTs76sDGGMMUzB9qyU=\r\n=2Gio\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f9c71e947019fdd0ca8837669de0401f3752d1f3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.d7a2277de.0_1672868078430_0.48019815537348975","host":"s3://npm-registry-packages"}},"15.0.0-canary.fd95ca7ef.0":{"name":"@material/animation","version":"15.0.0-canary.fd95ca7ef.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.fd95ca7ef.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"93cdf4849fd32749b66dae6a1335dc00b9cd7633","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.fd95ca7ef.0.tgz","fileCount":25,"integrity":"sha512-zMUnqghXPj65NpEHw7n70qZ2Epaue7Y/aue+EWrWYiaQo5a0zxNttYyc5XTw0KOqfHyB9Yz4wO9BTQDCKWSWtg==","signatures":[{"sig":"MEYCIQCKkzTY139BeGiiYoy/fjI9B1ZGtKC2YGWg4HI1wwWllgIhANqzV93Cur4HnxLaI7Xi7UTpy6icw9MZtIqjpKRsarjO","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtiF6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrt3g/+OtC8/xiM8er0INWq4ori/G/fGimqO++cxzSqMGR3/Ey/c8eH\r\nYuF2fPJlsw6t2S6AAaeJ0sy1thtAVED/U7yF4Z9PR6OsVrbCLo7iltZrdapu\r\nEVHAPQeZqW27hlA2U51al4tNW+fcKUFeLjMWjMcuMp3z/BgAgqKeLPOrICOM\r\nxuQaTSZ5LQWfxfCGqnvvNOs4QzY1ynqKpMVAMCRNUwkBnsp8iZmQiVkaulDK\r\n7EcrRDHIckntLbVyY8G8CtORK/+sFcGr0O/MinlnXp7tPW8NNIRLtHLTLlDM\r\nFsEaQLlXR57/18/iiwsI+Hc0OpP6ydXvByzrruwS2uh/x4dbhPfz+HLFxOhy\r\nFEGhjC8eZ4/+12at2mkDuXjZ0QHBhom6rWK7k7aHHXs5Se2nEdNQKj4WfX2u\r\nAjM3JP3ONJsNFAbMwOgcrvzcI3WehWpWmPo/rq0kJ1vtLSynyA2hNZK7tS2O\r\nvbDL/6vqyIy3cf9YCaCLNGr/S13lK2mCwBYQWnYQyQU/fKynQs5TJTro2o69\r\nNSfC1Q/xamFrS4XxV0tO0D0chOydeuGYafw5aR/jtnzx76z5xaR4Xj7fS8Mm\r\nhfVLznqrFEy+jAypy9ZdN18i1Z2sP0YEngfyvjkseufGqHYz1/e5FpXcNVQq\r\n99fjWkPTQ9LIltgSXE1ubq/TMA79XTerYIo=\r\n=NMYD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b0d2fa371ec4a3d0a8a11e19d9753b1af5d2d62c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.fd95ca7ef.0_1672880506482_0.9073256350399281","host":"s3://npm-registry-packages"}},"15.0.0-canary.1eb44faf9.0":{"name":"@material/animation","version":"15.0.0-canary.1eb44faf9.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.1eb44faf9.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a2a43c9b7e377c88f2be9e44c7b1b0b98bc0faed","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.1eb44faf9.0.tgz","fileCount":25,"integrity":"sha512-fkagTCd54+5vP9xg07i0i70CwNFxgcKjxwv/8Mvru72vjk0F4ymzmcyLfZQQ7XeG3mTQ6b6YRNLJ0ZwSRJRXuw==","signatures":[{"sig":"MEUCICHIBOL+NqAQwue5B3BOfgvm0q+3q1W7uoIIMG87ouctAiEAqU84w9wqvKajPB4h6WEJmU5qDWPC8jvCfaqnaLMP5cA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtpN8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoXSQ/+Lv6Jxk1vEwE8Rt2ip5FA2VI9GO3EBWdjBJ+KymQN8D0YCQiK\r\nKJ2bu3eaGKKJt0KOVHbUXeqZEA0xrqLIsLgFhYgWbd2/1YEazPNvQtR8PHLP\r\nAlzSKtyFuLKFrAKdX5ynbl1B0QhMtWkqWqvyu8+tsDoJKg112dnwMLD2QG2j\r\n2X9KmC7VhSTqp0lZjg+3Cvp+5vg9b9MT8cuj7KwHgKZAQIpH8rlZ4t70aAop\r\noA1Vu72M3ChePxGJIcK6NJC2bvcOd2AGE3tG6KZhiQIXNE8uA6oDzERVqFCO\r\n0/OmmRscjfK8GilHg3OOxERBqMBNwKAOxdi8oj9V3LZxkn2f75obznKXFzb9\r\n5ooUCJK5S6lDbwARF1bmTss/DH+xScZB0Pu0IUYZi2OtO2+GEozDLRqcKfaH\r\ni1PgvGR5/qiRK+DLhb758as3dQAnhi86Cs2DrfBVxOVwMKqs2ACdK4GwTxtz\r\nS2OtJvMbc92rixe4vaCy7vHbyaB981D8BDs3XJXs+ZX2laOUh7CGgZm4agaR\r\n9A56RfJZJhPYwUKXv+l41xFJOEVA4x01T8h28WFDAOq25jyHCKuErISvJTv2\r\nxItcoob83u3BaP8I4LCy20sr2M1+HtGka1LNOe6a6Q+WGxqQIrhalJYMt8xE\r\nWMukOWZpr5LDZCSr+7xykzVBmvpr4herT/g=\r\n=EmE1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e0eeb94598a14217ebc97ec3e249d126a29a13a5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.1eb44faf9.0_1672909691759_0.09203218013276215","host":"s3://npm-registry-packages"}},"15.0.0-canary.adcdb7db9.0":{"name":"@material/animation","version":"15.0.0-canary.adcdb7db9.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.adcdb7db9.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3c5270255a12dbf6ad9ee48ebe2a818eb4c93277","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.adcdb7db9.0.tgz","fileCount":25,"integrity":"sha512-n+N5r6awSAVH3zQbIwkLPDv8PcnKbky9gdfw9OPJZntzryyQj3HT2mOLrYVu6slB5/hMpqA99TJyL92ojifgog==","signatures":[{"sig":"MEYCIQCUXfsMgKWgVfJzP6IhTiHVrnJLrWid0+IYIFilgbrD2gIhAN6wmQDpvgoVNQgH3MzxXdX5RfgY4LxQmqllFN6D9PSX","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtvjFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpCpA//e0NYlREQ5MNom8jf4xyVrkcIvPvP6mPgH+8AHnSYaQlrHqZx\r\nRe4kefg/a1m/8uywvwMP99P1E8jZoyyZa86h5OOSUtSAkaRx2r9v5Rn6G4wo\r\n6Imqd9dqe+5k+Sgh8Lqu2Hah2q8pdRE0ECsFhN049Ze6ETHUrjzG9UU4Mvm9\r\nbupzf+jmVmKUrSlXiNkgSw5FbghTyWP7k0oFHg3eKPOuzte7arxNJoXI3aij\r\nL2eTEQIon+3x2tTJPylrqE2pRbyjNQ7kuYt/Sa7bn1ctbe/R1z77UjtG1B51\r\nWY8RLy/Qjug3TjnL91iF5tHBGPuB8O3ZpAbLeNqi5oqgaDwWd08ZonK43xvZ\r\na0nLoUjh1UYLDR6tUk38pwspfJqphc0fn4B+IZgfAePW4JY8DVpziGLAq6yz\r\n90fnT/YNjHEB1lXrCQ+0Ls+TjJRBNpcHxaqCa0QOr6Qr/YHIzBi5GQ5VZcnQ\r\nTwtBCl6cRgNqLF8LrK6aHbLtZEx2fdb/TouLGCK/GOMsEL3+k4PvLrxXl/Ml\r\n2oLtaNKgYuRbK3o/QKRI3yV9k7dJ+LW4KjBx9+HQ2LN/ZM9eIzwAUeUKVx99\r\n/17+ytUPSmxJ05JbSUVPdgcgxXCyW3/FznVb2zJjvzfBKRS6FGuKyAoBOM/Z\r\nHHbUAaFLhn6iWwcNt5GJ4YfegyrlpSUeFw4=\r\n=1rco\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2bb419da8b7b393c085616b6c5f28a3eebf832f6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.adcdb7db9.0_1672935621713_0.411227129184627","host":"s3://npm-registry-packages"}},"15.0.0-canary.067af7eff.0":{"name":"@material/animation","version":"15.0.0-canary.067af7eff.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.067af7eff.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2e6ffa14728e0acb1199b7fc6aa5f4f1813fad73","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.067af7eff.0.tgz","fileCount":25,"integrity":"sha512-+txND/eNrGEt8G2mH/U1iWUlLuhobQQmfO5boFeb37uXrNGQ67lt+rlVKqxynvRgszR0MxHwugKIcOd8ebcDYQ==","signatures":[{"sig":"MEUCIQDiPXlfX1bXD+xCGQN+3qpziT9eht5Aj2cLjhKyP6FTOAIgOtAb0d6HRaYTXbHUhFEivB3NrJiVD7Slf+qzDcyejhc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjuKt4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoOhRAAhXJjuwo4IKA0sVoENsP0/1ZVfp4jHBMcEcQT4mow0FgVdJOC\r\nF5ceqKhtiMAUzwYEejwaeQLY7/Dq9r3jmlS1t1IqZKV47q+XIb7isSNBTnDy\r\ns6rPLa31ILcQmD8JPhVWJm1Gtr+qQczDHl3pRopYh0/b2sjcPrVPvvkfeoGm\r\nVyeCluNtK1jVMKl2LyHCdXbbr9pwJunTdX/+fvz4noJ9nNHlaHmYGsW5xiJb\r\nB74vZGktXlGATMjKLPBQzUlfX8XfmykXMKeR9iTyD146P9LaYXrMALHPIY3T\r\nunUbOrRbvUDNehLolEaPX92sgGPbzuvV+VP7zNn6zlh+ln0HgtppJZdg5Oen\r\ndEf7u9eM/4leaZTl1zRWFgA3uHVv7B94E6eB0/oifymZ8RjnwOktEdmeoBKD\r\n6sksyEpj8EXrXA+ehIo22qJpd9YnxUGqcVVKlGlwuh6mRKkPDW3u9ecK/FZG\r\nWzVPogMqr08vD9lZKtxbhzx9FgEJYqPaQEstIXc6OS2xTj/D0v6xyh0MI71D\r\nahM/dnRij/xPuYO7g3NVnJ95OK/xiebPXE4DNx4+JzK4EN5LHTXz3CWPMJuH\r\n0DxuRxwAczHfpgokjN8eW0kEOBP6Mau1eAOw3mSfsXho/uCv3ojwfXFG177r\r\njpN6uS7pqYc9Zj1dS6O7Qi/IX39Rhz4kCcw=\r\n=RuB4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"1fae2c792ff8ce557995a8d5d858676b4355c7ae","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.067af7eff.0_1673046903943_0.8059175794642224","host":"s3://npm-registry-packages"}},"15.0.0-canary.21d1196a7.0":{"name":"@material/animation","version":"15.0.0-canary.21d1196a7.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.21d1196a7.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6edce50f72786224491e3cba0dd34a966db03f62","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.21d1196a7.0.tgz","fileCount":25,"integrity":"sha512-yoz1ykDNArBk0hi7zGyjrI+LtPIfXRFib4Yt78BK/OHgTfeY19+Xw9elG0mLDOMjvme7ckVXi86Lq+uXmkYGzw==","signatures":[{"sig":"MEQCIDAvftXIbT6AcIAGRft67IOT6tVYMJJAt5QSKpgSfUKwAiBBqYZXY4CWDBYebc8LAyAQLjAGOP7bmVCCZekTYPxKmA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJju+9rACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo0ig/6AhkRoJoVLRu+l5JqUxsgg507j77VQPxPnIi3sp6w/2VLn/L2\r\nFKC+oi2zRuBCdKAzl5fxWEYwOtZt9PsvnXNK6oaAY0gGDt5hFqkDwxp4lP2v\r\n0SKtrqgOrGBeOxEd9WQe4d82ReBLW+iKP6heuRTQenukksa40CMfWX6PUQFb\r\nrlQ0pag8LrUwfWERKPX8hKH5EirzkN1xa21e9YrjZX3n/9wtDM+Y81TefO5V\r\n+rW3w8k7FcyARfUn5fT0XwZqTgaJP8id8fJSEIqTXsHyjMqVQHH9LiDbLuax\r\nacuykGfxrMr5Gvm7awbBvK4QLTQUM45m/mM/77nBQkZbcZITq7sas9W8U3Zw\r\n8Sx7NGzjzott2kVZw5vxlMfwDy1wMt0Y7ALEbmgmAUu75R/dP4CSJGZ/y+83\r\nYhoUc7+FPGQis27Kf0bgnfQ78d8pTRIr6i4wvppmfu8ZuEYj4RUZd+FgY4KB\r\nF+nmad9TKdUOALxPQJpp1mEFaC18W0I1G44xFjbpWYfuXzW/l/r5vPypozG9\r\nSwKoKS/QrNLSSEc1Cfe6Ru8BImKYFZNEq5tn4ws+pQpxF2dXGrXJSK/Oi6/+\r\n3u5VH2Ck+RSZh8nmf9kidEOCuQUNTwX2dCM+1Q59QJ9NQWGT2VmV/rqDbPpx\r\nUfjjxKz8gfNCC7MXqyRyek10ONQeX8zup28=\r\n=M3EL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"361e536c54e276112f021b419f666618a20599f6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.21d1196a7.0_1673260907131_0.8188983852700258","host":"s3://npm-registry-packages"}},"15.0.0-canary.8d2d8d3c4.0":{"name":"@material/animation","version":"15.0.0-canary.8d2d8d3c4.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.8d2d8d3c4.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"dcb9a5ae526afb57a4caa7ad14b0af6864cd50f4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.8d2d8d3c4.0.tgz","fileCount":25,"integrity":"sha512-i8quaL2IMCMwDHLVSlAVMtjL2tw4rHBKzze7JlrIwLNubRF44nb+1QFfVsN0Z3SssgR0asofZqD3257LbH16+w==","signatures":[{"sig":"MEUCICb3gSSm/7HJuZYLVV8i8dX1lmbn56SJ28Aps1XoL5+ZAiEA/R3H/PhMWVtowlg9zu308JzsM783YUpBd+uw9zlTCBo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvJO8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoUSg/+Pmf5FMHN8tqNlJnElg3DwaULmp6wWttWrdk99fo1LeD7IWv0\r\nxyZ+9LI/N0N3Ipi854GjnyNhDvQWSaqRTpUNvbgRY4FqweDM8mnnf4XmEaQc\r\njSw0nfKOiRFSsiIyGcVz6LTyDXEiUmewztxrKTml8YqEZdpRGlgaYsf3Z+9W\r\nICxhK1igUnZm1IiqjL0ux7mF5t5cDOHxOhaarqx6vvRnRreLnmblDF43mzx7\r\n0Ij6Vi4LyIHcx4OoIXDYG7MLALA1ef2D1mlpTK2QzIlxaGmUncaISqrCZrMj\r\nEgExQEFHoL/wB86tXngGnwiOjhBDrqymas2vTeY1v2/NDDsEcMmqKpWfEVcv\r\nVwTd/DQTfT56kp19vXcYOItlrptTpzDLcJH4V6k6+XEH1wwNGBme15OMn7kQ\r\nBazAGLC0/Q8YkENCjcti5Zme7kxoNlyErqZkMG9qiVNsEdiyRE7ksvLylQuG\r\nHyKkqtj3mcI/WYEgsEehip6jkj/sSWdkw8GCfMUxxRXgaerSqk3+SNnIOnKE\r\nwSNV8OaYgg/p50fTyzVwNUAV81UESkQdOGtI48F/EJRXxJLFjCzueSpko9ql\r\ng9j6GN/GZxvUXMuaGrx0E3zUwxvikB57O6PSkN177zTGKAqxH33QPvUkCZA6\r\nqdnY8BfrUt+AMxDDpZcwmqShwxym2ujbivs=\r\n=/Rus\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c2df4624468d99280d9dcb0894d04d839fc8673f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.8d2d8d3c4.0_1673302972711_0.19842469319574696","host":"s3://npm-registry-packages"}},"15.0.0-canary.f476fdece.0":{"name":"@material/animation","version":"15.0.0-canary.f476fdece.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.f476fdece.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a13238d6b9cce5045104bf32b5fb766fe237cb9c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.f476fdece.0.tgz","fileCount":25,"integrity":"sha512-e2gkOmKba9hTA/GazwoLQlEkEOvHgZVK18He/JbHxg6kVKYka71KH0sp9kqrv+fYHEi9f9KsNtZFQa8p3E71wg==","signatures":[{"sig":"MEYCIQCU327pWTy1AEeZqVrSuME524fnxFuXNpWlpPxlRLB5gAIhAPGL+BfEG551UFp/PsVQ6R6/gJ58L2rdQIMpSctVqeus","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvY6jACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqj3w/9HzZAVD2kT85TfVWqH1eG9aijRbVR28Ktnik5SQpeCS2JnUZP\r\n+snE3Ivd6AwsMhPY3g081sWtjMQT18KldVIOKJG51aVHSMXHxgOSJ9qKqK7e\r\nYZKuzV2QIHwOh5zU4ZsYBwZ0Jq10B91Bt7sAYCyaTiiiB4DkJdHbdi4JPqI8\r\ngCZKQIgmx10LwFKkC1+abclc4nMhmaEreUid7RuNCTJHrBeDNl3W7g+PALMt\r\n7Pl9V4W1uNbcCZgcWD2hrmmgGrTEkwNdTMsMlm7wqRJzPhrz5DYLN57Nne8A\r\nSra1d1UmISFKs1us95NNGeLkqLNfCf1+HcXDgu9X86N5vj1qXqQA+TEE9vJj\r\nUn0td0UHNk3txlxTN3QYk5UpDy0qSxfeK/ghrnbBFG1qMUDKo9Qyh/AyyQHp\r\nGvyzQYgugE87N6o3Xw9eibWejckQUK4y0NBKSXm7KJudfha+CVx2ZVsDkEQk\r\nza7dUk3tEFzZ0trVOCs2hjNX2t3UYmVA/AhVnIjx+kHI92RO95xPV8Jf3GaD\r\nteWsmvi++Z9ix4jn9vVot2H+viyiDzkSF7PlGxTTZo+AsKa/yhpppUdV1lv8\r\nl/vU/yjbcXjsT23KjeKR4ZUBRUJ3TFuOK2dclLVw5twWH1TZqIRfOcAWkMMS\r\nYiMbGOhe3CXGEsY8x0GGv/dUfHJ1v7+jWyY=\r\n=0eBW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"672d5b55da7c88d57180edf75e7ce65ca2fefe0f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.f476fdece.0_1673367203294_0.3612643485697049","host":"s3://npm-registry-packages"}},"15.0.0-canary.fc6ee6c32.0":{"name":"@material/animation","version":"15.0.0-canary.fc6ee6c32.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.fc6ee6c32.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"55ea5cef37c935a1d39a22f766eee90ee5aa4668","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.fc6ee6c32.0.tgz","fileCount":25,"integrity":"sha512-2fc0dWUlE34JftOs6KVeZjydFFw3mB7igdYSKsHOIsxxnEVoh4wGk7Yr1/nQdZwBXFY782goAGx1INggsSvvnA==","signatures":[{"sig":"MEUCIQC+5EOGLDYxMqnOlQVi4bwlvANAm+NxDhDa9nviVMDGngIgGZTC+XxUXXTmcFanSO7h+Z4I2xF08R8Y/prDXxMiz7g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvZHKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoFZw/+LfOHUR9NLoGCeHdTY56gvTAWbZJl6S+aap7Snc+ubo5OoDbU\r\nD4EVHKwhET8FFsPWtVJ+XN1V/IMrHJDwLHtFiIzeOp8UzbF8HmVadl3O/b08\r\nfW2gzPpdFFCrqgFj1jm82XHD5WCDbLTN6Wkz49ixN0L+gGuNQbXzXXXYrmHV\r\ncg6kiMuErAIqxqM/b6hwqMcsirZpisIs02/eEcqxUa9jzH+n5vj6gKzPBh2+\r\nn4rVfNjK0AWsd6T/DB4icjbgQEKcEMgcL54EE0XJmJ+S9gZI+FfGcoRghSEN\r\n4ViOGWOMeW1MY6XihOVfKDdxM12JCD5CMJgQU2Odd9wVFqe4zjxTUnoJ8eaB\r\ngnPfx2pVlZCASQ0oNGP88uwpCPAUSm0JluiVypf5RPWJo5CSisDm6C66aLY6\r\nH4C+v0Fjp4qpQKDxL8l4UZMcYOqTU/b7GgNTlQq2JQ/bkKHQAMW8e8LV/oRA\r\novV5v6pAlHRNazidXBuvzoT6qhvHRuN2TwzqoDsoM7zeBEviMiWjWaLy3Vf/\r\nz13srybiAYT+W+nSM8vWxERBBPIvthC9F5WQT1s84pB2InoETokOUbLP+PJw\r\n5k+8ZJdOGP/esITZS3B+OnjS4WwhfmaLXYEUCq8bKsaEccNEnprXzniygaPA\r\nd6u1lr18i9whpgbDqQ+478xKtp3Uu+g5BS8=\r\n=iIv+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"225aabdf74bdefc3d2f70f268ddd04c501a821ba","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.fc6ee6c32.0_1673368010185_0.7256735965460093","host":"s3://npm-registry-packages"}},"15.0.0-canary.73537ab0f.0":{"name":"@material/animation","version":"15.0.0-canary.73537ab0f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.73537ab0f.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2044853dd46f47c747468d7ed2ad2c74942d87b4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.73537ab0f.0.tgz","fileCount":25,"integrity":"sha512-NSpL/uWTe6KGLxIuex4CXcKzkQRcA1zKckCT3U/rwoE9mcM3kcrNAQdAOe4bAwDCiDtZtJWP3DKPaOUOcmqyeA==","signatures":[{"sig":"MEYCIQCUSkAD4mUc1byY992AiDs62atWxZnpIe5qurU/W1ygbwIhAIf+ayhvBvWoXWp0uD8id5SaU5ARxEQTx/IR8yHaNjLX","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvaoSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrKhQ/+IUnfqIKZUI5mkLHruogOclkkhcAUMkmbUs0wnDAuK/KV/FWX\r\nh+b57S4I+5UgX6IE3B5Vg7NyK4hsjTxOQtp2OPt/k0q9hu5Y0fTV5ZCnUdtC\r\nPDvdVWtN/oZy3x0XnadGAtDZA8Be2LPBqgyiJfp0JOg2S4OTYAqo+HeJ6x7r\r\n1hvFldB/8GjCJ2A3RN/yBwmO5amlj/REsotj1cD9IxoW3BAxPI5Pt8ej+fAz\r\ngMKNik26Ny/or0U68eIdF9Ucd2G4OJaLlyUSMKExV7e+7P2KsjT88lK86GF1\r\nONVceJAV5pYGberF8jwjEA0Q/xy2gCX1kjGpC/bKJNbO0dWOU3l/yZw9B8OS\r\n6wf/GO2mR93mIn9bH9T+Tlhl9KPl/E2KAywCl9lEK2vxenj/uXOXLos2vp8S\r\n9Eavvtecvl6ZhNn1lJbUQwx9Ya+SU+k1ssiRPkufKxXVo28t0VuyDGyGk/io\r\nJfLTYnkMb9zHZJep0ExcdUH8fipY15ViW+vvzHD21/93529fUsltcUVxy1Zb\r\nBNqWzmRwBpWJFl+S/SDnJaUlc/XCzSC+62+HKth6asH8WLG8o7ymPkvs2VqO\r\n3ioVk4x/c+b3jyy8DykdcHsXkXzHSDJAOwgp7r+Is9XGmzFxa7UBWT1MXevS\r\nLBHhn8XqKaDLRjnobmEBPbAddl3A8v7MCe8=\r\n=8WSm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"cb3a480e7be3c8c7bc8f8ee0acf1ee8145f266b3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.73537ab0f.0_1673374226689_0.9598317373501077","host":"s3://npm-registry-packages"}},"15.0.0-canary.684e33d25.0":{"name":"@material/animation","version":"15.0.0-canary.684e33d25.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.684e33d25.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d42ecdd31da5635ff5b44a53c6fc8746de7f5a5a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.684e33d25.0.tgz","fileCount":25,"integrity":"sha512-5osi1z4JQIXcklPALbH/zTfOm2pDzHt9Fxm7ZyURy250xIZj6QjULRzPTnzOhC2ropfix9ra2Cfggbf0dcRbEQ==","signatures":[{"sig":"MEUCIQCA1wMgozqNgEgqbaXgXMBOaMbfMEbj5gUzOgNS8nwsBwIgd9oESb4QWlqxme9UjsRWqRWXL9EHMgN+KDmBChMZciA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvbnBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq8LQ//UvLaTMuORz5n+Qo5rA9o3y7cfCqAwdZO6U13vRaAlqpvRry+\r\ntS/U/16O+llW+SMEPfOjwMfQjgFs5fgSz/9DsnnnzMCJ2HcWkLZJOx1XNWC9\r\nCklGG9VMpF9TwKmobbecBB1tJYTcxS2iJ/mtL4GbfOKkiT1Uz6jmwsVabyeS\r\nfAf4TvYCI1R/xxqbVpc+NeQEx+bEwT5H7RNIneQ6n09EGmSUu6U6I3HdEnJh\r\nax/+oJ48KCuLlkmXH6hwiFBknM9ISJUSY8B1t+25YlVn0RwsQqOspEuijFBt\r\nNgCYomCmckNnGdAZq6YdXeW4m1rvPbe+sPqWvATY/Yp1tpzEslo8ZWpdQbeE\r\nWcHAKkY2BuDQuAb4ceeTFxNwrofr0uRDmoBqQ62hpy2wc1QfNLtHt6Da0OiY\r\n392UFPjD96FUIVg/S3BrCzie4AwmEgAwEy2q5iEcAPodiMUXzcJfdRbMtf44\r\nnCpQAnBWlUePQVeZ+ABdaNt/06xQmkQIr/3FrWhEsHH7qdoJgrs53qKeXyps\r\nuJGZbsS/oYH9unRVIB89Sud0/UehRIkv3WG4migYAYrVWYqlsRr5cJ+uWAoe\r\nZ+VEieLYp6GRquMl912tJJHJWouCmk0uYfcB6EgJyqgZ6TFHv+yDHh0K/QeB\r\nBveAK90gSJ3Wfid3rPiVzj7ifXjkvRgAGlc=\r\n=MgzT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"518d26a1e091925c1b3a87f4d4f4dc828580a863","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.684e33d25.0_1673378241604_0.44761261651611584","host":"s3://npm-registry-packages"}},"15.0.0-canary.0e89aab6b.0":{"name":"@material/animation","version":"15.0.0-canary.0e89aab6b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.0e89aab6b.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"17033c5d4e4535e730cb1dadad1669f8778c5b2b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.0e89aab6b.0.tgz","fileCount":25,"integrity":"sha512-+rXGDFtEmtOp0vRnR+Os8QYRH8j5B5aT2oqS6jp+IXYHECnUxsGJ2a5mYBslp85g+SmBnr+8f+qkCGiTmFDgFQ==","signatures":[{"sig":"MEUCIEY7WGA6TNRQG8zWNcbxHoAj6uHfCQYFVbEnZTnZUQNfAiEAiG78v6fnHx/1txUEmv34LkOjwMLF+lPmbrUJh+dfqB0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvuDDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpsUA/+JIKld9UUF+6yie8y+zhlQ8axzF30yiyZaO4OnRL539jCHTtG\r\nouOv3cOu4PQy3GfeDNmI9DoBtMsdE2AAAETuj6DR7TwBcxqHqjGrYoG00QYY\r\nV626brXdivg3gNTZpNg01uWXcYPQTdzkR1HMFOWoFqOqsw14Od2P4cx1aH99\r\njxVzuR2QyeeBfdeAdNMf0vdjzOLLOZke28HP2YQcF58nEvTIgnYIZvLhZX6x\r\naJyHBLq1B7WtXQJHRLtSUlVTUXwmjjUb0tf/RsOW1txJY9B2H4kd1EW7mDlk\r\n5j0RyGL4+YthAs3bFFVmzFj5V0r8xNLlQA4ZQmQ2YPSy051JZNtdqhYqPOaO\r\n6Dl7kLym2KBYADyj4bQ5DM7DtZ8ck/bSG9a9TSh3YVq69JAuts15R7femDXP\r\nQpna5/yx27kXgVWmyxlbMYSFa7heVTpgMeGGAd8N4XKthN9N4VQndRos8fuZ\r\nKLbuJpowxJH1iJLcbucjXh/ived9s99Fg7j5Ir6SW0S805or/exDcz8fEcOm\r\nxaftQ8tlVKcK3Ov+O5EyiraMmUDM8bCip/rGMk3P7592SOqYCXFLkqUTQDeP\r\nY/a7/Uvgz4fMd4G7KseQwBMOwA4puouQ6dpdR5/pt5RvQLAkm2pNmLRudCPz\r\nOXKYu3IzPbNcgLlaMJuYQqZnaj4v+hsPDO8=\r\n=QkRr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e4a9f0d636d7f4d6c0fbbf49a7016627715eb3b6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.0e89aab6b.0_1673453762844_0.6729402627409815","host":"s3://npm-registry-packages"}},"15.0.0-canary.b0103d10a.0":{"name":"@material/animation","version":"15.0.0-canary.b0103d10a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.b0103d10a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fbb86e68feb922e44790cc75a4a3f9d9d051afed","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.b0103d10a.0.tgz","fileCount":25,"integrity":"sha512-DH/Beiunwmn1uheC11yi+L6tTQt877FCxA6GwSxD+MC+oW3Qclpj69z85pwdqEyiDAesxbE1WoTjbJU7rz5LDQ==","signatures":[{"sig":"MEUCIQCuRdK0GVkneJhM20aX2b1CBj42Aps0cxEzUqaS3n+YZwIgW7W0KQvKrZePTuWfYnh4v0xvDy/hx8KFJHFNoBjjDCE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvwnSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqIng//efE/c8bb5nwmAmuLLK1B9Ujj9R7W56gJCfjqlk1S2i1cioVq\r\nmhrmRmUNQ+yGvFYruN1rmEtbSHIEAXQAQo0DQLQPkPEJ3DRa7hmhLtv7/bz5\r\nuPT8mgtSwb/MjvKw9w32SSXulR0J/Irea9avHKDTdrRqdvhpG/pBBIiGSXBb\r\nNJZltelpA6HmE8ylzuVRFJLfvuzcU/4FmWuuvvyrr4EVrgiNFZAxDeY4sAGx\r\n5sd6NrYLmLpDqhE6TfaTT3X2lOhK0dm4w0D2GKhp2Fu9dkUFf5F6pkHoBlsA\r\ntuzICcIDtXdv2G5kX98rlW4SjdJxt8T+HKJkmT7EdUFm5qJL4hp5ZjhMtBZ/\r\naneV5hCIPyU8uMxHda+CB5T0SpC47LAoei5N5Ei6UbYlpqtmFcxdZA9p/SMZ\r\n2SvZ7i10E5XB1AT6SymOnkPc0fwcWb6O9XJO9U641iYEUhwT3ukUpCfR0ZdC\r\nwPJ5/0baW/1zVt8uVH0+U14bReiw+7aqGw4zS/xF54PGOKKqVZuSNVNj/Cdn\r\ndEQ5jbDyvsBGlEnApaLQn5u+gv/eboJ32BN8WLmSmb2BoXyTIUJLoo/GOgra\r\nPRDOrRjR0gRezfCLvcA408UW52+bT6iDkb4YgqXVcYoDeg9OGk/nZsd5XV0u\r\nveEMOo8ueE+1qEDwik1pYTKFi5Ri5/GwuD4=\r\n=mkyN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"0e133b89a4afcc8020dbafdd4d22c734080d2d17","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.b0103d10a.0_1673464274493_0.5245985551553176","host":"s3://npm-registry-packages"}},"15.0.0-canary.50e7a5312.0":{"name":"@material/animation","version":"15.0.0-canary.50e7a5312.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.50e7a5312.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"fc2d2b02dca90ade94257d460ff4783063d3cf2b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.50e7a5312.0.tgz","fileCount":25,"integrity":"sha512-oJBys6u9Yo1xxky7bgbSD81K9JOjPKHG0mUG2mgITCbTxNiNHqVrbgJZH6LTGlNEQTGHOoLPfhuOtHTc2YKS8Q==","signatures":[{"sig":"MEUCIQCPtFoTAYWQjSoM1F5zIdkwiJmd9lenyC1tR23p24L9tAIgXalBYDpMWeQDs00hfm9rOGkoq+91UrJF7Gc3OcpNg7I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvyGoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq5lg//eWijK1Vs1d4MsBWCQiE7Mhy/l8MIniuEDX4AtdGEAtwUrPDc\r\nVShp7oVWwxw465n3/pbjbUIcu4bxAzxHi/Pg/s01+WE0SaYnrvgj8Rz5jmcg\r\nEuqbE8gSCVGuGtfxUromq30GA6tcY8Gc+UpTAyOidDKgqOGvONbbS8XDV2U2\r\nbyMrCXLZoK3D9i9/H+WDhb0AZJpEyH+tSDjkIoldckVzto/ROhaGCM3BfDrs\r\nZqVSL9N4aEaGdbSn1WbLhYhDa9vMnhRx/kyq9i0F4ETtqg5StTgVojJnOpCI\r\nv4ZDsxNC4BjUs8NuUupizN77B/vpGepDyRyovG61FyaS2igbnNYZWZRCJ49j\r\nu3WDjgEO1OWqGG01gkaCkfAT30K1N6zVJxVIcevzj6GffmiefADfgw8XMCB/\r\nJ3OW0rATnrbpKE0qVI9+Mamxqw22yglZT2lkbBzyGeRyxM2IllcKJxERSQ9p\r\n7gJzkKz8Ps1TRBCD5FSRj3QSRXWNQ4dqVr4wyHmsyjx16+FJDjTzI9Ike/RW\r\nl7KlDBnJGrq8BccbBT7O0vJ/SnwST/f7ep+3rZgm5BlJLdK3cYrhGULaJLvx\r\n9DyD0qxrnkuGn45uW7uN2cGOz9g7SRn6UHFxmjkbL8R0mIGQjXn/y8r5oB+Z\r\n8kA+RLut+czFL6TncY2iysS7HHtbkb19/tU=\r\n=bSb7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2d4b8df3edcb9b5e9fd8d8b6645dc9519d92f376","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.50e7a5312.0_1673470376046_0.2667535231610363","host":"s3://npm-registry-packages"}},"15.0.0-canary.202823f54.0":{"name":"@material/animation","version":"15.0.0-canary.202823f54.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.202823f54.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b575629cba0e2268e880764c36bcdfdea7b1c90d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.202823f54.0.tgz","fileCount":25,"integrity":"sha512-685ukkVWboGxSGJ3DMkI3EZ/JgAa19Y1EtYpfuvB7Mbbh18M2qLm0w/oRK297dSendLe/5Q3iy7vHPaGt3kKXw==","signatures":[{"sig":"MEQCIDY2qsqq3gxvR6SUqIHc99iqd4GGEAJU9ElgGk8KOK8vAiAvFC1eptIwoYAHYTCyrN1iBuEUUSstdMCax3l1BrWKqg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvytrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqoRRAAjrqRZbnfFdegP11q35/HUf86VX9gBl+X43b77YFpVNFvf1HS\r\nGKuKX36YWKzoMwaaNWopK4ukAojrRPqXrflou6CD3g6Q+mQjKCfJHDZpBHVV\r\n1zeU9bzLTlIq2nuj9SDuwol2SFd3/iQ3YVqGFQthgVaFo+WOrc2Gaz9PGyIu\r\nSS0nd/alu3Qw4EctqDv2B6xPATB3M/w9mEkNXghxRLbDZ8So3FaFH3V2SV94\r\n+cn7473AUfmFMkFY88zxGBMgcd3gfwUHQB7guGDHcbTVskpwCuHvgqQzDlWH\r\nsM/pyGiiZeQu0ixCNKkuHiUfI7T4cToB4n/rfolDh2EPw1xRcLQgIvVJwz+5\r\nQzS1pRClLaqqZxRau9jBdiy4EI8O9TPnSDgPmpYDCAz5X1Y0vV0Hcs7OLYK9\r\n9PeF0MEw6Za+5Rp3dqPfvSL53H8fsQGMRMiXkmAwiZ/+e6RPLDi8Bdzvcki+\r\nQV8Z2yqC5/pCBGV3VmVwBFe/s1kc3LgL9LYi2xYHi5GFNgIKRBeDflLomrlS\r\nP9Mg8paWVwWfGPNnHFntSJ9l8KTeJSCppGv3KT8BmsGzTrjXg2K6p4pdd1hA\r\nInay5Rr13+G8S15YmqE5xUf7yjJPfuMOzVtTjyrmhxG34inrnrYJIzfMAMqj\r\nM0OTUEHTQYo4g8dE7ZlPVJfNLln3TxaPoD8=\r\n=wHiK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"6a4dbcb0b4c7d96a85ebe59a5ff66d2469e177a0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.202823f54.0_1673472875623_0.3595793994044949","host":"s3://npm-registry-packages"}},"15.0.0-canary.199fe2a2a.0":{"name":"@material/animation","version":"15.0.0-canary.199fe2a2a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.199fe2a2a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"07a602616161d0722ec0907db9ef337dc7ed36af","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.199fe2a2a.0.tgz","fileCount":25,"integrity":"sha512-mOFIU+uNktsrs65Axztpq1Sae2wVw3gMtKp54iwsTsJz/b93ABCEMfzRoeFN2pKaOMQKf3VUjK1Lxk7DOatKyQ==","signatures":[{"sig":"MEUCIQCEIWkVAw6PRIbWUt/5hEZbBYbY1eWzc1aTvyOpUwKengIgKdaYK10XUQlUs4/MycjgfxWzDE6XnKietQ4Q5bWQng8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvzASACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqEtg/+LzZkisXNGhN3sbeVEiC5PQKM65Ezm0GrcR+ph8Vc0sZid+bu\r\nyMQfjBXhSW/n8YiM1lebVtcTzBVAQCgHI+GLLNIYmn85fT7uEnG6vgoM6vRX\r\nuRF8wwQY+MtIavS0sVUsYYePw7Zdws5/cjWhwa+SDPniCfIPB0VLPpGyoOEe\r\n8z0ex1O67kkcYce9EHv7n0OudUwXMxKt/dbr/KepBo1kL3sMNUPQ36tdahW1\r\nVyseS8HQ6rsn2MnQpfPA3jr3w9CaRpStm2uIZIa3DOODAwldQgXa5ug2bl17\r\nRW3LU4gLM7PYdaBxDNSuhBqLtXH+h7OpG8T2/rR4l4b8WWB4USfTumbZiSJ1\r\nZeHnCEKdszUzqLG1vKv2mjWoqrFGfqfvX7LjbX1gaUX+dJT0GKKyCB/mLsJZ\r\neqwidxC0oVHXPJaA2lMW+lw9OFm33aw9ZYDrLTRuafcL5xlE38NooejCf5E9\r\n6o6x+UsFeWKq2BLGtbKEN7Y78Vdb3VpBqHDMSLnblyve8+zM+lth74UzRK0V\r\nxSuBaZ4e1aSUMBwCaEXl3lBBjTCik9WxtKwDWfGETGUlA01NpWF5zP/s32zC\r\nw3SdEan6cWxKFCCVyOcEqK3SnYVyaFPK9o4BLrk7Dg2G4f5rFQGs92EXdsuO\r\nG8JdmOSsduHzT/8YP3SwyYEJMnSjXuHqPps=\r\n=HKk/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"eb39fefbc3ca102a52db83ad19b42f1a2b52ecd1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.199fe2a2a.0_1673474066730_0.7298098736240877","host":"s3://npm-registry-packages"}},"15.0.0-canary.8c0786d6f.0":{"name":"@material/animation","version":"15.0.0-canary.8c0786d6f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.8c0786d6f.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"38374b6a8029c3460c85cad0c1e80767c2312c86","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.8c0786d6f.0.tgz","fileCount":25,"integrity":"sha512-BVr2qNfpf6auGWNqNLLffV8NicdrCQwzjda36YE9jScVSI/LzlaxpxafaO5NPEN0GUhWAuD+ad22J/lrttIjVg==","signatures":[{"sig":"MEUCIQDP2S0PQ+fdpNEhUFXYxdAIRdpdBqNfBSm87S20wm8GvwIgBzwpwW6ePP8LhwRKJ6373m63OdbeuN2LDCDz6ncEvR0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwBqTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrRYA//TAEr/McqNxxjwqjj2rRS28jG66oS02HWlLzdFKrAljWWaDsA\r\n+7j/NDfnMpQaVBeU3xbptJz8qHIY0NWBuNObvH6/9jeVltvGX21SDyhINzL5\r\niQjHpW5ssFa9LiPLpUFKJmmYUPQFDHGHvxhPpGhQyFGnRWY8anMkYs8y1TVy\r\nvqHqytrwigKkh2Uy3s4aLifcVAzQUZvsJYODyi743YTVXjse4akUHCEJua3q\r\nBaYasiuiOTPHZKB97p2iAuW6YU0IJ8rsrr6hi4Dmyr/ZZPnPxI6XdIdvMtp5\r\nbQALnCVKmSwU04AN5Vxf6WwFuxniFuO9G2GucXgxQwc+sZKHS0aTfCNB53hv\r\ns/ZjysQkWUF40hiaX51lEGOyHosYpNCvsXCPi3D73Lgx2gZl7+z/lppzEaNj\r\ndsWfOrAw+zyPDZTnRDwFeIO/KFNsS5y6lEgafhU2g1e05XXz6ghQqL506oKC\r\nw2P7zWr2yBFmEdiV4DYsMo1FV85P3pJ0rj0HYs/RKVIncf7bq/hbVnPI8SyW\r\nBTVNvcQLrx9sQ5urFCrELpW1O0yCsfJ6W9jiLHzseTj163ABmiZzbeCPKCFw\r\nJoa6Rs1aXik03XaA8X6OPRFGYQEOSoljaqO7BwQw2bHey5H3p7AyWfxf8vwc\r\n4vdm9rL4G0+TcFvZDvq4q6pVzIXeWP6a+dc=\r\n=aomd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"9016794346c3c3cab2cf31154ef6a35eb5598994","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.8c0786d6f.0_1673534099166_0.9385567376721042","host":"s3://npm-registry-packages"}},"15.0.0-canary.8a74f7c6d.0":{"name":"@material/animation","version":"15.0.0-canary.8a74f7c6d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.8a74f7c6d.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5731fc76d64c71364b533344cd5982de81eb3236","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.8a74f7c6d.0.tgz","fileCount":25,"integrity":"sha512-Do8ONoPQz2nmFjNQ3sVW+sSCJGzOx8K97FYqKCudtjeBAyK9ymhimod/qhn6kTErSm1mvfXFgw48GicGMxcAUw==","signatures":[{"sig":"MEYCIQC69ySklvkV1QWuhwpxwq/ZGx9B2A7HPXDsVEVaA3ErKAIhAIJ6DlJmJ05LdhHJkJyI6jsJrSeTUoMcSJ+rWvPirlIt","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjxvWrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr3gQ//SR48tW01S8SRFq6lyywBs3Mzpm68sZ7izznwmKO5tSaqXiWj\r\nEU3vJlWMkoQnNcoFDe9rcUuQCVd1p4ImS57gReoTIW030awxu4CSCr2mifK1\r\n1lv11eDRzv6A+IZCH+vxgO9pyC/cOuRq9XcK0iEKiLIX2Nip+Ij1vNyiZnyg\r\nLZ8FUGcriJETm6idEHPWYn/S30pNrGm4XcY9VygSKKO/vVvO4VtcRLPE7on9\r\nuATJEA6tVqT4oObo4VuatfAL7xU1b0sVQgjUp2bvSPW6MdoJSKBX8CP58byt\r\nCih3fWGAhYnI+jtgO7JHyQDeLCBfi2k6iiB/lWS5etyFDI4uRLw91llZFE6L\r\nCxYfZ3TUp1N4vYgUv9pQFrH4ICb/u396XaJyCbKz2Q4ka2yNwaBmZPSRBLUk\r\nYf4VFwahlXHx5texJIPx12WxLUjJKKX1mv6ydEzddsiAIbvqWwmlLJQ8oWtD\r\nNlHG9BRLkH+uodt2EDq4iSyW8hiDYVSv3tao0dOR8d8yn4gZvSY36E426aOw\r\nhb7RjNe+zWuY/TtD2qazBGpx8UV056kJH+qZcvs21KEcaudBVHG8+H5JLPJa\r\nESmvteQuKNqe+3lgiGXIfQoIKST0U+PBNCp/iIv0pFcrtNmx2+IGGrxTZunF\r\nBfy+SWBDi8PSne8/yXUBVBuj/A4cmR10Rs4=\r\n=vD67\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"9c676a1e4329c32508a9e7110198a336dc704f58","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.8a74f7c6d.0_1673983402728_0.6440985560860761","host":"s3://npm-registry-packages"}},"15.0.0-canary.b4687fdc1.0":{"name":"@material/animation","version":"15.0.0-canary.b4687fdc1.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.b4687fdc1.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e1a6c6db24fb86514888941c4e12821eaa7bc6eb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.b4687fdc1.0.tgz","fileCount":25,"integrity":"sha512-tdIVOY/YF0uFgwUQnvgq9JxS7ttdRCc4Cf7W7ZvezODu2OaU/pGgnrzg/zXD6UjX/7TQRxIKkGYCxdkQUqTefA==","signatures":[{"sig":"MEQCIGIEi8DNWx61i86ZINAvgT87bq4314700q+QOFuCky07AiBfdn6a/DsmqYFuxUy2z4N82pIveGSe4G2J4017FMzdYg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjyZ55ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp8tw/8Djv/hj+Vxo4DhpYfxrYixvU29A+4Z6JGeslTj0ntCMN6iRad\r\nW68WLwYUzXYYxR9uZUDcfp/GEAfnEkjngnnEV9etxVk9QjBEcdZPuqtQJL2M\r\nhiK1B7lD3QZQt8iNhlt0h1Tl3v8W0WbuAM1FC/g3jCDw+ldgm+NX/lyH2dZ1\r\nkiucfbwqYhiEjLgQHWVwlFqUTr46t/wt7o9akYtfbjuoX+mGMQf2OaWDWtIU\r\n5b8jg4aT6BCHRI766KTdHDYZ45AEK7JofPq+gasP/3YIkJCJ/Pfp9y4Z5BLq\r\nrrmIxDRGeDpkXcUlP7SeYU63OUo+kBhS5bm09Wl0KRX2jYzvq7AFBSRhsExX\r\nRjR0L1aAP4TA/EJEAWWsjxB+AcumZ47H56g9lppqXgJw+RmJ7zGq1ELUiONr\r\nH4rLWpDvz0XOjjp2u/L6GhhyUb5xc1kFoxY3mFFFTvLXWPGbeRP+Y5fkaPFR\r\nOEDgsEykV5b4CLdVAsvHGx+Py+lcZJoyPdpz4Xz2UhXe70GZY7q3gMEkNM3/\r\nOhhPtBg7dtYI81AG/EnSfE/iL5/eoeGAR8WKV+NgrOm3cTc2uurOzzsW/RUw\r\nx9RdK/ZjvQcN5QGN62eQMvGJHu2/soKNCw8iGixbZyNP/s42GW5TuFVhXaob\r\nOQwPhKwExu42mzsaZ3tYrVueasPnGcl+1xo=\r\n=SFVf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c9ec43c7d66a73ecf591f982a42a582e639a50b3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.b4687fdc1.0_1674157688944_0.33041383671087265","host":"s3://npm-registry-packages"}},"15.0.0-canary.b836b9892.0":{"name":"@material/animation","version":"15.0.0-canary.b836b9892.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.b836b9892.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c22757598a7a060edf3fd2d26d838b427e801661","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.b836b9892.0.tgz","fileCount":25,"integrity":"sha512-e+27sGZzXaD5bbE5AcCi/jWIriBPsPPi3JLXv6SGc2N035brG4svLAQNk8ET4yIvMRj8MRsg/DBo47Zcl5WAJA==","signatures":[{"sig":"MEUCIE7Ti6DUYGj6GwXLAgsLp4j+S+kfgO6ViUnkBJ+iS+TvAiEA3dT4PMbGc/ko+JImZrxL6JJTWOTeOVYTo4iFcSueA0A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj0F3NACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoBdQ/+LlMZV+QYIXqD6vFJAhbcY0XhaO1tiNFxzTtF7mX3kXX6gL9A\r\n9GE0ImQyziod8ufi0w6HJ0+dt0eXZIfRe5pVyu4MA9KectW4jiEBZEgVcZap\r\n076Yv87aPLq0vABaZZC5wBtI5UpXcGmYLkeESrZ8wCa5wrmVvTqvdX4zzdH8\r\nvrMSLFvp0ZW/QhMtQo9A8j8XsirI/PD0+peJKA9RknxiXYWPwe8m1Xrhi7n/\r\nx0aqlgk3uv7O+iZWIBgGj/skXRchpxVKkNq8EIYNzgsHEGY1rWVWIxTsxZ0w\r\nmFSq/bq+hWGk78rF4m4THAvofSahxBEiqNKphhuk1dAV3Rj5PEtza0vn6mTE\r\nRgatWC09sZ0yy0JUEIJbGZfsCp559zyz1leN02E3QvEh5/EQcnC6gLCrPTNr\r\neb+mt+nPy7mtNSc//2ZfK3vw3PbbI61JL5ZMxd6nnRz2OJX1aVhEbMjTonjU\r\nB7hLBOFU2G4qC0R8fIus/b73kA+Lnfw9KNIAxZW6P+rUlxtUwHa1SANoNUu9\r\nKC1Nmcw9MTSGwUj2dODk2Btwi3wSGnhUtvRSF2JRFDj8Gnh4lEdCIW2GQZtV\r\nIfi4FFLMqoa/aC4jCXrqYJCf0YfxhyWdV7JJsnChneg/eDuPv+C/q+/EbSZT\r\nzERToei47mTNkTcbPiOjUtkczyutWlGnrL8=\r\n=CBqq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"3a9a0b2e64227ef1f8979cd5b82be3767b100551","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.b836b9892.0_1674599885576_0.6437862272106623","host":"s3://npm-registry-packages"}},"15.0.0-canary.e8912fd37.0":{"name":"@material/animation","version":"15.0.0-canary.e8912fd37.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.e8912fd37.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"51b729e250707a3a3776c195fa8501f35f85379e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.e8912fd37.0.tgz","fileCount":25,"integrity":"sha512-6Ne2Oj8up8KMi/rfpSf02r64h0oCQwlKZugNrNj1d3qlOavQBE53EI7g9zxSuJ7boh+SwDQr+6ITZedcJHpD8w==","signatures":[{"sig":"MEUCIGKWgB5elzsle3bzJqCygZDqqLT4atVUn/Z2zXE3UD5zAiEAqFJbAEtwqk8AsS0oFmLSKrhdmlRaAQ8ngU3wtlxpHVY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj0sZVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpkYw//U4nfxP0y+C/tuNQtI4QjT6wzp3ZFxOQQBlLOSuKLrCU1OypY\r\nOZID+BuyCzG4T/2IJnqZfO/e6FIwwxkk2nioicvtlXlk2Y+qbA7ECcB+3VXn\r\nh5xpViaTh/pUiJk3KoZTWHZNeuVFZoHvAYkmvxHaem+SxGFglRLP2JlE6B74\r\nrLoTad/CBo56GfugspOh/g8rwACO42TJ2LliZrrrU+wg+mo+aHVGSfu3eWxv\r\n6sbwfbbFnB1qBGweadg9INn7KasAR23YXDwVPZziWjoF/0Honcow1xFEb5Ep\r\n9DFJLF+e88Ycvklm5cKaqvKSVsUrM+KySTrOtKU5RJZV/rj7j4v4/x2FA9yc\r\ngJxGHAkp1wC8JgIs4dc80Yj6rExmnxdFnGv4G9hxw3Ze8aqfcjyCpIzUvYVO\r\nIE9CjE7uKAi4shKR0nQ5ayQydPYSG0m5jqg2YRGAvWwsYOk9Me4dTwhkdMx7\r\nIArRQyriji4l+D1CKyaELQUqLSgcyGwXoqWLBpL8win+MMAKBLd7+uQ2KY88\r\n0azrITdcDTJ66pD7gPd5oT95Mbv7jsOFs4e/+hqQPATsF+BJebfIIUb/VlBI\r\nADLPih7LkT3j1TEpeolf1OfkyVIKRHIHdQDivEpQrL/0qoxPZNh5IW8UJOe0\r\nUHAnEH60azR/lfLLkW+PXNH05E/nWF+qnJk=\r\n=OkiG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"72b44fe55689bb591aeaddf242920ba73a6e5bb6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.e8912fd37.0_1674757716729_0.7177413766215386","host":"s3://npm-registry-packages"}},"15.0.0-canary.16fbd30ff.0":{"name":"@material/animation","version":"15.0.0-canary.16fbd30ff.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.16fbd30ff.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"683ba822cfbea4ac2bc71cecb9977cf4ccb375de","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.16fbd30ff.0.tgz","fileCount":25,"integrity":"sha512-M+0lyHKfVPbYsetjJXeUm4YEi9TXw1Z364OByfRdWf+quj1hf5suFNS5dDKndjcWZKyZfmoK2BJLGLnry5c5Pg==","signatures":[{"sig":"MEUCICcSHl2jGne+PQY00+zRUJC32LqayUVRNMJ7461de3GJAiEAg8OPFk4H1csl6h421dAaMiyGdHoNgALV5/qDjNxWgCo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj0seJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrXpg/9Evpp3v4LF9P6QyKYSpJrPMmqpuHUmy+3OUTp2COqoi5o0pQP\r\nu+wdko61xQqSZygwyPGSj6pGJ+SccrxpNcMzHW7QnF8EOHZC+fUOPX/9u0Sy\r\nQavwFk+agseVMWRXh/vsn+Y2OC3wU8aGpMgVVUe7R4Tl1F/y8uhfCxN9Dq+j\r\nzsCHEwACi1GCzfF0SbY7QG0odnboClMsvq3OZeTfU/C/T8u6+n68VK+i38if\r\nY2+UQXsveGqtAajvPV6LwvRhjZzGVjnmgXTP0MFd98TOZfKiR2fpA+d8G3Gd\r\nsYHQ712LVd3ZcXvT8a61yfQUZBo8VnYzLk3KgcLsUzYSAQXRXbcxGu1NydKC\r\nEuoZgy3gKbowCzJYmxWuJ700HFnl8YULe7WawmtGVZwPJae3a7r9zOxw3RNk\r\no7cdcVwW74g5Re4fQSN5b2ltX3AHNEcqpLXoUIrM2eyiVu/9lx29MuFHrMNx\r\n5LkmQF1qICK58SdupSDQdnTCZkHcvfRqp8yGXdSBpfUZ+YwWCQqlKbf3XpRV\r\nFWiFidLiXIfFGhIUZUe94ls4zDtzsSNowOApfSkJQ2J6W4+38/YsLEYuTZze\r\nqzziPjtQBa8L44lWLG2qYNs0Oc4EceZZ6C0KOXkjVjudNRNGHpsgGS3Ighsf\r\nlgeKRpDH9jHwPw67wp7v1O4hxNojEnefw+E=\r\n=dkj6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f4c39ff05bbd1045563670b4ea50b0be51a91d01","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.16fbd30ff.0_1674758024943_0.17614749547294517","host":"s3://npm-registry-packages"}},"15.0.0-canary.033ae083a.0":{"name":"@material/animation","version":"15.0.0-canary.033ae083a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.033ae083a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"69da67751abb5fd6a7d645ada03fba98367255a5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.033ae083a.0.tgz","fileCount":25,"integrity":"sha512-xdcptusrmkqkGAXZuCKRrg13x87wej/v2jiK8Rs0qE7tjioCZHN4ZtWqOz0mUb8+4tR75Sm9p7iI7ItFwyTArQ==","signatures":[{"sig":"MEQCICUDv7HRHySLNQ0dP27qLLGsmlGhWalEZwLmELD38DVoAiALP/Qa76SpfFax8dO3h6HYmOsWk22ppEEmw52n71Jl3w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj0tO4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqxeg//fbURqhY4OAY9PHS/4eGUrI+Q8Y9bH0P91u4OUETxwPht2f50\r\nKtgTzzS52IokxTni4T0AUSDT/eFxG7r2IL80Ap9ZA67rfoniAJe7lzjqgqU4\r\n3hGb/Zr3u5Hl4F9yKLTXTvIIPznHCDJYocNl0vuZOQpLt5waFy7Hgggyv3tt\r\nTz1KXMGbIFydliyLnkdmG+Y93WGyUxSATYVRXEqoil54Q9OgMHUc/f2q7c6N\r\n54O6z7KCbqQnMg+gsjNdtHUeggvm/0Ng3HJZlYbSMhwwVUXXpfIYC2cYXLMp\r\n2JY1zc3HxA4Jaq7bofK9N/oIhQFIDk+YuB6/KwMubT4Bbp1r6gCzsm/ZjHlE\r\nQiIXZPxH5w6NMR0z9NspORVNCk1cB8epc7gaO6xtwLADKQjyeIx0vjfoR9gd\r\nJcgriJVgjJB2OPR4Fb/x8fxD4GRDnIkvshHeHkFgtilRqpwAH7KoIHRv8SB3\r\nsi0Fljkun6Eq8B2jVok7oTXSDrGbBUMXMaZ6lSSAF8UEMaZSR0PpoFbchYWf\r\nPT9uq3lVdnU88hdUOSnORlt+uRJXHXHglYNPfS0G1H1rpEcsb3mvoHiXQef+\r\nG4zi5C1xI+cZtByswgVnOvqw2L9e0rDswFsVidSoniw/Mmae3pgam/QBH8xR\r\n9qrJxTLKcLAYz+Tw9M6BNgpoENY3Dbfxexk=\r\n=/0yj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"89ca938c110806d9150a3889a7d25689661c2fdc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.033ae083a.0_1674761144096_0.7610260501726667","host":"s3://npm-registry-packages"}},"15.0.0-canary.3a705fa1d.0":{"name":"@material/animation","version":"15.0.0-canary.3a705fa1d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.3a705fa1d.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"03fdcbdf33586fced8f69e2ed22971d81ed84e04","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.3a705fa1d.0.tgz","fileCount":25,"integrity":"sha512-FkGdboynoFgR81Fa/n3AIZ+zsgjUAWlnK8DABZWdRlM53x7BUz+yaFpE+tn9ZF+HKXND66M0TNj6EfMWxtHPfg==","signatures":[{"sig":"MEUCICfmfYicPW0tVBzgfine3dJ5Ui/4SlpEza1Tt1y3efJYAiEA6UaT1PaZoYmCRR5r6RrU+ugskaBRwlKj+bhuSgBJCh8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj1FNYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoE2A//YMLUFC7iLZ2RqTKRcr9Ga2JaIpNKIenzUMo/xfzpn1qyPOUR\r\nsagwPo5UMbZz2DUmPXTAZlNpLVKq08WEBkyI4lFVFRJo1DbGzo3OUvx0dKYv\r\nrnljnu6Lb+3ajSBG8IzkTFDXxBAswgFQzUTT444HPSbmeAwUsvaacGKzjTNN\r\nCqavpLi3EfQeea6g7T+LlUpjg18BAfmw7V5/JjjiEYTxovPjycaQ0vIEzczz\r\neM+yXVkZvl5k0lyEqBBS0SbuFvlDl+BiNbwGWBnZ1bAnYCF9eu6PpLqV9Mhc\r\n9VxDcTOsx7MfI5aSkp/iygATZ6ddQOOJMxDlfvPprfzW8F9WxXOAVQShHFzV\r\nl4BmbBhu1dG07r86vSOTxEL/kvikiGA/5IFF4MuUhCrirvXUTir5HlmESDYz\r\n5lzuGLY1xqB+fu/0498CJEjsslSkWTEu4AlkCJEf3Yv9XSSVWuQQUvvT+Dc+\r\n+eDxJIy3PyEPfF0GwSi03joF47nSixVOhLRUkHSIJpXgHF/RpXgviu2hpKV9\r\nGbB6B/hTylc0tbxrYb7+gT3Ez9ZTfSa6xzTc1rqjCV3bZzRAQ5EgW+BuYWvS\r\nJpXDGZ+PsUnYS6OTP9b+bSHj1SqGTYSzeU3w/ZEyiqbejKmvo8D5hcVSFD4V\r\nxVEJNZcTfRiEWsuu3G/buKCFHq8/FbdOZy4=\r\n=vcGK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7e0f3737f51c1319f66762d8021d6aea33391733","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.3a705fa1d.0_1674859352534_0.5353211259500468","host":"s3://npm-registry-packages"}},"15.0.0-canary.d6bea2ff2.0":{"name":"@material/animation","version":"15.0.0-canary.d6bea2ff2.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.d6bea2ff2.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e0e519f2c6248f01682641808acca269db07a408","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.d6bea2ff2.0.tgz","fileCount":25,"integrity":"sha512-Cqohvs1H/Lq4RjTULyqdcMKt8bh9I18swLsGaTCSpm5IiRjmKzTlegaB7wLWIidVN5Wyl396umHpRLNWJV3LwQ==","signatures":[{"sig":"MEQCIC4LSjPpbppzvJSq2IQUwLA5anR/D23kfkw/akLb3HsaAiB1HmfkBJvfqQbUm8LIwGzPSl+bLD6nlB1yJpVz4pedNQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj2TOqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpM1A//WLOxXSetqz5c19nPRgI36ZhoxQIZNc4/saOQzYN6RFD57bg4\r\nB+r8vtWpkWIxtGfQhIP7+dFJIBOpIfyu3Xky56RWeQI6pxcEh1A8pTeU2GGt\r\n0DNbx/ECH/7Gb+vzrGpw6mebGWSr2fCI69BhoksafUuQXqDwlWaUZyIDYHWB\r\nrgadxRMT2Zf76gcL3EF3udGvs9QpeXTeyWgLHxUannh0z8zdOmytZvHGmhT9\r\nBGmvaa90xn0DKzCopKorL5+5s2lt1FiwOAVw0gKPEx7GjUVfVAVH2vP+EmYy\r\ngXpZ8I3xVWjEgMwXbC5KXI2IgpVIGM90+F1k35X1N0qre4QyNsJiEOI57aid\r\nLyQvDMN+iYEqoa4pGZcx/JGfvClnyMuRLzAG1h2/oNavEmSJZRMl1Ku25V8B\r\nezTn/O+idXLQcLKILIpwEV8m6wdow7aj4zf8SBbPJcWDcdRJlsT5KT7qsH0Z\r\nk26sAw2/zM9jxuBS9tjMXyS2oJu+5eIMwymQUDmooAj5AVW7ykhSKq3SjTwz\r\ni5se6x95CvEvcpIgSVihVvOhBQJKPpSnp1+vqAFSsnHUtDV19BP0tUDyFrZc\r\nGDuCE6CK2me8Zy4mJChnDclpU3iSTNW0paEEw0X3pYYs/hPwKY3DzzcI+mL8\r\nZDSwqViKdu5fMiNR2gXK3UE8y2dBKFhGbAY=\r\n=oNG7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e4210a9f21a7e6ee007d475d5bd7e229dd7bbc00","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.d6bea2ff2.0_1675178922644_0.2643347925618338","host":"s3://npm-registry-packages"}},"15.0.0-canary.0c94182c8.0":{"name":"@material/animation","version":"15.0.0-canary.0c94182c8.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.0c94182c8.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"58d8a4cde48fa720416ab4a14c124e8e591beb8a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.0c94182c8.0.tgz","fileCount":25,"integrity":"sha512-9P0Uzc494G1yW0wOjj3/3dmxexQnwPASfMJZd1kVGJkuY98epRey2YKzNGJLG3ulnnGmrUdG+AtCeT7wVbUauA==","signatures":[{"sig":"MEYCIQDFixxiwQkAq7U0M28hPeav06ubOJ27vRc15hBpPTckHgIhAIFTQ7ZTy6ZuYT01h4pS0OjrmMHr+xpGNhyWgucLmooU","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj2qSdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqP/w//ZCcitX+4TvYqEskk+mpRNXU/JZVXzKo94ZZVtyp5HpF/VFRB\r\nLjqt7Bm22esIBaXSerlw85lghigpJS8Xy4nVoEFXydjgpXvwXKF2MnD9dyfi\r\nieDY4jUrOx4kdUOB/rREVv+yOHlsuhoopPAvSG87vMFU49kIb3oYYKVIYDvJ\r\nkFDpPE9kk/Ytqbfcjj0xqy66MKygkctXK8KbQsTMQJQrkN54kdozsUsNBjL2\r\nq+5M4tH34FlAjEpj2IFnNUIpzvVtbZS4QcH0oVBW3Apfyme1N71CGqdauJie\r\nHnBRd63gmU6IOMKnGWP2XNr5ty2CcKDcO29ymW3WYiTUsT/CZA3VWlAy8lSL\r\n12aO+hlup6cfywKNuTX5gAb7RdgqdYrMEdOfxW9EvqePNQsGvQWYamNTJ5c2\r\nTZBcU5dgRz/4LZh9Pk5/B9ZIT7YcLA1850olnjPYAb4RmL5bG6hVBBxd1mJN\r\nqWKqB2v5QvKmYS97vFOS0AzKlsEMBd84A5+yqB/JO9amCSJ4h6PGM4LKuLQq\r\nitSVqTB6YH/GyFmqmId3aFm3eRdG6/kTloWjVHd4eRcJYZCRVfnVYrx7RZFU\r\nQQgZtNQV+wymKqSOv9snS4RyQRV157KRkmZLkri5O1nhp+6N4wIFW0RG3bKS\r\n6b8bxn/wBCwXlZ7CrJTwqvzzjk4vy7O6OUU=\r\n=b20J\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"9e58d1edf6370fb6c26f762d83ca31f928149e41","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.0c94182c8.0_1675273373522_0.9923393706890369","host":"s3://npm-registry-packages"}},"15.0.0-canary.15b221540.0":{"name":"@material/animation","version":"15.0.0-canary.15b221540.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.15b221540.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b2c6dc56d46f3741ac856fc187aa76c311ecdccf","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.15b221540.0.tgz","fileCount":25,"integrity":"sha512-MVaVqIaru1hoyAtVyv9+r7AG01YvVjBm4VOZy6HnBkZQWRLyyAbVgX5ReRBccsvusAPnhwxDEC90cMe/jusYlQ==","signatures":[{"sig":"MEQCIGYpEhR23NMdrqo92bgJTy6rpNa4gGznz3w+BkhYaEIKAiA4iqrPydlAkSgGWLIINPPYxNhVs75VwS5xT1KvgT+ibw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj2qaQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr7BQ//UVEdN5VsXeZiYJD5dkcX2vp0ISwYFNt5PlzaggvZjFkI0/iY\r\n6CxX5YfQBmBXM3yI77h+V6WrlvZxQ0pIUhVWK7ag/LBgS7CdTEYxrOgeCQaY\r\nv1XKlTEisX/e2K+whx4LLjh5AMTDro/n0fJMFyOifCJAgmQiwRAke8bV86S2\r\nsgRuzlOYOxuM/2gvbuu20bcECuUmSZnDTkS5EIBzmy9jQfTZV6KQYV29FRFO\r\ntklXlbF1ePcNhT3t4KxCFwzjzvm2jhcxBbO3a/cDcBdu8SvPLnYv/U870sEJ\r\niP73Dsos3nj2qEXH4wlXjYC3e9ekz9psv8q13cYroW9LJFtuG6auq4Xfpp2D\r\nA4iYq0FYjtt/Ue+hwSzndVrHglokOL6NQnA1P+FdaaY9PDW3ArU3C7Nk/XTP\r\nrPm4XoVfyJ+96GlheLWajIIhEmMCZV2TGYxbdtWVzweM4rpq6ZN2mDDbDO1R\r\n+hGi2D4wniguMxR9ObcA+Jr72AdzB9QgswmEPAR19Oxe9HCA11a2krvdKuFk\r\nVnuaa9a5l8gEMrwt8QsAjRCmq5uq2oEcS5dmp1ZnEwVsAmWPluYEfa4RfE4t\r\nn6J8UApBZl0KFfOnX84zjGMAhWGtxI/b7YCG8rjBZfR2zcXfKFJ1HFg1nl31\r\nPOY3Ft3+uyeaQUnQbF0S5I5xlCR7vWanWIU=\r\n=afEy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a4bc6d32435d33a7b99197f32b85eb0b730acd30","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.15b221540.0_1675273871972_0.3442013671250268","host":"s3://npm-registry-packages"}},"15.0.0-canary.eeebb8bba.0":{"name":"@material/animation","version":"15.0.0-canary.eeebb8bba.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.eeebb8bba.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2ec358b790c8cfd362644a5376eaad90c42fa771","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.eeebb8bba.0.tgz","fileCount":25,"integrity":"sha512-15gCn5i7jBVZ8hMLBZSn1AqIlrLB9EP1sVEzipp3RXdwyfvEUxCInEt3+LJg7V7/DtUAAB1HGYJ6g0efCWwCcw==","signatures":[{"sig":"MEYCIQDsezJwdlHBarzAKKFyYuYSJisAGqeb0TQUxSG0AI/KZQIhAIhj2yFkbGgmeDddn6BhBjiJQIZewlYFce2IxYh5rAJI","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj2q2LACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr1eg//YBO9rOJuGjbJVcj/CqcU6KGrQCcEmaJ4fOE8Gv1x09qtPqcA\r\nshPXmKw0EbDjtuyCBEhgFgERISGs+esCsusZ1414Qa4QnA2jWRQhxmgcPWjm\r\nJAJ6QCxgRNyqGywwKcqJhoyXxGAD/NNrXaufyT1xZr7dtNB/aSVnPVwIuDt8\r\n5q4B3Onv1M53J5BvZY2YeA6s4JnF7aAG1HQIhBHBtos5ODsauoOIgRXSAxAZ\r\niXN7zeRS3EAYu2nepIS6JRFL26hRjR9DRyzABaRakHWxdUDKHsuS6SDTnI2Y\r\n6oNoA9yFHAauIt63sL6WN62s35ZZ5wlkOmOFLzvPltp9UbBdi90CJgR//F6o\r\nmTAYEWu7d0ckzEoKD0opN5+b+be2/lG+LwEnQQ6xGOLM5ISXhUwhV2UWF7u3\r\nbsuc09QfubQDGYmXmtJrryLcOONGVGDjkRaSSANP/0hq599grWR75e0w50Ga\r\ns7FG/Qiung1Hf49y3OaqY52L9x++k1leVngElZOvT3OkXvMPseE5s6o4ji8O\r\nxqBtY6R8jFVgO0LrieUX5Ju5mXVmhqCkQdMvZbfxxEyFlW3naUsc8fKyW6Ia\r\n53Ai/FY0zRmalkCvRMNPqen5L483EJOVo3TszrmIXHLm5JNkayCW+pdF+EST\r\nHg3G+82J3thowKC6JJP7XninBqiBv7iL0oc=\r\n=//A5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"5c8d0d2ef793b8bd564888fdde6b97e8a2502cdd","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.eeebb8bba.0_1675275659532_0.7632501638675231","host":"s3://npm-registry-packages"}},"15.0.0-canary.6a4b3f834.0":{"name":"@material/animation","version":"15.0.0-canary.6a4b3f834.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.6a4b3f834.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cc8b96ee898d9d9945454d14e4b8633cb0d7f28c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.6a4b3f834.0.tgz","fileCount":25,"integrity":"sha512-tn3wsPVzefYa1RBm2Qa8oCZipzUEajadXsGESaObWDq45H7hMb01wGYD1fyhXHIV8b9Wc7r9p1fCuWIYGqRvKQ==","signatures":[{"sig":"MEQCIEH1dfdRMmJbfxWu1Oxchqfa0s+hyoJe1m2HH4rAW6L1AiBy5FUUWUwxUbN80PT1L8OQOcMK4h4iF/dJDetbNpeJnQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj2rYDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp3tA/8CB984t+D/rBcjotIi46HcuBGww4ufkNOwO8jsvpNlumbKEwq\r\ny/tfjfmiFVYGgeocS2B0CdpAT2zuWAdeGZChIbwz5eBCkX1BC69xBYgrS39S\r\nSEDlPPTBf/EfhxnSAmi8SRx32l/htpI0sjkEWSpJ3alVkKaKqiyH08ehx+cX\r\nLHBDakdLzXMAMDcKOjQOR1PJ603q+iPFAYP+iOqtZ8f8g2EW7oUrHFLw1qzH\r\nucxS+bTI1nINqZv7DaFUBgc4cG+M2qzERitPoL7/Vi+ElOJ347ArN/j3/eFl\r\nsws1+v4PNOP5eE8yOqWDelGgJXE/x5Gqqw4SeApsGayOjVdolZWo8NeTLKAT\r\naK+jfhwx78s9pSosUs5hp7ylIhw6DqaHqJrzQm/KlV/ss5ybo/YoRRbhi/69\r\n0ITmolFjPtU9YxkoQmdvzSyZTfV0QwHE9NH7r3WSi04VHBeIAKZ7h+E0n6yw\r\ndp0HsDrtaNj48So5qIVxQXl6AseQMBAurMw+pPql5jpxb/gOB9uQRMEqcKk6\r\nerzSSWJIjwcsYNXWBfx1zNDaYHXnK2ladfBZir65svcIUVH/kAQsa5HUfcmQ\r\nsHvAHpmNsun0D6bb2ep/TQeODuZcBI66229jmp8RNcE+1aI4BF32Acr8cAj4\r\nApvja5LfDoXDnZzigDVhgknHwBZFXE5PuXs=\r\n=BeEk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b1f2d06637869496d98898f4cdf709ebbd279ed4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.6a4b3f834.0_1675277827329_0.7875699588371476","host":"s3://npm-registry-packages"}},"15.0.0-canary.b177b40e2.0":{"name":"@material/animation","version":"15.0.0-canary.b177b40e2.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.b177b40e2.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f3123c78a0f810ec7e863c0a9167d9de2219ba1d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.b177b40e2.0.tgz","fileCount":25,"integrity":"sha512-0MN6mRlxfLpo+2DnrhaHgkJynqlOz3ePriF8mkog+yFkTeqYc6Ax4ryhlVVvAvNJaK8HrAtV7FFZ61sBy2oFig==","signatures":[{"sig":"MEYCIQDFZc8D9yEPc6EploFtNfzC1jZTDxC9I/MOK9eCColHqwIhAJG7182o9vcQpguOyltzecVhT912ryEp19V01xwSqzdl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj2y7jACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoCLw//a8J+MEZfElxbkc5y3TD+a8AwF3DFOKeiBYJWHbufIceg1laj\r\nvuy67uJfPMKX65aCa2SYgFEarvo+Tu3EkLZjDAsAs20cWzuf0yBwsv+uN8Ac\r\n3JITIYjSfuIHr1BSKHvZtYhC0j2tJshb5RmWmWSTXKZXmSOQrJm8sbdOe0eN\r\nWpq+9BWwzyiqzH1poR8O34Smf7NGCISbrGjdRZar+poRGCwbSwGtZSHtPh8K\r\nlAxvYiL37F+7icsixUqjHZKCSDjNdcm1F+SXCLKd99Z1YJG9hFsaXX/8gfiA\r\nnVRRw6nioetI+n8/jGm0gnRrS3qq5F2PVph8YiuoQVSLyjRy6GoIzFba1Fyg\r\nR+7buiYSh6H8/IjSsIHzDImXeQLkitppPCStP3fcn4mPYje7rHaPXa3yQMha\r\n+9OSB5f3dvozGpuuH5DRxN1ro4xYH0aIcw71q6x+2HwftvdSxVKzjmyC7TxT\r\n/nQgsszjMoaJTgSLuSkJUIR9ErMK+jtOuWBri37Iby9cit1cOL1xGrdQxaYT\r\nfcpV9TAtUc4MJNu4OsoFS6Q6GfP/9iWG7JssXASwZ0cGA3Zh7Cvb7tDBODVm\r\nhbvoceJBx0Wctz6oTf1vLKH0sFpJcL74oMszXM3rihtxTUOvrvHUolHr5Xjz\r\nqUwuGqZISNK4lq5+UUlt2kvIurtc8CtNm2A=\r\n=wfpK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e3b49a7dc72f9c88710ba68c63d4ddce56a58fe7","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.b177b40e2.0_1675308770967_0.9295254167708742","host":"s3://npm-registry-packages"}},"15.0.0-canary.d9f821042.0":{"name":"@material/animation","version":"15.0.0-canary.d9f821042.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.d9f821042.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b3e96bc9e876d7979f3c40579922c0a198a4035f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.d9f821042.0.tgz","fileCount":25,"integrity":"sha512-AEmSKACQBtSCWobrt4llzjWInHYuW6KeOHMeL+3atqZEM/2LoqZocALsnGoHCLFfhiZuOPqMUyKodXdda5byZg==","signatures":[{"sig":"MEYCIQCK2XLz1pkDupe/6RDicJ0EXJmASB9oB6k8W0yI+two/gIhAID/rpktguxZ3ImisqQP/PHaqelycB4CQGU923tJpgLA","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj2/SUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp6bA/9HJ6Ibc1blm2z88k1sgVP/Am7nhVps7hMYKBprdVuZyKzKZrM\r\n3r2VhAz0SuuYDz0BwmnKhJtZgAtDrQUyVgQcH2YOwr3/gaTd7xSSqwRcvWmt\r\njImWgLhyWD6/xzFRquNx992mo3+OeT3rASUDpmMkTtTOXn/K82xt3tu30NEV\r\nJHv9iKcFSMLaWNbI+GhBbDu8yjlPaIlzORVQ2bI4ZtGHcU0gE2pymZ9/bR+i\r\nYJinziLCi+SOboWZgt5Y+G9rSOTep6R3pevPO7EyKN9Zx555CfM+hJp7D4lH\r\nTvBZBGEZn7H/nZFs/N9qZfNxpzK0gPzLktKF/PD0ATOGpRCk9piks+944ebR\r\nxlTQoSlJBp3aIywTgcrxFkbpw6qb5MHpqzQUeR1rLCJ94FMDwvy4yoekIuI2\r\nhUAml/gp5JOFueFjZHNC6jwU0ZME0NryAGF1j8kzzG6Re2JeLNHrv2TqBSrk\r\noZxAifMd/RLYNTdLUx3Pp8hVh0ohXZ1OcvqMKQEmBLFI6/Q92MxKshtTLsvP\r\nOMnTE1y4JKntOZBbOhl+V3DAQpbx0H7jyhYkK7FJoPDgnAzxaz8ue9l6fKQV\r\ns4WOygeqbhEBjwjzUhcymYQaqQiICdl8b1bRB0J7vUkEMbHd601D/0mdDBCw\r\n6mo9rv7TtNCpf8/fcunGnL+AVbQS3hjDBqc=\r\n=mcLl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"9748fa2e1dd5886715f422f644830717544192ec","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.d9f821042.0_1675359380364_0.26985605440525817","host":"s3://npm-registry-packages"}},"15.0.0-canary.47c7deb19.0":{"name":"@material/animation","version":"15.0.0-canary.47c7deb19.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.47c7deb19.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c1b75b1e3df6a1837b6b510626b3772b40a89058","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.47c7deb19.0.tgz","fileCount":25,"integrity":"sha512-w52dCFpi1NBkYkt2/XrPcp5IW5sgQ2IF1hN0b9SSLptSrMCg6LF/D48bXgfGGrNJ4EKYBx8XVUTy4HbvnFLzYQ==","signatures":[{"sig":"MEQCIHHv6vqXLH8BD/LSJKCwinZrzZEHADAy8t4/FfN68LIcAiAoH3yg0NzSsBHrCk2Ct3yHkf//Pu8jyoockuJcYI1zvQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj3M7jACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqVqw/8DHFIhR12UB8ZO5QK0gBUWisR3I3vyTQ2LhtQsI+5UXlWAbtI\r\nW6U087tgHwFmA2WJROqkLi0lr/7/NmbQ23J87rGd2a+BsXpEnJHKrV77qWUo\r\n17mfvPGzFCB/wc+2sWOlFRIqRmmRE4f+Q+A+uNY86WhBUuZzBOOqNwqlrdC2\r\nD8BKYX06G7dS5OHIbMa1gRVS4WD5tzqwi+lacUH1Sys6/TcVhdOnWRTv9U4U\r\nGWUV6X28NxCXH68QtwQ0ub8QK7fqMqRBJs7m/SVi4hFu23x79kDOi6vgOEQa\r\ns0KyysPPvpVTbFim8PZJA7cZ+NpWHvueuzNlVcRoHulh5+WIVOox8O7kacbS\r\nkLVT322ds0n3oOnWgs7wG+EP+ShLv1flTl+dWIb9xAgfwS8ZHT/ubLCjbqw5\r\ngrot64mFM9YNXRd/TGPKvXiGa9OPQi/XNvVBdMTTQ97dS/SSwGXN3gMhuoqn\r\nxAZewwnA+RJ7V427/G889I/APlQJmCFxdQN9G5sTUMos24cjl1CR6uZ22Z81\r\nAIwwJFkaCNIKjFdbuifuUCiV2houIkITRsaSKbWochIOvrYxQFPZtPpha/hJ\r\nH9GrITMcVUwJZTQ+phc3TjdVVQr+N23ZXWoMhOLvFHq7Cca4jq9bwAEZhW0t\r\ncRHO/5g/bCCF7GBrEtvGC+mPjsuqQQ/0Gg8=\r\n=wKxP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d5a6886a0dce343fed87311107975111f62309bb","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.47c7deb19.0_1675415267488_0.6334447149627547","host":"s3://npm-registry-packages"}},"15.0.0-canary.a16dbd1a6.0":{"name":"@material/animation","version":"15.0.0-canary.a16dbd1a6.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.a16dbd1a6.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4ddf4801eee1c270389ce9bcd089e5bd87b1a916","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.a16dbd1a6.0.tgz","fileCount":25,"integrity":"sha512-fpO5MpOweS8o6ZwsZPV7bkTpcaVB04bZ3Tm7SOmBQr6vSs0/ViyFPY2rYPRJl34wBPT6Snhbr7DMWhiCLuDarw==","signatures":[{"sig":"MEUCIQDFoJkOeu19WcRkAukz6jL1BTB8XJkbkDcEf2UAsfMGpgIgVf5r8ZSixCFc+1AZfmLXfJxGYQHNgbI9wKCofnCVFMc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj3feGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrGjQ//Wd87oR1Cxeh3dqcssWc/Yx/+6KLz360hPeaTGMiM1G69Ar7V\r\nGDyobSycWOHcQ3NUjVFq4qEXZOvKcVOshwLy6iO2mSwAaZ3vUUOa1TigF8TD\r\nltaA1Waf0rCVdkhFwiLgxVD/iq58JFCKVlJumGqmnjdrXpoO03iJArjCt1m9\r\nxlxloqVVhZWY2/L8qmaEQxTQSU14dV1lrCIj3+TdvgTPhtR7BIsM2knsywut\r\nzvdTSblL1cAz/IVExmLsdzI35jBRmod59Y5cCmBijalzcHw6d5lIWxZZSjCu\r\nVoM3ViLHhsLJr6eK8MstRLT63VRNYG0Od+JMABbfTkW6zwxC6Lb9sjKDPCNe\r\nuk0T+bDd1mkEBKx7zIsXvS0NMGqcMB6M7BtumVgM//PZ6O9mtHoEuy3FAvHu\r\nA1u5S3dj6gRudtDZvkaadXoV7sQrYGOyUQgbADD4lLUZzipDO/CWsvz4xfrC\r\nzrALE7Mmp6G2OYdXd5WozzVQo3QBOyd1L83TsECk+Z4X2bgDsZnppQiVnQ0h\r\ngy5gI0nbN5kZqOk0WyZ2oRFPY/qwfqRps0OC9MRhSXgkKSMlGUgADMxusJrN\r\ndljNFrfWV0dZhoBwbOsWNIRhk4awa/HzcOSf0l2BAgPkPYPLrrokjAla1TZ+\r\nXRvMI+Y32h28rpvZbL0TVmxV+eB+F9xQT18=\r\n=Vlpl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"6b1923aa24f460ae50c61296787e46f524bcf15c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.a16dbd1a6.0_1675491206556_0.041516897544401576","host":"s3://npm-registry-packages"}},"15.0.0-canary.93416f87a.0":{"name":"@material/animation","version":"15.0.0-canary.93416f87a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.93416f87a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"acae3fabb14b1584ad36d79564b6383c47e92218","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.93416f87a.0.tgz","fileCount":25,"integrity":"sha512-vaHLoSkZ/x0w7vXwUMS9ABBXmbooZUjYGu1cZYHn3NwuS4QtAL2fJoC6Ek3AxGuCZ51cswL9y6ZAVE+n3tKi9w==","signatures":[{"sig":"MEUCIQCHhphqblIvzmXY3wAcagLBlnIjMdyJOEspQI++4edXgQIgVY/034OfekSghqleSQLuAPft3niar2Q6DKie5e4+p5I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj4lCoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoraw/+KIT2jr2kg8VlJTTcNvNLAl4E5Gp4KyjNhuExgyF2uJKQIOlO\r\nP52mTK1vz/liRM+fL1KuqOT0uw4Vn5Bsbq/Iw/HJ8uVyyVV19LVKt4WpNd6O\r\nybxd/3mFx8BbjXkV5ObyXo+2AjM/dio6OobycOZj9m6Cyot7uizE+fFb27dO\r\n97/ppIy1ADwIm+rlqEe0p1i0GEyCSD/PGRdyW72/LbDeOvxCRS8Ejqd/uhvk\r\nvQH8lSRD4i4IIZ+I+JLF4fOYQaYrOnMiPiKYsscT+9v2gYjsRaNM670pE2El\r\nWtoihvmhp7yu1zQ4GNBfet2VBBo78poSoZ9tWNKvjjh7kWU8MyCynCBBfavq\r\nq+/sC0gA6/6C5EFTHQueONmIgrHXqcdAaukuE+3HWyybAV27G56uNQS+e3sH\r\nEpbA5TCLzRzCkB70RKj+l+rh9PbbGj36Hi7q4xRhkZQ+JqRkLz/spS4DoNrU\r\nCAxZ6M+JkWPh71tG6yRiu42CGF9FcxlLiBkmhM5o5QqHDcmt5mMqpgfc4viq\r\nk4aRQjOT37ctCsf2pSyONtJC1r19F0YccZECgwqIBYARSJ+zgVisptoQWzD5\r\nGsaGBsbL9vBlX/rXUNtPI/4PYGLUcHTBRsIlVUhlR9HfrF0raAOfw0HbKau7\r\n1s4XdyrAEE+br6dGjZDljr8adItVXpKp3Eg=\r\n=vR23\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b9f82375a462288f01ce4e4efe6047a3fdd9f9a9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.93416f87a.0_1675776168540_0.3830305252903743","host":"s3://npm-registry-packages"}},"15.0.0-canary.49b8e7442.0":{"name":"@material/animation","version":"15.0.0-canary.49b8e7442.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.49b8e7442.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"be820be139f965829baf9abd0ed86caec0e194ce","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.49b8e7442.0.tgz","fileCount":25,"integrity":"sha512-BB6ViOyd+x7rebt+MQOKRTuC65036dSBGqXxn6j8+HfW990MTNVQB5+2BGhfxZwx2vPV/zrxx2tFq9Cr0E8rng==","signatures":[{"sig":"MEQCIAKsGnTs8z2a8YAPvTc+86+q2U7/2e+BdDu/TdzRmehIAiBm2PRtG634tyCvSTZmbH+hLfm+AojtiV9g9LP+q+SBEQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj4tnXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoS6g//aVSeFBvjzv+S1GUvrp96TyBoRIKczxSo+mp2JwPOY4vjrHV/\r\nS6zZ+vs0mfnxu1mm9gRcAjHRSfimwumIgrXIV1FJa4rTFKdPCcwcDezZxpVO\r\n1Txyda8fvx1//4Va8Q7enik08FSrPXQ26oqWaaqT6+q50O9BetuUJg4SfZRk\r\nSJl1n+9ivqnjCSjzVc+g8sQ8YyZLbL4JN4vvhb0bEbaZSNfT2pCzmfG/hFI3\r\nNEgfbN65U8PfM2R7DBk5Fhe2AQ7KPua2GdsjKJadjTRAoUJ7zWhQpQEsAOW7\r\n4qee/ovyHUDJJOXAXgTfWe+mAIECIISyckr/6dOFHDnb+h5sC4b587+oNK8n\r\nDV+YTJBGtPPBGGFV7Mv1+SdURi5H772bIV9PcKzQZsyx2e/2hRCqrlFPbN89\r\nd3gNNjVI1pIfSXIPmtX5LJNArSz/eaIH4um2u7U7nyYAJyaaJp1TcZX44xfF\r\nrwZ8nADm+EVk9XlFxxDb30+WDmt9uTHJz/7GcVGdvPZDUubKB8b9Dz6s+Oc/\r\njlTjOk+SStFASO/dwUOeXC0oo0vclsRbQE30ervP1k/NMSQ5IGuiPjTDQjlb\r\n2MDCkebABzSvG9DjOjcQ4aihXv6HHSl5fQLC5M1CdDXGczPkF3AMibYxPT1d\r\nsQ/7YN9b6jehgjergpJMq1ZlCQEhXnE2qSc=\r\n=LKUP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"0ab5eaa3ea130a4b79ba5511e4e46e1f99b9e662","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.49b8e7442.0_1675811287619_0.7395790767242065","host":"s3://npm-registry-packages"}},"15.0.0-canary.de38de758.0":{"name":"@material/animation","version":"15.0.0-canary.de38de758.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.de38de758.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8a0c677d6228005acf456f53d086e74edce30730","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.de38de758.0.tgz","fileCount":25,"integrity":"sha512-eU3RiAK3Jolie+I35fn0a1qPt/HUHDh82UrCEdwzNcMaZP4dPevwAgx1oCeXh5FXDdp2UXvQophx+eA1bgMGlg==","signatures":[{"sig":"MEQCIH5nbzZTELpduyNiOrzfs3OiSoHYJlp+oVuk3nedG0gqAiB/gcPCmmR5gJnVSYfMTObJbdEQNnerZmKqB5OOEGz22Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj5RQRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoXvQ//d7+tpyOTTeiTIuvp1SvSSCJeKhartoDdoXQJ386a4qY3EcpZ\r\nMyysnaNa/zkjIWB2RMAAkDesXayzG72t3n8YjlirURy94gH/I/VhsGNABjI4\r\n17qkAiqNTRjIS5lKmoEwqRjSxlrolZ9ERNQXfAOhDjoaD1ODb3Chb+ucbwOY\r\nmsnUZyaAnErY+yqtlFoROtM8OTqhb50gYzuK26MBPKxL/PLCOk+nwIuSp67T\r\naBrKSa9ehyEafPsXE57iDGRT5VuIOtBnTbq62aHMNBohUrBHM9qiOfl0hWh2\r\nHk2QkgWbQYmmJgyeMl4L4DuVDBKU4ULz/GzKtxyp2axvdDsY4o0g1EmOYAiB\r\ndtu2aSze0crKyHg2KA+WplWKrkwALoYZmK4ovuuGmLPgULpkBwo5R/dOvKKJ\r\nnEgEWdllxaesAbB9eFLcixLcdW4SEAj5kRbQHGDPTJFa+loRTdeOKvk1dL9Y\r\nSJdOuquZZxWYmaDLJT8zBxkSmYQE3gLf8XSXbcmaqcLTZItMlGHBUsnVc3wx\r\nz/VNzIpMfzfkE336QcwP/epjmXV5b6gSxk4Aq9JUqkGor3wag7LzFB0mUNna\r\nw0FytE+WoYqe9CZWa7Vu4xgwSKyrmUFgv5QeZ6GMvSYDa71mgl6A9JbiTd8I\r\nDAznHDjnBhrvuKoqjjInky+VSCd0rKv90XE=\r\n=F+iA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"72df173af8eee38e00bf9af0ca5a77d5b780763e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.de38de758.0_1675957265181_0.764493234386201","host":"s3://npm-registry-packages"}},"15.0.0-canary.4d62de70c.0":{"name":"@material/animation","version":"15.0.0-canary.4d62de70c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.4d62de70c.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a05da7af4b02f960fb98aa64b2981f495a39e608","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.4d62de70c.0.tgz","fileCount":25,"integrity":"sha512-CMSQq8GU6EKPqnqHTt0x+ujHJBMmHrwnb+nS2sJk9aRC781IefRh8lgDHriaY4IPBP9tGUPlAESsGpPzPU8d0w==","signatures":[{"sig":"MEYCIQC9LXeLu8f6KsLYn9p8izay0vcyItVxdcZ0Qaecb3RpmwIhAMC2ByoUBpews/UIupcpQtqN4k+seCwvq91SU+UTGH97","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj5W1IACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrHeBAAjOaxrlzw2oHZ8sJv/YXVt3cCZ8oQlVLTm6EB5gzvY5KFI+QQ\r\nV7z9FPu0nYBRuUW4OwEVlbVZwUywybI6ZjVNovwK3CtOxSG3WwftES8IzsNj\r\nLlbzXx/7Z+GAbSxNaQTD/i2upC6EquHP0+UMoh0t+73aqVzNPAIoV1TrKnMt\r\nPmz67Y07Qp0pa9NL2DFOzBNEkaiBvjIS0cxoA1IrgEmxd5yuFCiCkX+bSpDW\r\nu8wXm45HabBAw3WUJuyenzFApebjWT1tIkP8OH8/8vjU/xXCXGukSgkldWnZ\r\n1xknpsojwZjEq+4xS+wex5Ak8LWlvddbdut/IbfmfBzAKgDi2OkJm9s9fHUJ\r\ni+Rrf0LagBbXcwYzuemJqm63nKvcdA99N2rNCM17sQzb1SCeC1cj/QLDyUPX\r\nzU3cIuQ2LPlEqpQwi8Rm3dFpnzi5KVs2E47rX3OLdBcLx4bgEuNToF61HHFK\r\nHPmbUPLg60H0l21h4XQfNGm2jO4Qz60EDmJweK3KGbbqsjRW3xROrBqSUtwJ\r\nI+w5ZMq4tlmF5eML/DEUBvOqn8jl4dj35VRt3jyZepuWLIejg2ORAw3ej/IN\r\nbkBPAVo4QPZIMuqztZi6wtFswGs+pdN4O7HQX0pOzyo09nC8cXiDLFGu2tcG\r\n5ve9nZYhMv1Mt8ZaAnF+B5NEP9TfEg4iPe0=\r\n=WY4Q\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d2081b5045fc9871ff56b0d31ddacd235e2316d5","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.4d62de70c.0_1675980104084_0.1434221879399049","host":"s3://npm-registry-packages"}},"15.0.0-canary.6fcd8d418.0":{"name":"@material/animation","version":"15.0.0-canary.6fcd8d418.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.6fcd8d418.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f7f888d382c007fd4fea9f520ca3a651839d2a6c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.6fcd8d418.0.tgz","fileCount":25,"integrity":"sha512-SWBzEYEXDVOEQ4OAiVSgSv7EmOh8+Wa+791wpa1bc/0PJiHypbHR4nWAM4DLgMIjtPJ+9B+eOSFYZUcwwVFKcw==","signatures":[{"sig":"MEQCIDz3fXQwSv7WY3iTYE8FuBK+hL+dVL064RJUEzcD+2r4AiAuZkcIDrLyraKxi63iHXgGBvdeTnferbe43I4jmJMurg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj6iOaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoSxg//U8ONlFnW1YJUFflSikxdXuZLCC5MmR8EdercmFdXvobCOUw7\r\n58RjCNixSj6LzqvlFjiac47zKPv83sElGDYg60VwJ+fkLOtyDxHe5IC4oNne\r\nvCbpyTmSJJA2DmSXDZ1W51BzYUOfvRaLqw7JrALRGvARf69a2xJHbZiq1pi7\r\nxyvU89B8Z1WADtLdAyG2fIJo5ZEHuxqlQrPhVO6UQN+Qugm13z4EiPkzcFiw\r\npjwYyfu2F08rf6tzCixsbTevbJGpRZnYy2X4McTfoidKly4jSHC3pRVNAEQO\r\nxVlq1xeKDikbZ313/+eTE67u991mxJ4tnJ7mc8nmFnFcx6gKC2EcZAUMdw//\r\nf6VtVYD+ZTnjWONNc8FrVzEWD0nQct3kK8utZMJ54OlW0GXBvjusd4MsVQVh\r\nb0ogozz58PNjjx/PTR5AQSUTPoka2EasabHg3iYeStvUF3SNj7QhTVdKk+XF\r\niEBP0LC+IqhsVsUMJK1sHivTQ2FAD2qmaoOXYwXNzSzWeB2yH3h2Tn2o5Ley\r\npove3MKvf4q8g3L+WaGy3miIHMWki5zFpv1JoEBiSRMeAk+mMN/7s5aSa+Ea\r\nDV21iGfyfyUZtOeMI+r8H6/jC4iqorIrXlpc3CXG+98tb4E++Gl4w6EfJ0p0\r\n5UhG6EVnHBwKNwrJ13xhbmsUdTZn8fxnVjg=\r\n=CXGw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"39b4fd2a38e7ab9611f614a59dd1694de0b94cb9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.6fcd8d418.0_1676288922373_0.09636387671515645","host":"s3://npm-registry-packages"}},"15.0.0-canary.066d9439b.0":{"name":"@material/animation","version":"15.0.0-canary.066d9439b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.066d9439b.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9dc9808810902c458e9cde8a97d3c1cf6748ef4e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.066d9439b.0.tgz","fileCount":25,"integrity":"sha512-psvBZ/YUbbMC7KrNYZ9Vd9bMUPmv4VIjH7cb8e51JF0DoDoT7582qrTRE1bIVhbTHqSYZ0xGJKV39jvg8m6K/w==","signatures":[{"sig":"MEUCIBvZ3NmS5VNDPnKv6kE2YXrUNA0wuJP46V3jOe5OInSvAiEAmvAT2vlBW/LCIbM/wOTYrtfsf7S5bihkqMI/zZKKc2o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj7TjrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr70A/7BL9lCojD2gBQ7FqPqIIT0EYFOtp2QVcGG0as2oeJkMNAfOKE\r\nyqX9rwn5++BN/o3nuARPDIA+YzyVHzCFjfV11Hqx6/Kmc2fjO65jn+0h+0ad\r\nUBR7x7Ov6toAItssHjVleABPViO61JqWRGMlTPip5D/N6c+RBpbnYxTpg7VC\r\npzxFALXt4VeuXHnTRcjiioJKpYnvnifFzRTr5xkXdN6GF14Rbefa61yeJdNO\r\nGR+QXJnlAcLQ7PyZoTwTfr1rjMiHdFR/jeFY3ZKNd7ztWfcxxz6dESmiRYcg\r\nNGMhj/LbAGY7N6rfOwDUqM7lt7/gBoeNjniesMlrIluuliYiYbln9opC1qbp\r\nZKYVXbkIUUiMy136cj77T1jgp1QbQctJteZoyH+gkOnz6h+SUgdGQiuMtrPs\r\nuZW3m6G1tWVhc6VTny4rPFO49UndPmPY8JEVuGrjBBTqmNAe0q3IMTntEQW7\r\nk6IPtfFWVwxw1ZAwtekXu9aADEb2Gbh1h+HbqnJVpu4bEuaSdX4G9s0Qs8hC\r\nPcK6mKofg3xb2G2mlV5w3MxTpvQD8t2sFRLDkAJjDBRHa+y20IKM0297vwpx\r\nr60FbiiCqEVAjoEbFqlzjVjGIINowc+N4ox6uGUoTZEGA3uYZI/yHZ0CnyYl\r\nfcmxVpNnAPr2RqpPVHSIMuuil+BboDRZ6wc=\r\n=eS9A\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"cfeee3e63b3e6330deff033d8054adb710498810","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.066d9439b.0_1676490987432_0.11301408172366845","host":"s3://npm-registry-packages"}},"15.0.0-canary.7ab32468c.0":{"name":"@material/animation","version":"15.0.0-canary.7ab32468c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.7ab32468c.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a63885489bb53104f252635d46dbad873ac3bfeb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.7ab32468c.0.tgz","fileCount":25,"integrity":"sha512-lXgH5/O2a90NBVWM6b1Pr0oOK81ZRTyo9r24d0wQ9wT8t0WeH1fBIUfflogenBNlNcNbsjLmgH78uZaryBoniA==","signatures":[{"sig":"MEUCIQC61OFGu13ghbCHjN18wnkbkmMIGVMPRHLdNmj9eSzNngIgMMzipcUQ0dMaMRiPo2Zo+9kjQptqYv1D65FSlI57AEs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj9Q5KACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr0Xw//T4AiP83kL4sAcx7CfEXcEjKBUf+yAKMpH4WFtfWSao1GsmHZ\r\nmkgyZU9tbtH2Zpu4uR8cE/KGtxWshzSARwRY44qLRHPbxXx8neUWHVawBBiw\r\nPZ/4+Hni4FsVgY5ehGWt6jrgdJgF3ygA+Mno8z2wZvMJUBdWcHP6qmq6FePq\r\n89ujt/rc9P8UHWLutSTylXIkVuGSRg2g4YMJyxeUtGIwZHgFNVa3Zzf2IW5X\r\ncVmOVTFhZyFNXQtjnw5hjPZx1OBeJDkiv4HDuCjsmnBIIYqUFZSEIzdi/uOv\r\nAjYhaUdxi6p+8gEUnHKFsGZdyHe161LB6+ETr9PP4WB4fVPBAXlRHnkHNZOJ\r\negoyda+FxaixryJeptU+4RFlbXqV6vzb6WhBE+RZ1DUwPfn6Hisyi5fzKtk+\r\nnVHMSufahfxE4aTow7oOQhGFGQIytHdijkkOuoi9aBhh16UfhJmmmCv+bB/a\r\n04VFOVRoMlJuxvZ5Fud2bzXeW5ndAbMUMm4n/8d0u7aeIv1uuvmzl1CwxaG4\r\nSxsbucfdd7/2+Zuo9wKTtjJ5ES5Gw16N8VN6s9Qx0LFk+8cFubh/boJQgL7t\r\nb5jc/7dpkAbnCLVO2ehnD0DPAafa4My4YNjig0fgDOctXRbPRdTAGZJec+su\r\n39a46wKBts/c3K/GIOEzcdZTnIeRv4OOpP4=\r\n=pcRI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"08b12f363223d69b2eae5d2719e9ff0da773381a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.7ab32468c.0_1677004362044_0.25163373605199824","host":"s3://npm-registry-packages"}},"15.0.0-canary.fa27ba61d.0":{"name":"@material/animation","version":"15.0.0-canary.fa27ba61d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.fa27ba61d.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"303fd2cbbda4d1e20223bf9d9005adcfeaf20e49","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.fa27ba61d.0.tgz","fileCount":25,"integrity":"sha512-6QrFJg61Ueapoy1wR5zK0dBnxTNSsj40uf+KxJjND1eHhGcbgs7XLbeUwXpypIl1vGdvcmdDjcwwlNf9FpkcAA==","signatures":[{"sig":"MEUCIDwXv58vgmvPqKsvJHS90rB2+ibGz5kgX6BdGfU/5/JzAiEA3XBhs8wle0zEVElYdF+SCpak9uJKrxiImEACEcF796I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj/NenACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqezQ/8CNAGmuwbnTJPrN5g+5y9eauDYkCGvUVEThFA8H83NtNCuIYf\r\nNj5KJds/DQvSedAbY0nIv5yvNDvOyYIVa1a4qe7e37kUIe4x2VkrwdsADgLL\r\niIGtIfI1lTBZv4Z4NUyB1yk0REhMKkkTVBi1yTLR0zETdzrt5dsWfDb/Xgtw\r\n97uMNdAhoFMM1jkCRlMxsNxiKiyxD/P2tBB6Di0xaWnlriukBC4Y9/WzZdIg\r\nicrsJfRdLlRrPWz3647ymFVrMyTLPNTvYN57+FU71AUCe3Vk+fW3DPHV38OE\r\nOpQf2D8M69g/dt75Xpqzhn+wrYvRJlu9p+Ai0PBOx+tZ0AO0XovTndZddE3E\r\nOkF5Uk9ppr5e5c59vvN9kB0wEJI+IEtTd/+P1GJ26ckD+Agei93v/c2MR7yR\r\n4rdPPADAurZCu8++PCN4rxL/p48+RyReeYM4Oy4Ksn5C81cb3W5bnIaCpzHS\r\nwYDXReuG6u8Wzqy28d7eULnUGG+RKhUtvp1nOV4NCFp55D2rIfJ880iX208b\r\nZqg74tJ8icwaHOocvHj5Ivjpv2Qqtgi1+RFy20aGzHnp2pi7AT/2SiQF/o3o\r\nvgwgvH56mg1ZAdB40K93hs/nZoekAXFwEAOXG4MyXFg85Xx50t92nHCjSCSi\r\nXxjhrnuUibmxSyspt8hgej/cODjq4BLqrWs=\r\n=5Uuq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ed40c112543fe3ecfc009ace11a6f0c3f82fa26a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.fa27ba61d.0_1677514663551_0.43726040191761184","host":"s3://npm-registry-packages"}},"15.0.0-canary.311ab4d4a.0":{"name":"@material/animation","version":"15.0.0-canary.311ab4d4a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.311ab4d4a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"804d2304fbd4171dca4c57ab5a8192208c3160c1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.311ab4d4a.0.tgz","fileCount":25,"integrity":"sha512-sWJGm/fZ6afgN+JnkWyZ6cv3TNWGTo0MHf8n3ucyjMxxp50yRalMkUI9tM3VAMwg7nE+kK894aP5PxmojPiXcw==","signatures":[{"sig":"MEYCIQDsRKBHDOIlEOj87+gnNzVrNGWjqSGLCk5nBgdlWrch1wIhAOKsu0CHdkQiE0HrFVcoDCczi0OlHGHClFOdKHws8bM2","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj/NzhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpKNg/+I1l4GdIrqO9vCu35rH0xoXyuNX6UWoVubkJxb3JO3TGZ/zT8\r\nuZ6O83ObYkEEQ/AFBGxZi01UfruP/OvuTahQJcGSKE7m6vlkbwj5H8dEWhJO\r\nPiiJps4QOhAbcaQL40xu9OJAov0eqNYPC1G5YJl2ksIBBEn7n6BYjiSAOGAQ\r\nQxY1u9lHT25hMGrP/YumVd37s3q7mu/j1LEc33P2B0Tbo47ourAIm/QN9FUJ\r\n2b+S9BIXnmjaPdI9Nk7gXOeiBeKcDW/YhztrcOisH9L+ergRMbzBM1E45MIi\r\nEbgJ+vibRfkcTjpGJLsxJJ47CjsQIPtDfolHt1oDzR8vWhRWZmH3PsZkDPfN\r\njTmKx+8ZMVYlwxutvdc+j5qaiOI9BWAEZloS7VTmkll4oPSOsk5bcNggSjWB\r\nl9bLvUWuFRHxSIveKXHXvOdBK8uZ1XmuKdJojCR7pgQBJ/Maonqw7b+E3js9\r\nLHmGjFgCbEHYr/+E3Hsso6AHEh2wrGQLV2JJPMWWGUkJFaqDa1Sj4ilPH0Y5\r\nnrzRr2aMdI98SRUPmnj8ax4sqQKe8OnqP6WTZg8mNH6aKF94S9FhfhbilCab\r\n13+F7vdhtpxL7x8T7xqUuLrU4qbv+ytSyS2cimqqAVULj64HLEUOKVUZgzQZ\r\n67WNe5RXsN6kssnxvI56VG0QGmjAfEysfkU=\r\n=PRfI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"07f8d2f7bb4b2f30e60a6bd8739befd9d17bfbfc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.311ab4d4a.0_1677516001569_0.6571072897247041","host":"s3://npm-registry-packages"}},"15.0.0-canary.901c83e77.0":{"name":"@material/animation","version":"15.0.0-canary.901c83e77.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.901c83e77.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b772cf6cdd219f7aea8015c5e282a99d0c8fa8d7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.901c83e77.0.tgz","fileCount":25,"integrity":"sha512-UAp7UuHvvJSm5o2R6Rl1k5sSiiF7cotcYAQtgTzjYxcVGz4WL2MYg8Fn+b/JtuIp/1vJLNQ2STXYaXUxDEgEfA==","signatures":[{"sig":"MEYCIQCrZR3EQcMFi/8/g+lHwOMxFK0qpGXvUOTEeSTa+7GVQAIhAIH4p54WLACzTrk0jDExoMs17fM71VSbPmWozX9HMZF1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj/PC+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqVFxAAllcyTskXazN556I5cxEh7IYADW8TbDd6Kv3Iqi/TYEo7Xacr\r\n3TEkS6uIDa6l4Te0payMm8UCW1w+Z8AAyLiCy4LvqY5pwcRPP8OqjsAEAdiW\r\nbYx07pDNhHTZkj/E5niD+eNni3Uj70wXtHXf02hmMp61STO03KevStMNZbcz\r\nrPQyiU07r4MA4OIJLu9B9pyCoxUe3QtthtWh8fOU5sctW5JrdGnHM3ZajlFM\r\nsBZf90M1CkBPmw7c4//gvb0wMONBeGhg2XkevQbMiqlpcy1KyB7WQwZPUSat\r\n8BBvKXI/4qMXgTrYrHFFWFJoaNf9iB3LOUtNeAI2EV3Ek2e+heAnUD0ScE6K\r\nFL3rn8tnlssBXDpdJckGnibcDikK3pO4gYri8TLF0UFmUXUeLYtSGRIgiB9N\r\nVBudfvZD3CmEC4ibrKfM+KM/sMPs1Tax0E2NqR7ul3lnWfII6A5/wMZPsO2o\r\ngRG3Fj87KTaryFm4UUdieQnWkQvhmDKu8tMAzd8mi5Xj0oqBiMYpwj11Lwd6\r\n87Z9lxZlDrw2gBswhC1KHfeJO38mS9XJNCDACqMnYVzZFAJeIxaiYwJ3OYfy\r\n7Kaaet1Lu3Hpfd+aUekcBx2UlDEvesi+5ayK/Qtv5wy4IoQY05Fq4Oafc/9Z\r\nVRezU+MZheGYozrqxFCmOsj1FOSHQb2zbEI=\r\n=+c3d\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"86c988d321eecbf29bbb6cc63f7dfa18cda02d4f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.901c83e77.0_1677521086665_0.6962443096470126","host":"s3://npm-registry-packages"}},"15.0.0-canary.5cb8e2174.0":{"name":"@material/animation","version":"15.0.0-canary.5cb8e2174.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.5cb8e2174.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b3beae1a3b3570cf8c8c7e33f467b41d45dfa24c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.5cb8e2174.0.tgz","fileCount":25,"integrity":"sha512-0LN5gr33H32Ljt/1S9iSJ8kFhGl/aT+jzypVIUL/RrH8lKDhSd8FhQ3Tanp/LpFg99ULjIlJn+n+jy/heHjfgA==","signatures":[{"sig":"MEUCIQCtFZTPOGIMDiBtYsJgnYNevwQSZtF2pz8IPclIA6nKpAIgKHDKFMDfVk8hN/JCZSWV2Pf9ptpMmuqA3FR4R5tlxIU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj/36FACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq2dw//ROkNBPODpu6kLdMm5bTu9EO6f1nE7Z7cD8ISSY8dl8/NsDCO\r\nwIHPPeiQz5mWlweaPttmmis5OO06Q+rkGZEoaCRjTrGdXFf0TxzzlPZlD9o8\r\nkM4DC1XLLLDHMr5CW4eUhzXFJIZf9qdZOM73Yf1uZEm+JShQmomzgXZmr22U\r\n9ir6r/gh5DCZxr2OWh1Zyc+UiW2ZM6euDzPjYHXkHDEW7TcwIxFROKQhfkBM\r\nXcmygFzha/e7xdBouxAYHD7FI6f0fdASfiBohVrbbSuh1sCBVgQfO/0KdpPx\r\nNkQGxQW41ntdL10uC/bzkf0FQKwzuRNhQSSE/8LtOR2JtMOZVfqBwUnUQ1bh\r\n6d4IrixZUttMUdm0Bo738wJxnoGgbL6d2XPM4u6uPaR2wFx4pO2x0581K8rA\r\nBziqPiakBMrKkJzaHf2fXv1ks7BXmOetoR6CInKEW70tBQ5Mq87Fhtz0y5Kl\r\nqvdclJ4UXCHhUpY8og2jntDHuSQP+kgbVu8BkaeX5lc36ravSi9NUy2G5u0F\r\nZDbY4iECXDBofICK2OqTJ2wU2a3fN7eRD4z4ETFFf/+Gx6bXgHWs5tIftEjp\r\nOJf+8Idyu8ZNnxnGgRti6lObQBKQiKN5IViyjzAd6Gbs4+ik32J74/aisVBl\r\nh5FzrpbVsArdJeFSpqIWA1je+vwc/Id5tu4=\r\n=jbH/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d57edaa5a3a3079c48ef7c804f0a642bbb682478","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.5cb8e2174.0_1677688453662_0.8716523349793397","host":"s3://npm-registry-packages"}},"15.0.0-canary.f32339937.0":{"name":"@material/animation","version":"15.0.0-canary.f32339937.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.f32339937.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"816234d6403c520c7b61531aef235d0140aba58d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.f32339937.0.tgz","fileCount":25,"integrity":"sha512-+SmPFcIg5k6k8ho/ujLAOVQ8K1bRWlHMcZ/9PRUIjeAZWsdWhuls5Ye16lT10S9JOYaThBsLLRA7LoDZDHkzyw==","signatures":[{"sig":"MEUCIGmlODWxdNxKR8olI8JggJy/VIbQLCg2i1CYcduS36N/AiEAos+5DSsjMRSlRBxDgd6m38rT3uXHFkRSOf76JV2Zy84=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkBgNKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoNfxAAh98a0tdro7zhfvqd39uDHiXK6FPD9tPOZmTNu8p72TQfYxpN\r\nux7661t9FuIATo5ntZf0jZO0oXQCIdKsVnsbt0TpA7M25VjNfZt9VPL/yGSn\r\nZtQ4xszDPlAr2Adp0HHDXnvkVBvOWDbNAwu28g3DY+xpcOgHsMvCADL6/q3Y\r\njeXcaECaMhsj4Rpc4KhfDiyePDnf8MXKKVXvAHUg2NRzM4UMWitYE2/kL0Iv\r\npLnwmN3ychgki2To7+7GL9YkHjyeKGoRrjrfIRa7rSOzMj7/kh6x96EOob5e\r\nWtrx8PUJRABq4gCQgXWDGo7lLHD40nT3wGEutuHwl/36EPikKnOZrmKvYD58\r\nMmvEIKEHYPC0m3BVBM381hhCj9+N7hnLjMcgyYSewecVGNuYL7mAKrUKIpn5\r\nP2NFH4vEG4GoDL04GbQPzvnW2T/7p3BKG+M0ZriYef6bu/SlRqf/GGfhDrZx\r\ntX5OlakaukdGiCR7cUOSYT1hT91dq+1uKg6MbpbLGq+iMSGYcEifGeKItEav\r\nE+fT+rM3x2Vgrcn4RtVCO0Ax0ksL/PvSUJv4dgrZ1ESLi/FChDVMmOzeGq2I\r\nFJ43UCEQtzw9JQ++YoqAHaG2vgV9Kvf+uETzDBHPH7Yd5FS6X3WPmJUa7WaD\r\nkFTKELlf7gc2CFU3YKQwrxGbv4+G4y3O7+o=\r\n=xmVp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b6c5103b89138f008c28f70d93e0d3faed285061","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.f32339937.0_1678115657934_0.3652365832294251","host":"s3://npm-registry-packages"}},"15.0.0-canary.7644d63d5.0":{"name":"@material/animation","version":"15.0.0-canary.7644d63d5.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.7644d63d5.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"eeb431f6da4d00b0de19494b544fcacfcc5ac734","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.7644d63d5.0.tgz","fileCount":25,"integrity":"sha512-2Sn5FI/0rdwxgoPQAkIV1xbOYPwlBz6tzfhclp2omlJMKhAbxmjyIznHvkk5vqkQi3i8jrst7uwLUNmGdjVkYg==","signatures":[{"sig":"MEYCIQDNlMo9PoorGEDzpNmRHHzIsB/nO7ZLP9V7Uirw4Z4YAwIhANmlBMeQN5tV40PglF1UMtPrULPN/aannlqWbEpmtt2+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkBmiGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqrPg//cRVRTrRcgdueVmJD4FYJuRmZwKYfpRPCwcNt/zCJQNC61e/t\r\nxKN0ZUqbhB7QYCvJL3Y1bZmeG8Vpr/BZ4aKh2Pa3LTigyPZqqdTpR0CnU+iP\r\nKPb9FobV51PcQmK8ezJDlenjEbRzD5TIHbJuWeH5kf/zCxQZmp0v/D21D7kn\r\nAPuIWsG0mFSj7H+4LDVr3jzPQo9dQmjMMzgqWkgxdAtIAjvlvZbY9h3I7EKb\r\nYFStW84KvJdhuBbbTOPNxUKA7YoZ3CBzdfL52EYBCgg1pbTGyjskcY53wU0x\r\nc6EWCaDT5EkyBKb+cmAJT93XOyl9/tDiG3i855a8M5CWyNy/h1KxHMGYeolE\r\nBdZiuFxXGKPVqdpwKRRWdrZS4H0fRS/eRbaC8XcPqgOujkQIIwK0xnj1qqQP\r\n2arI8/WV2GySlTI5mP5+TItqML/Z/b2/bFPNuO4ZQyJJPJlCx+1ClKlzJcOA\r\nE2TLL8R5dCPOfvte5E36IQl6DKWMddKqMeP3N8aFY7P+C5ByklVanqi0QB2t\r\nRUZhfKSOd1LU7NXYlQnqFthTBPo/EGcDgDhcjrkjjLJS02i3maP35PZEvooB\r\nWM/qm3ERW6di6k3bvlMFdsHnEKWvDdZRV6HY6Vbd9zLUlradMn6NxpBGH15/\r\nTRTZbDAebIOflXwDSacfHLvS6WXZcu81g5g=\r\n=2YPa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a0332d9af18b36becfa025c452efffd11be59943","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.7644d63d5.0_1678141574301_0.9167269414437522","host":"s3://npm-registry-packages"}},"15.0.0-canary.d96330c08.0":{"name":"@material/animation","version":"15.0.0-canary.d96330c08.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.d96330c08.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b7e7d3b7d3f0f193d8a7ea9109d1fc7cd033d591","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.d96330c08.0.tgz","fileCount":25,"integrity":"sha512-mk1fomkTBEYEgyHp3WjoP8BuDINkR2dKSXWUHkjTz6S+XFaeALqcFz92OL3fwVuUWNRBqn6i7dRYPcqu2UYoow==","signatures":[{"sig":"MEUCIQDkQofbUaQVI0Q6+7DwkhAhrTIS+JBefMEGRJ+miffPMAIgUuErhLsoSzBVceX7Ag7cfBQlgn7lFf99yJSzSqR4nVk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCHQxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrlOg//bwAe5DnqGxhDTJU+GqRchFMKsMhc/3hPBcj2am0N1wJCWE88\r\nSLT/IJHuY7Vr94IpsmGsKV2NZV+Cumlgj8dTwJkJLIwok0zeGYOljPD+QW4u\r\ncB9XlNNpepo6PUPcpdw7M/+7+LgkPHwcosbl0YN07OP7YHSmPudCaoRnwHdD\r\nK7BsjBnWBldzUYgA+pr1+ZxGJntxsgy0WebpPWwc9deteYRZJCeYtZQZp/xX\r\nTVIhbdR02vO8C74oV7w2Wdu2VDwe082iqnZk5ufQ+JDAxQNAeIpkF2LGKa/T\r\nQcL5jpltielbJIcVIbAjhmAn13kD7JwjdP7egq8DDmGA4uQVpAWqU7Aq5f3X\r\nGbGQjRv4lG5cH/16YH/DL4Q4rB/hGBudPBR37zoQYzb87n64oqYOS9sSZRMT\r\nqThYcXTdp6YAZt5aIwB70mSPkGLG8Pibk5q8dydDeFQquLJVbVntb8Jrdr6l\r\njfBZHkdsMmhWACNP0sxMaX66GaoaWydacXkaONfn1Lswq7p8B++KRDpVIc8T\r\nINiG5acXrXyMv/wDkrwihQQ7ST62/iaDpQn5/akfo+0UwUIxKxJR6EeDEPfL\r\np1unf5U6/1V/oE5jlwf6Xy7WVhEctA3LFvvtI4lsjXbyKDnQoCZUgCP32eyA\r\nZDaTnujr64hTUF2q7tdUkhgMcCveySBMpVk=\r\n=9OPp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"6a6d53aa84a0c0a10bb15c3cfb596881140bddb2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.d96330c08.0_1678275633292_0.9051249159583019","host":"s3://npm-registry-packages"}},"15.0.0-canary.c99cae77c.0":{"name":"@material/animation","version":"15.0.0-canary.c99cae77c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.c99cae77c.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cf167751f4288f9cc86a8bf80cd134cea3ac460d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.c99cae77c.0.tgz","fileCount":25,"integrity":"sha512-ZzG+NZUbqydok6sQWwFTl7ofLB6xis2SlZb4HuY4IJSbWBCMNqwy5MwVmSiTyIhsZwSWlX5zEYNRJ8HkKLPdeg==","signatures":[{"sig":"MEUCIQDEzQh1+8YSopnzWEe5C1elTPMptHuLHxmhB3/AauuL/gIgS9EUiQzwIfzMQ6zrHygO6rQElpn0NQFjzoyaYxVfb/c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCR0uACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmohCxAAkITTsYQEH6HLgBW+NMUfepedzpCn+k6qDghjYHj35OYvLO5j\r\nnU3RI14thch98LGe5gf8QKTz3HLRgqU89uWoahaqnAhEDKwWVW3NVNymCk9K\r\njr0OzSWTZ/R9mhUtN7qvWA0pw0W8cskKl3FnzKxf0d5W2gAGfRtLsZcZOZ8C\r\nYfycdQYqPFuY2fmutufXpDtB2/naMJPk/B6TjPDuNgcPmd2MWYaed99naqtS\r\nCd8ijVdWdfxlMfcXGo92Aeq0TmjyCXOJ3lY8oFLLqiOSpYYNKSTxSo4Mwcox\r\n2qwybKY8PYvAiUKE222WoxON8giRKYZCsvNqyIHLEhzryi4fGsL9wxDQ+yUg\r\nmEjA6acYW4V5Zwqq9mtv5p/HlUyu7hfv7IYIcbbiYi55S4s3SSZzTX7/aA9Y\r\nC1oEKzM3ChgqEm1CoJ9lBddL4FU5KO9nkEjS9kT49AyaviRry53oilDBLKMn\r\n2rYbIllZHRl2FVOwj/JjJdL2l4IVQQHL2+5g1erKtsjDBR6tZNJdG2AbPtnW\r\ndVv0nYeomZWrXKSx/Z1pxl6SK6Je2/+SIeZSrk4a19D1bApIcmSnNeFPOxq3\r\nw8tbx46YDd9fvYT1M4vxVTDklzvsIAJ6rj51JvRBjLWT+TYmgHBAL5t025Qv\r\nUWjOhvKfMAbVpMsvEda/EWizV2QlpPRKbyk=\r\n=2aue\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"5b6a7c1a1c133381bad395ae040de00c64b62e42","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.c99cae77c.0_1678318894554_0.3358313562724411","host":"s3://npm-registry-packages"}},"15.0.0-canary.6023b1cd3.0":{"name":"@material/animation","version":"15.0.0-canary.6023b1cd3.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.6023b1cd3.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"714b78c9c886fb6835282f57d785cfefbbfa819c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.6023b1cd3.0.tgz","fileCount":25,"integrity":"sha512-bBu0ilEgft/MzwEChazH37LJq6SyZ5alDZoMbupWqS4NWBTubK3ZXK3Ajdak8ANMBLWR3IqTRwQ51JOrALW7ew==","signatures":[{"sig":"MEUCIQCuTf6SLNK/NmPCw/AlTQC4XyrY5Yx4d400fAjb1uolpAIgPkN+rjFyYEuyfrhYn4d8JH5/XhDxUL524gRpDd/ATxo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCexGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrlaRAAmlHdniZcTv6n/9SPn+n8MK+SlDvyPMnmyyu/Q9kPJuGl3e9s\r\nDTdmrNwra/B1+Ffh7Fv0bLTe3xbzvJx1ASSRO93Q7tn2OvyXEj8Utfjg60Im\r\nnyPwPmMrBf+IGYEOiQBE9O5rS1sVDHI4Zxu/OlNVLroJHzxuavX/OtytAIOD\r\nzWzONPWHZsVXTtiNgZ86DAJO1MpIF+6tPJpgzNN3NS9a6mwwybYAQH7YmgLm\r\nNAJxCVnS9ITySNnQuE5au1f1e/fvhVB/KEBcJpTWxpNqWbzPDravlzccTXqw\r\nQz76UKBsaYnMwyxIvq4FWuZHRFm+8CaN/S1cJdXk7fhHICl5i07u123GIiBB\r\nrlGy059yQcLqnKd4RJ8mXbpnGreQvUEP65LgVr/fwjEg0Jk9aAg5ycG/OCjY\r\nz2n5fANSDEFPcljhjcVh+Nkdf/iZSKR8jjuiHWRg4iE/pN4/RaOuZnJzcCSf\r\nlDD2Qw1oS/aAsDlBtO83ApH1rbNOdtfhTDZaG+bbpffy1gBoxinxD5xPeeTe\r\nILABEKoWY51BzHJoJnxdR8Gv5AmvejIj4iYgamJwTv8aOnWoaWs3Vf1LaR9x\r\nLCZrQhCjXVtizcmirTXSrIE9SfOvezr40/bpqW1aQVptCC5xiwCo2kguy7ZB\r\neuyKRCw3IBeP+PlxU5VHdjr6ixHQ4j3tJp4=\r\n=m16T\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"4d11f175faeacd8e5fe534611afbad84efceae77","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.6023b1cd3.0_1678371909916_0.7730770253603569","host":"s3://npm-registry-packages"}},"15.0.0-canary.274610c77.0":{"name":"@material/animation","version":"15.0.0-canary.274610c77.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.274610c77.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"39eabbe1112aefe6a1d2f2ebdf1ae0be0e48b14f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.274610c77.0.tgz","fileCount":25,"integrity":"sha512-c4F415IEelLinHXSPyQNsDOr9y3oVnvakoNnoha8Er1YQMdxIPtBb2UImGkpWiHjuMNSgAKE0bGngBagn57Yfg==","signatures":[{"sig":"MEQCIBatwSsx+L6uhsXvugP0FUFhuzTGIZ4l4YUt1l+do/yZAiBaJ7d54ExH/71aluBnblWuE3FIjqubdknFMLDllcOQfQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCfPPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqE6w/9EtceKuL+nLk8YU2MjxPrzAHIElxBPXy7eatNp2ADmet4SvJW\r\nBjlsA5ENRSwMqp8LH39Zvtm/7elAkvNLxI3J+bH9HfuPLdJ89PUQhu7JB7tb\r\nBCUHaoONbA61SQxWiJEgbft1s5F6ywkRIg4Lmpa3pQDygwXO6+z3s4ZyAIXy\r\njEsd55mqDWQoBTuXvGTnZLpKij+eZcb9Y6pIoDBVfS8Dn98IO0/Mt0Ek5e1y\r\n+72b2IUr3+n+MjyJ1vMXQxrRztBrzoliUa7FSvY0z45Gb+9k+fHOgZEKgMhx\r\nDvLlx2zUYIQqWmhQ9CZOeF8hd+UX0T/n7X3dQL5iVOGbjpDmAvt+Jrk4Jf+C\r\n1Xzb3aU6ryaRJ18LviIRAMjflzmPkzpb4kjpmuud9VI9o1uJCxg7nk8B9kMf\r\nt082I8h3F5gYZPn2GbXD4Ql8H2YQhq+a+Yww2T7LFVQj/KL+44PSf76ZxNUR\r\ntBBv7eOandcBZDx6Mzvj5uE4gCXqv0SZVo/caV40TPZi/+aodF1sx+mRBMGI\r\nIXp4tFpt0CjvwVl9loksEVkggVPMok0bK9D594fDZKxer0jxgQclenqhGYS9\r\nIVosJb484bRArGyEemCKNzldmkA1+MG2I47hKldCDIG29oHMST0zGv2NSdGu\r\nN6pYnnTq0lw4i8vdpvckNvVfgQDiEAzfqro=\r\n=E5Rz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7a2b02c682ee73deba431503de1a6f1fef211c10","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.274610c77.0_1678373839121_0.1618540878732584","host":"s3://npm-registry-packages"}},"15.0.0-canary.a274583b9.0":{"name":"@material/animation","version":"15.0.0-canary.a274583b9.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.a274583b9.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1aabe0651c6c5ce811119e4ba7be3dc3e5348d06","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.a274583b9.0.tgz","fileCount":25,"integrity":"sha512-eZggF3rDjZjdWzl33Cb7rhsFmVibUPKRf6d4/1p76YB7Bn+eNvy7EGqP0tUsVVFmJhQf5kmSCIGcQhmsOlTuRA==","signatures":[{"sig":"MEYCIQC61NNZVSe2B+HyYNs8ZIDjJkA5MMAn1YOIhi6MeUdxbwIhANScX8jZ1FRu3ZYubt/n5owIFRDPOTDz35Cf/BjRea5S","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCji8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmodsA//b/Qlal6j3E20+pc8A4vGA4khhrODvQoio0a1VcrSXYXojb/s\r\njY+iv0Iu+ikd0Tmb8Ly3s46iuqyJGh+r2N0BJW6zgI/GonN8grXppXRD2qt4\r\nOQBiWzjF/04rgzUmD3b08TQk0CW0mLqI0FEleLuJgBS/m3jQeOB65nJ7qjoV\r\nFQ9ZVbPP4tdGkrUxX2IDSbem5cOGYaYZGXvkY1xzCs9JmWIDT3ZJ98nuYPsb\r\nVxZbXACeBv59qA7muq5ncW08gOzeqFn4IlaeSKsZ0dL7KivRCKWyogKhTyej\r\nFJbxDCWF02ciBqS8qF2NfJWXMPqAoggoREr23wZEifYtiCn91QrYTPyz/33p\r\n5v3UPWF+M1DmdNLSB4Vv3JA72Q2gGiYqLbr+yzhX+qGr7UtgUQrv0FilynNC\r\nwHTWdfrK4CNYSOzDsEgbgqhnvgykWcIWDSGyZTRk+AJPAASo/Au3j3oabk5e\r\ne75TK8aJDVrhdUDEMpkNjsjdE11lg1wcWChSF7uRghOcmxsdKhjNYyhuGT/f\r\nUtcnNj4GMKe6fFAOg5ejv7GG7jCRlfZJl1uEUs8KTR4HDdPoQ7xsio690ilJ\r\nmXngx+PUZSu2HlyXrTgqlBCnmD6njsSXo4SWjdGhrtp4E3B1N+yhmTGMNsrf\r\nNlwypsWHPPRKSggu+C38b+Et3R71dcMgD30=\r\n=Tt3o\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7a7c8184214014c45d0ba8b4723714d1fe91f266","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.a274583b9.0_1678391484752_0.5899254775779847","host":"s3://npm-registry-packages"}},"15.0.0-canary.da22ca960.0":{"name":"@material/animation","version":"15.0.0-canary.da22ca960.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.da22ca960.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f32bed9116535470d197a56503b930b4139e40c6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.da22ca960.0.tgz","fileCount":25,"integrity":"sha512-hxkhcAjhMcXojgoiJ+hy8lMJGN1EAVQ6fjqjX/3JhuM1peCjv1lvcSP7dTj4MAyvAFWWIy9+lwvv06VCVpKZLg==","signatures":[{"sig":"MEYCIQDmx0hRnMgnz+ejQvEak3530TP5cgXRZT82eOzQX/1KrgIhANeX9S624NMfU8mpWKEz2svsFYW4D6eB7afwA3f9QWfJ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCj6wACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmquQw//SotOiYjjyXc7z9+s3ERXXFznYrudyLf95MeVdboEsTDamXR+\r\nnJpmQFo56Hu8pD9iD0QqZgZonw2KhhSvjaEjAtfFfdnqZCfY1G43y4iwfARQ\r\nK8EMjdlrPSedxCreRsZD8CiGrSU3LfhqgmjGn2qE8mQmh7buO2Nh4Diuhj//\r\ni7/PCMY/BgpPKPqQcAuYxmRu8Ofp0//oIVrI6fxxbDGTCUy40SoKJJpKT3yr\r\nkCCGwcap+gxh6q6R/ZxEssv27617uthSu9cW2lcHbNUCfu/gmMQmk/L7G1d2\r\nc/WmytzvaB/ZHLCNyN+9qv9cbAoHoB+NAL8QxMx8wbzjqef7LKkfDoHoYosB\r\n5C4TJgpc4nwnpUO954pN7wmgtaA5KY+TrvQSs3aiwKLM7DxPvIRdA3kldyHm\r\neIzMG+N2tJf0+Mp6Sr0W40OdntO2VhcA/uGwY+zrdHBWLNgk/ljmkl3LMKW1\r\nuzhML3mRu/frQKMBGsyJlnjYLFV5Tx95j1wNqYhN9U84AKVOgTeyse03UJrQ\r\nT1wqaRkpHyRDOzZbatNDVoG27E4x8BFKxIszFgjF7Q8FKvrukdrpPrqfY6e4\r\nl78fGNvkasCICnrYF2JdbciMgFT1XseVhgHYqwvEXURi0NAB2QZskyR1XJuI\r\nYncDEoZekRYtMK5GvSPWHUbbWjQxj18/8RE=\r\n=W3d4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"1b58f37865efc4ba8ba06e1190cef502dee9f902","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.da22ca960.0_1678393007953_0.5364585156327908","host":"s3://npm-registry-packages"}},"15.0.0-canary.304a94e8b.0":{"name":"@material/animation","version":"15.0.0-canary.304a94e8b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.304a94e8b.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bfc243cbd3f46cdfb66c1e5c71f071c6b327d219","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.304a94e8b.0.tgz","fileCount":25,"integrity":"sha512-3o8iGjra+3vy4P2mXz78lWIlz6QWS3f7hSKjn5nKPWG+kjiXWvCabz1PuktJe3OH3I2LmB4MeqhfZd0SanjLiQ==","signatures":[{"sig":"MEUCIQC8ZbY4R1/yHd01aUkSprfARDe4lxTW2gQJ3Np9vDujWwIgW2LnCYXkt2rgnTTd6SYewJ+ocf8y9Q4OoYW0c4sR8iw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCkT+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoX+g//bJUW5qGD2GDdrAxG9IYFoA0ATI5lx4VMRaXVKm/O5LdeuNRZ\r\nz6ZZ4bW3nb1OG7beJfGK90MV9AStg31L3N3a29mEcq0+ig4q9jyrAXbMnK7S\r\nZJgqRzsYCb3+3uDlnKutH1Kv6fG90c4WBEgBZYzVlvz+UJzXA+7vhvjnzALi\r\nQjPjYa5zKYQuXie8Wq+n6m1PClNiq7UbuEm+VFbCRUwHo9ocb66Z1AA6UqGq\r\nEIjByRhseamfg8kcrh/oGS4/eVa5wDKoLbmMdeOD1DveGtFo5MxmaMUAN1mS\r\ntoYngZ3KTLgDRWH6KJvTfgJ7Ucwr8fvCn1H7Teova2gn1ithUAIoqJmzry/F\r\n7Wvp9qD3XfuxvdRUmnuTa0oHOvWfHT1Z94Q9l8jd3haAN9a1+o+VIuQZLn6g\r\ncGZOiNwIiI278q9Fpla4pxrLsDRQsoVOu8k+ZjGufo/RthzzSdE2W20zcam/\r\nODDx7PKkjiGveBCOsEfSxwGujPAzAW76N3HIXFlPYthXdbzXgyHH9bGjdbVz\r\nve01N/V3n8evFMxZteCRTvW9BPVZhVotqvLKSnE/UK673Ww6hi/OqdCS1cHj\r\nJaU/kgu5cdUbEqGZ4ERvux0G/p9bYQL2XikBd6WSrJt70DWp7wK3msWURyAM\r\n2leAPmRjnlcXRoyPaE/02/613RIYkFlrI4o=\r\n=b+8E\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e7550e10d6a01c606a6dd78c58c4ee6e44c3f062","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.304a94e8b.0_1678394622464_0.30142913452752085","host":"s3://npm-registry-packages"}},"15.0.0-canary.6c265915c.0":{"name":"@material/animation","version":"15.0.0-canary.6c265915c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.6c265915c.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"aaa5696be73ff3806fb8477cec0281fbc5e0213d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.6c265915c.0.tgz","fileCount":25,"integrity":"sha512-Pcjt2WbPuLEbHnab/bNcM0v1IGo1nyATU7dIXvzNKfD28gJVWnFRuXUy6oXOFK6E2b0w7vR0/pT5ceSUHKYk6A==","signatures":[{"sig":"MEUCIEgaJ+9ffGI3aD6K2wiHaHsva81XGHwTt00ZDgHfQyRqAiEA1KCaohxoo4myQqlcEjQcgtMHKDr8TTF8ASAUokBQf9c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkClOdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrAuA//Qo+QCLB3lOjge13wxu3WtsPY7Wj12MRXDtBe8CSxVg1P6qIU\r\nfUUYThlYlVKbTdoi+HlErgL7oB1R7H73YhzmJrobqgBispoQBm1i/r5RxQQW\r\nxtSgJ26CKeE8JWfkHsQbJPckcV9rlyAUdzhXo34Prf4GG5v2yNIKhebICb4m\r\nCyaj0vohYV/tqSmmVDAPTYqLlKRmkzh0or4+9ZDoCiMgxCEQ+CFJXg1r74ZI\r\nXTsJ7/JPhc3eU8BcnmiqtWcvyGYBfDhEKwEz69FadRKOWUfvekTyd60/+lKA\r\nIdjWjHx4XMygs8HFJSsJ7WmutI28ibLMoftYgLE9aePQrJH4lHTA8Ed+jVP4\r\nawJiUecg+I4xHiTfsMeP8LPkXRc5mdpfkWn/Tdl0NitJDgDv7dpNrto+nKUv\r\nJlCprloUbYe/db2CQzAC7WFOCUmLorGEmo8koKHPG8HkhUEYUoY/4gMMMykJ\r\nLEQAKIlL8rP061YIi5OzvB1ofN33xgvi+JXluMUEJ7Q5S6yUXBy4hXFqZ+bZ\r\ngZXkg0U+9BdPxSa8QXWFh/U6L1JYRkEDtQo213kLYhns1MBTd0dUrDIfr+m1\r\nmApiZGGDo/lWy8oTQiAHeF5IMTGvBS2ITsgXpFctDYMTHZ1sn8RaK7FZHtbs\r\nYO8nVSt41ubGFAHxxAGGwY0Jeag+lh7DFAM=\r\n=+WUC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2226d2e658d88eace91ac63729977eb6bd7a9af9","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.6c265915c.0_1678398364761_0.3763514394345264","host":"s3://npm-registry-packages"}},"15.0.0-canary.de5224633.0":{"name":"@material/animation","version":"15.0.0-canary.de5224633.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.de5224633.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"11ce39e68f6adb037c25dd9c2762354ac6cfcaf2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.de5224633.0.tgz","fileCount":25,"integrity":"sha512-R9jigC0vVs8dorUPLwqxPiTlGMjPSEFRt8JoOG80rFaWahOIWZKwyUmQOVs1VFHEJYYwIxocE4GmNr+h8rxW/w==","signatures":[{"sig":"MEUCIQC+v6AcMY5vp1B1f/JPFX952YSYOavpcD4+7BjAf5mVuQIgO2itZI0Iw/xAKzstmYTqSf634RkhXxKc1sBzERr2V5A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCnG6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrkoA/+PAcpuMJ9YDfR1aElMsyMWGAB9GJtKa6Lz2ZX/eoJnCxSZASc\r\npUO8yXz96CiF7IddHZvY9FGvvoBWuwnnQZC/4tVnFaER3GHhSYXl5dMiCqLE\r\nZvRdvOj3lYbrDKO5CHfBbAFg2gGoHH3IvHxiqElvWlzWx7kRIJG0grOj4L8b\r\n3itkK0FyA3FIJIOgN4rCoEZPb2MzC0X6l6s+8O+xGffDhfGENEnYoiiAD++M\r\nlyyVM/OBSO5c4OFniDsuk/c05ZqTek6h/kzs4V8PdbH3Sk820ZHkzP0t+qb0\r\npuMmYA9q+cJFoCs3qO8d28ac+sLe0zP8EcVE45GPUUo8IE2thXwVc3ti7ll4\r\n99Zd54DzXkB02QFfXW6+NhlHtxAmbH0u3F+9DT4+BVv2jnWwnRSY6UHn7Edp\r\nhtrnPuBCcMshqEwcQ7HM2tlVjHxTKeOCn5vJLIyiLPyrtNw1+5dSCAEOnJgc\r\ns5fFw/+mwpC7kKQooiuXBv9IFlacIy/0lZkN0aG80g8lo9q1o4aYDMUjJgfU\r\n+NZ8Hv6aKDJ/tafsjzlZkGb9dQqBsI8FY4kL39s+TVJ9vKIbKGzQWn1Hjdnm\r\ntVAtYMa6gz8fI8Ic7d7oSU56XUaBLFoevzysbkZBlFNlEy2ZsEjf3F1Q/m3w\r\nMpItQjM3CAdo9sNpwX0Nx+sXFkD5ULV+Pws=\r\n=90Px\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"994c620135276cf7948cc54b286c6c306c3ac01b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.de5224633.0_1678406073934_0.40503382995407544","host":"s3://npm-registry-packages"}},"15.0.0-canary.8879557e6.0":{"name":"@material/animation","version":"15.0.0-canary.8879557e6.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.8879557e6.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1059e10cb91b7ae74cd3f191f9143f05d0483d21","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.8879557e6.0.tgz","fileCount":25,"integrity":"sha512-FOhhi1xBIhVECGaDe0iMMxpxBjsnR590XZlj+C7++g6exRW8F7ZKotxaXRmO13CBIbtgmXbd7Cubg7QB4oeaKg==","signatures":[{"sig":"MEYCIQDp9VUaOhYlyMTvPFCADylAOPkK310Uu3lf5wcHfAof5wIhAIJatrjRbmYoOMdmVYHHOb9pB9HTezSMUW/ax9LuVdNo","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCzluACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq7Yw/+JUlXKyoSpt+sY8iVjEwUWLCoCVEr/2JMmjK/bdnOTO52zaK1\r\nfRaRReuz1CmKm8nfJkv4W1fa1J/+b3C7fbGTWHPg93TYWvnU1hVXF7dEJphv\r\nQGmktt70lawq+liSN5hSSbs98eJXaho3Iny2V1/d96YRW4JP5ZDzHlOxV3UW\r\nt3Zrmfhc8ZMJmSX0lV3TIjhryjPPkIThZ3McJf/Qo6fiwAB3d5QKuZlaRlz6\r\nEmZFwIq53OAbOH7ZW1QUdZxh0hDQoQKUISU6TXKz1p7cW7dZp9UgWusrFu/h\r\ntY2i5r+8fQfGkIK5nXFMhhyg9VmFHi8I5o0YYsXkP0Q47PGYu50Zs6eRQsu6\r\nvndoM6h3GWAFjoVodOlLr1yFnZRTdAfWrBZ1d5Z/p94mM6qwQj2ZOf/4XsKb\r\nmrQ+rKUaqgXE5+QtpU9FP/ydQ7Y2bk43DPETPvSBqlbrpGJk8/5T7Thh3uxE\r\nZTU4gcZ8dvkj9iLSONUxTnl6EYayatv4ix4WUv+0KXLLpDjjAVsATLm00bkV\r\n7w5AigqL058ygX1ZkEFod5Js6EZMq5xPeqFjetTQDZbXkvF7Kl/0CQm9AeLg\r\n0HZqJD+8t6SmqnyMtJp7AEJ4TyAt9S1DD5ZXhhWzDeSq+frVEo045fNM8Dc2\r\njoPmlEjpTRrXV4EwOqixXx4SZCDpqWKQaBQ=\r\n=H0Ih\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"28f7c223e2bb4a686b970a425d14b1d1edd70546","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.8879557e6.0_1678457198669_0.548024745854607","host":"s3://npm-registry-packages"}},"15.0.0-canary.23073a303.0":{"name":"@material/animation","version":"15.0.0-canary.23073a303.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.23073a303.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1fe5b36dc9a6eb88afef247f2421d8d540ca6490","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.23073a303.0.tgz","fileCount":25,"integrity":"sha512-vIbfQWUjLm24T0O6jgzmXZhVbOKefZUefBB8nLeP1iZcJdKBp9+SHDCZHVdY7HIKCF9XhJdLQB7IjPu5zGYjXQ==","signatures":[{"sig":"MEYCIQCL4u4sbycRKYWXIWqILXVSh1t/rru9Zv4oI5E2lEPjNAIhAMMiRPJ78YgESEVmCQ5IC07qSE2mc2+ov1D6tcrhrD2a","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCzsIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp2og//Ug2kK85TaRJwjSAKvVQxh/rLiM5ssbydqpVNrMI5mHmEbkab\r\nkY+PDPFSYEsf4nSHvnRV/fen3dyQ9j+hUetd8/sOAFulAc4LeAymJWh9yX5h\r\nl/WoUQbYIoYZG1fZN93Hen33vmAxKiqeoB29fgjsZiHl+TlgFd8nF7MvOfJJ\r\n4yjcXDh8mSQhqYTyXosaH99BN6YlIKBbM0TYe3UWO7JbKp8++D4Tn4QsjIpL\r\nZKIibk/PVh4F6ZdSv4L3ISoEpgkNAaLFyrMCxbU2CW4HlpFqEpQkfp2dc/zA\r\ntQ2BEGRq6bN5dhGPp3Ai21nOd5EGr1l1yyV0CaYHdygP09wiD+uxaWmaZfoe\r\nelBRbhfHURvdAf+elibM/zLs73NnmSH9cJUGZi7TvXU227usi9/Xbrmiowd1\r\nLQDmM0qrb4KDLy6SF0TQnA5fHwGLugoj2Y3QZmVXytEmKTYeRpI+uzwdYSWn\r\n/NtXk1IXzLRWqNKI6v5N8n2clXb/AiHQIVaV4mj12pMq+OygGT8AsMa5F3QJ\r\nOt83imUZUWWDU6mk/kJ3jLY4c8mdPpoDmGySoeEspNCTQ2R2RC1tJSycClxg\r\ni8QD7tZ+RfxA4deSEqnttnlWHPSahAJR+3FOTp1cgWVutChnGjqLFX6wr2tj\r\n54n2bProG5p7wjfBlOZXyS0Hpjiu1eji3J4=\r\n=6p6T\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2d7826e2ebf1c1fde12f47b603e66ec0df229a8f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.23073a303.0_1678457608417_0.5721326945211955","host":"s3://npm-registry-packages"}},"15.0.0-canary.51c7d4014.0":{"name":"@material/animation","version":"15.0.0-canary.51c7d4014.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.51c7d4014.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b7a625bab6a6bc210699581a8cfd9f2a9b068e6b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.51c7d4014.0.tgz","fileCount":25,"integrity":"sha512-2opGLNzWEkrlifS8XdhJGPU0qWh5K4giDPWpY8oKpFO+tDS0s6U2HD6kFWgvNjGKNnvxSps8je/FU4cqL3yE1A==","signatures":[{"sig":"MEQCIFbXW2caZ7TVnVkeM6dutC8WlQt0OnWgZZRKqdGvTbZ+AiAzQ3RXxXEHuIuiWFublE/OwsNpOCTEsRrLJJGIjGnEHw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkC17QACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo5dw/+I3b/hP4inRnH3Tr8CGNaGB5/cAjW2kPULPoRKhlKl9mvTktj\r\nnT/+iXgL9n0zjyfL9eykUrseQe9wCSsw9YshINcWQ3xdzhFp0XcpFhHhPXLw\r\nFQp7fhhTW7MwRIVMcZ9xm95u/IY78hntlepiqJJXqHFP5Q/S578sv8z47Am+\r\nvuQ449bWxSnWsGpP2/G5pFelLR1mrMavXfyTkYv+iL70rlvLaIYl7s/xYgql\r\nIAhE14KalZY4sdkGZP6YzaG/FX9kY1Cd0p89KmaeP3ZuGLCs5US9dQ5k8feq\r\nZnE2eWGCEEjL7vEUT3S5bqDgKHrPtDK9gPNRVNNCH7C4lZlJ3Y7ddBZhrUq4\r\nSfCkLsPgoH9VeR+46j93rqudzHiWB5hYE+QwX3UOTkYdVLTCINBqNVB19m8J\r\nQvAIfu8Z5iMOqV9sgnHUIY3WphMuNVlZTltZnabrsQPZajQKHEu4ESrHnffv\r\n8JjB7z0idmI5Wi3jf9n9xgV1huDwO1rwUShWGro9ejc4PuV+pzTAXnC4F02e\r\nGS7XRGEnYFA06oIChJCqJXrszOAfqG2qwC++FE+YVlTa7QDGuV2N7aYZZaWA\r\nX53Ah3Ys1PbT+BRAU2Ph+myJknxlx5PUripOTEch8Ogtjc1GPLoMoSPqizFH\r\nEw5HZou0MpbY6x/PJFkWXcOQf77VrMKWb5w=\r\n=63jc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"0485e6059d69163f12d83408c09b1d41f6cb8dba","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.51c7d4014.0_1678466767824_0.8794778005625725","host":"s3://npm-registry-packages"}},"15.0.0-canary.1175a5be0.0":{"name":"@material/animation","version":"15.0.0-canary.1175a5be0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.1175a5be0.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2d03e204d1bf93e12aaa76a01c359278e5020a09","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.1175a5be0.0.tgz","fileCount":25,"integrity":"sha512-fKB7LbecHjvw3p8ag7DfW7rf/8r+1yAlKUu+INuDsu+OtB+qt8BzEXhEIG2Wun7XJcVqVT47m59PR1JH9KJopw==","signatures":[{"sig":"MEUCIQDQDnfe6Akhh1KH4idbrEM+4P7h5+46ettQQwMv/11B1QIgcndgv+jeLeycQZeOC5lXEOwEIAYv1rIQCULBFAmWZp4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkC5c5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmobuQ/+K4ADoGYkxWtyqcQArJzdBxoYvr7suVxN1ke/XYAntGUOxK3q\r\nMszyerfjk9buDGegeA9ZHnlmjw4jW10/Wswbn2FBVA6a2G6Acttw1vcxqn0o\r\nonA3jUsU2cS/8UULYS0ogvRKDqcBmsvANO7/tr8b70X3bAJHhWR2F2mof8bS\r\nefkK2DpHaxbV6xHjzYaaDhqRmapctqCNhx+XyZgxshW/w2KkSibZRk05AryE\r\nCcHiBK80TUavgMr870qJcLehoO7P5BxSJgnpljMkRfTDAvJvkytuEgSNxSSN\r\n/mwnKuaotp51iGWaaj9U43z398L8KfM/2Fu9N0dsucGKQMJNicTc35y1Rbem\r\noihStQQbWZss70iANXFgCq0JXtPSvZIHsQkOH3mHQLAMm2B9LnPLpao1XmU/\r\nlLTzqDfWc4ylFtVUOYI6OFDsarr0wRLit7vLmJ+eeC6jtdzeFkXKi5jzdxxJ\r\nnthmQ2jtXjRus/rMcpaxuKps1rqNmNINMwoBQgeufXF8deUgD18LOl8OaKxX\r\n9NoM5ueC6Z7uPGtYk1j+NCngIAuPRIRNZoAV2smNxCAHPXWf9nAtPUjMHGD0\r\nFpXPqdNyJZparwZcUp3pq9NZwWf18OUZaLeIGvxfysh+kdpfydeSg7Tr3ivV\r\nzpLJNfwq9dYmKsqT7VmSXeWvRxB0gRqRrms=\r\n=GIDX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"1fcae3e4ba7c60c6a51ee8e61b01e26a324b1ab2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.1175a5be0.0_1678481208918_0.7651852486539454","host":"s3://npm-registry-packages"}},"15.0.0-canary.7adf3af80.0":{"name":"@material/animation","version":"15.0.0-canary.7adf3af80.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.7adf3af80.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"db2e5cdea878c55ea901ad02c23780da6e6e788c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.7adf3af80.0.tgz","fileCount":25,"integrity":"sha512-qhGeGTzdeZoK5WWiz1TAetrbs5IxMu96dRnhSihGIbBPgJbpmJBuHWGjy5sxtH22ZvCrn+ttPC1wi+6LVrm3Bw==","signatures":[{"sig":"MEYCIQDlrUG9QpM79mBFOA9ADjQ7xI9w8HzF98j3FewOEemIeQIhAIdE7hn5tMkpkHwq3rwol7yK1yLYfxHsAAxQyj1DwLBF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkC9gcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoebg//ftNzaGzdw4egjAz5cmHVsIXsTqz0Oquwt2p6gU40Q78dQE9s\r\nlyoQhHjDEz5juuPTtALNcRKqyPPjlEkErMRrtiw/eCdB9bzuTSWqqYP86txO\r\nIkBDj1+u5H9LHNY7bkGhd5pQS/UakzE5VK4GdLelrINdpZMyRiS+pc4YWRaF\r\nVSvUv8iieVOtzT/Lo0Fbs4j9uevwEU7esG6NECRVKGbe6Utu1wWxjYPYlvmb\r\n+mgeNIgabsXwL+Ie4OuTm23W+bqBfr4ADu7RqtMCJd+8hgxJ96A5/lZgcrUg\r\nymmaykIJOyIVpQ39yxWqdbMx0mvgp/ei4NOKR/lb6cwjynwV5/05tFBFj7Nx\r\nmzhM9ev/N1dhZQFQ4HTZktwhvyaf1jgfUaH1wmUSkLMWzf0UPFoFGrxy1+H5\r\ny5hi0QWSHXH7rL2k8aU1eh3wNWzJZ1n0grWtKkZJbw3H1UKTzJslr0hDlIKC\r\n1vwSGxAcXSEtrL/RUaPYX7O2o4/TW0iO4nevZ+SO59sPRzDHispkzOczos9X\r\nZuwX/BsQYB3IyeyLt6HpQ6liAJZGyVPaPw12SS3QMY2FAUsTHMi6qlZetT7B\r\nySfSboKuKOVF3H6qoh67cPR72dPPkOR9VGrz26RG4yGELHOsgRLAcU+Wheef\r\neUHd8RuLoLgSCjZF434SE9dGnCw96eZoTs4=\r\n=n0Fd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"57b0835838a903c8ac3ba6c8edf79add958481d7","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.7adf3af80.0_1678497820564_0.6956797332699889","host":"s3://npm-registry-packages"}},"15.0.0-canary.82554d770.0":{"name":"@material/animation","version":"15.0.0-canary.82554d770.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.82554d770.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ec0b2acc347152a18cc4690b34244c7dfe182547","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.82554d770.0.tgz","fileCount":25,"integrity":"sha512-rNw61EhX0HZtR/fwvNY65HPrVJkDlciVNuafmbYCPZva0f6NXcgJR9OH3xyWTdKYDWYs7a6Ktq/pW0JoLgmA8Q==","signatures":[{"sig":"MEYCIQDcSPvU004O6r8W+D0gamqXBE6UkY2EY1t2lZVifKHMRgIhAJEXRRLsDLsvTUPTCsMwaN3FqkW6PipcdlU+8pQJpIkA","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkC9sDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp4Ow/9E5ssdhK5/ABCJg121Jl/NXRRwylSBUoqz8EmkKbaV1cmtrTO\r\n5tyJASDrJ97zJBn4D/i/3Bmx15+FyYJN8w6peWk4vSpDom1YfcynibPtKuXA\r\ngvR/tjyLlQQPq8JgJcbmEHWfE92WfVndCXMt5cwq0Y5XjSsghkoko489JNa0\r\n7obmxLxY+J4fnej9CwTkVIEmAVmr9VQXEM9AZWGegIx3zGlsHzOtcwR/UOVw\r\nIiZcE+OLJVxrHdRCf6uin5qwRDBn+mqkpWzE5iKiO4rav0gYp2K0fUmzlfHZ\r\n/PIAbmKLudYiwqe92pjxh7S/fkn+Zq/bWcdV/efEjI+dLZikDohLOviqpg+h\r\nLrgFiDGEpUXkPikIkrWl1wywGo+r8jCzYZpQvSX+AIWmSaFEuX7eVKBQg395\r\ntPz7bjgWPMDwjFuKlqJx9aK5YkG5Mjwi+4yA2J7Wq34t3hFSu5Pq1PlLNpnO\r\n0oHeYdVMl4XG5EKuPg4xfy+j4q7JFf1Hi6yQBXszaY10LccWMw9sZvqrozVp\r\npvTBiwPVl+hYBD5s/zwj3QeOsJZpaH/i7L8JImPb0L/xsBt0LHuCN9HpOMw4\r\nQl4lNLV9v29QmitoNz4ifr6BP6UipLv+eE3fzCdj0jmxFX93PsDPKTjnffwJ\r\nsa3coIzGOuSl/pYhj1bJW4z/4aIAGW9LJgg=\r\n=R+bH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"500cec655918e97ee1edc3c86ebccdac24a28f56","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.82554d770.0_1678498563202_0.9335273895647411","host":"s3://npm-registry-packages"}},"15.0.0-canary.93fc524b7.0":{"name":"@material/animation","version":"15.0.0-canary.93fc524b7.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.93fc524b7.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cd708be0c1768741eb8f5bec261acb83c55b6089","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.93fc524b7.0.tgz","fileCount":25,"integrity":"sha512-VmfrzrJPFw4aKAEEzzhWOOPUHWQwi1GCf0uUPW1Y0FqbEgtoeTHSvCUPZGb3JXKEHz41dx/GQQOG74DPN2kbwA==","signatures":[{"sig":"MEUCID+M1l5AoHWar3tZtzFR1oxEpdIRvbkWYQc02tZSxRPRAiEA8+VM+7Yiq1+/QM/Gzzihfg3p4fVv+42h5Pkzcq459DY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkDuCzACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp6Sg//duIF39YpjsJ+fpqom7ArIMiIHh8JGVjy1nTkc1hgJvpaysN3\r\niApsFCXotkiMs3swHvxSjjwhYz13X3bDK6ouy2VxI98s1b8n62SclawGol/v\r\nTWMvKCekJzbwxJ/z2NQ00+F3H/vs2uHgT1KdM4ZyFjQF4c+kych92xPe3jV6\r\nLUM7lz2kcDV/HVuoFs2Q7bbSPgvxDBZj3YdOdodMjD+bSySI1jWvY4sIMHm2\r\nCJxCrUfN1RRmqqS6+uyaEgohZpj8yni31gTnZgIbzJIVsK+K/SVOxz3SysxW\r\nYFMUp416oHuIjtq7U49r0P1PHyiIG6rKutIcT9mgkKaKh0/jnUQMf8pIye3C\r\nC5Zs97QHQI86EVTV5RlorlpxB2ejyIiEqhVnyTqU6luOW1qzTQVqB9txw1ep\r\nWDW2O/y/P45YK24MRU8kzXn/7mWBbYCIVpRQWoYhLTaLHXzSRBVOzeXSdkHw\r\npzVC9KEpV5NvZwGYxNJXNU1DYWlGVeQol0XPMKAmVXXnO3HL4HFyGbzkhEJB\r\nGrf9tw79mg93aDVAx8o1xZf/bbiDyOUYsc544dNWF7zmNkbk/nkFnKNMeUSK\r\npEsnCQ3a8X12flOX6XsAy88akmeClmDtWB+mvgPmhjNWmz3op4zGKSALrKx4\r\n6uLWBkQdR2P0eS8euzAxZc/P2ImBMKojzEQ=\r\n=bldJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"338daa93529c874da1af6eeb4fafb935e014e096","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.93fc524b7.0_1678696627658_0.6441327350516486","host":"s3://npm-registry-packages"}},"15.0.0-canary.50be0fbae.0":{"name":"@material/animation","version":"15.0.0-canary.50be0fbae.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.50be0fbae.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3568fcc3404e666cc347c6f6acd68a9acbb030a6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.50be0fbae.0.tgz","fileCount":25,"integrity":"sha512-62Is0ajW98gkKfTw7y2y5F7h/erJzqZumMr+co5Kg+++hHz4bmJBkjsp/pOYfsbWGEv7iUzZHZkXHs8P0mH/hw==","signatures":[{"sig":"MEUCIQDlhbfNML2xk0/jrYbOO9boVPd3DbaIH/ixftNtnQ9SigIgJ5R35geVxsDGvoP/0Rhrwpn28/kc7WKhQKCZ2DgeFbU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkD2CeACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrqXQ//fgd2634uO5Zc3c9gwv0dxqQueC3fyrg2Q0Ep7+79SvkKuuAa\r\nqu+iu+9fTixcRRBxAUUd3Qe8MWTKpzerVmzPyeIAIAHJT9ONGjen6AuGcYQP\r\nKwsyjzfvcc3j/hyiBKcVQuwR86HEcMkZaAduvWfdnZh0hf3+oVhuUuuRrbI/\r\nvce3Etn8Q4uxYd86FVCzp+n5qG6/mxk0y1m3N80RFswMDU75oK/kVc7QczpB\r\n6QNaMk63Q7bnjtVT8gFvzLns3EpwC02Wn6EKw37jUpEW0/TrEDFS+04wqoNb\r\nTGBjbDNBEzU+qLRqEhY7lrkqbi5qNr/1Ch3SqmBzNIanBA6o/ohqY6sZjS69\r\nNXU94z1VLzoyIRfq+N/krb0du9mRj+iXlR70+394Ji4CEtLVjwrMtw/CGiaa\r\nRxD/QBV7H1CCuNm3OLAXULjE8O4RPi9inCwm/UHej6A9n/x9My56+AZaqUsA\r\nQByxAQR6dsf2k5T60BlJjESWJgHBtLrmxzbFunb09Z36rE/VnQ/Ms69zF48o\r\naBZxzWa5/8BmT7dxhww7q0CFmr/n435Hh0dQEJgPCYAtO/uFCTjmTBMZ2Mtn\r\nT/a8jw697f6OAiRc9h+Qnz6kcjYtOGIEcJjr8N4Ou/4kzyltgfkqL3fAwEmt\r\nxU3/67pqBu3Bi9OObMmKhkqGe2Ay/04sKbQ=\r\n=wJmp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"405d98c2882461cee8d47ab1b16a4666ccf7129c","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.50be0fbae.0_1678729374024_0.8759681880216728","host":"s3://npm-registry-packages"}},"15.0.0-canary.6b5ffccd9.0":{"name":"@material/animation","version":"15.0.0-canary.6b5ffccd9.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.6b5ffccd9.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"be79b6d4102684a06e9fc0155dfec0feb3226ddc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.6b5ffccd9.0.tgz","fileCount":25,"integrity":"sha512-m/W0VIn6xcIbBwJ7fBXDnjylNIOlarpjCkkbwY+4fDCCbviwpvg33Y26HCo+zp/ZaG6wwO2vFB00XQQLAkpIkQ==","signatures":[{"sig":"MEUCIH+yPKaRIrWsnmGldbPy+kvup0e2VBb0zkg0flAThhPvAiEAtTe0l5eKXIcbZDbPvfSlRzBEOsaKK1NfyShK/SXRFeU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkD2FjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmonUw//aH/rIuB2etztL1vo86B8GhJ3zd3QZH5G6I4RTz1Ejvwoy6z/\r\ngUncigcwjdDU+ZNNFeAJg3HUpsRVDqmIiDLx+A3YaIcPU4mWJmjubfwNAA/Y\r\ngSDVnYBvZzwb4jqpfp7n9kJfYgzUNfCwLQWCnPUricR8iGp51bE8MhKjJT6l\r\n5T8Ws11UIbdL9fX0+lotfpS+q87m5xexE2FAGLXkTargjnIx8pHzZwP5E3OB\r\n9myeSei2mienRwyI79A4bWu/jWQbugonTMjxpiz8bhb2qZ2ijT04cbmlS2YJ\r\nyzOILlaPGY6g8n8vv2vJEhTBNeukHhqyn2D1rzcG/IV90TYF73LGu+qGTrVy\r\nf3l81P5jeNhCj6q6Y5pPl8a0ZaHl2KWYZWhlRU+T3RzzI6rKXgFT7CgAMMAb\r\niUQEKjaZQSBfspFIHHqGNRd3rAqhw0ttI/0WLMgJGuZdzu/0S/euGZnfzQ5w\r\ndLBWuKrUvYpxnFSP07fVDaLQXbXevPGMNcrv7zU6zP+jffphNxd1jnq3dfQN\r\nfM5S0S5sqBOs+BrLDAd7iw1auqDTiNTE/kAWP9naznzGGaOewt929qdiNPq4\r\n31g66oiRtgWIzGdfpw4dPA2iqjENqezDUfOpguu9IfhhvrpLE2vkO4ajpRaN\r\nCFbigHJKcI4mDCXqItIvm6xqhwf1oumgT5I=\r\n=FBPr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d30761453fd80caeae042d8999af672f9c3eaa28","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.6b5ffccd9.0_1678729571706_0.27172518407890855","host":"s3://npm-registry-packages"}},"15.0.0-canary.1c8013f4e.0":{"name":"@material/animation","version":"15.0.0-canary.1c8013f4e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.1c8013f4e.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c9dd3fd7631c6a48491cc5b062c9f7e030401b92","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.1c8013f4e.0.tgz","fileCount":25,"integrity":"sha512-xUIyqVkQW+tSZUfXHARYNrkRCzm/T3lfuXsa5pzJDEXKWfUvqJi7QN2wzo19PwT0xl04w2ve5i29uFkDWUrDlQ==","signatures":[{"sig":"MEUCIQC7JCEPAEMrYYljqI0F2FY6UDuaAFuT/Iu5gFULv9OdYAIgWxmFUYZrOt1/h49drV0z5JtzSECzzM2OmtjgNJODuOo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkD2SkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrFSw//a7EHKl2VnAWVg22UC8n53Y+1DziQIB+BMjGqWVhTNy+ZFRL5\r\nI/xm7lpKQoHsjLDZthpczMprl79lW7qSgcgxMUIg6TM5E53EE8Kesms1b5wP\r\nRrEF8FoCa3QAz1L+MKLnzkMTPeDmxda/FnmtoE+0n99T+W4oKapiL1dRcUED\r\n4ungB3wWRgDgMK03hhlGKECEyFVm+9cw6jcPj9TwIPwOHBGBcJhMm+CD3IuI\r\ntio8NQPsGS5qjw4zJCn7qjMtwngBbP9R0at0SIl2DcEtlOl0U5QlCkTIRljl\r\n8cYeOtnhYG7PVnXi1mOLERdiLB9QS92PS8dGzLvwwVQqV1sV5GIu+OM4uMWx\r\n/YAl6JnYdlHBkQIRd63POmuth4TzCDeLGJHdtyyvAhczJPsqO1iwyUemi3/y\r\nSxQBRWkNIjAPiKJjZqkMNfM1D28wrytNyy/b9ROBI4WtJBfmwQfmP2EO2q0o\r\nMT+rLVyMk1PDRx0aAg/8F5kkRwzEQW2lr33YCCLYl5jg08udZlETzWBrm9VG\r\nFQkoN4tBrloAERvNRIRHF0Pd3mz80+eVzi1rckJyl7FttWbRvE8GwtRlQmM8\r\nBVg52N811wy0AIdCrZv1wBKH27n6eHu5f16zkkZitqzrlc9OSdA4wonJifJS\r\nVbAfeMzj2isjQXOEoBUmxGYntOK9x+KCxL8=\r\n=tSKG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ce86f06ff0c2637e8cfa4965aa614efa6bb86046","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.1c8013f4e.0_1678730404220_0.5303097123326768","host":"s3://npm-registry-packages"}},"15.0.0-canary.112715df5.0":{"name":"@material/animation","version":"15.0.0-canary.112715df5.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.112715df5.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f8f38a671d190e5ee8efe803b78ee35ac51fe99e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.112715df5.0.tgz","fileCount":25,"integrity":"sha512-OCe24qMuFngx4T9oDolZhTe5ZGOhP2Ix9w7UOMdNDwtTc0dETkGW5ADUeOBPpNfit68RuZTlDgSLSSueKsA9Jw==","signatures":[{"sig":"MEQCIH54QP+Utb11+UqVsZlHR8hH8HSgoJB/1zch/tne7BYNAiAITtF5eSnpyvefRu1vHix+VsV5NHLQWyAIzDUhO9K27w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkD22AACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoZTA/+Me/oPvfVv6MSn/VkvzWJDybChRDDrzuHC686gxLEQEbf2Pl9\r\nBYp0hxBGaHQ87f4GaPEmyghP//jskZUs2rEUavxDToR+tisQDKJKDIOwkkUk\r\n5nhiSRSUnCPROiUR24EysOLruqFYVU3mQlnNlVZ+8DHsBiKkUaGa/DnYdi8t\r\n2geVpQXEL1T6hM2hOGdan/GRO5gnPljd2oW//mPluBSW9OMF2Vnpw5ex5I29\r\nWYSkDKiAK5/z4NuEwIsa3dh5AYaYjwtuLJA5TS1v3/etMd8JiVdi8M8s6TT5\r\nnmkultkhrJfsxEGx7Hsho3XZSkmuskW8IVYmNSOdHAnAD2eSoYYu2vYAwxiI\r\nbkSEwzdvBxuQaBX9dwJUprEVKdB0qLUaIyWj0i5XKK5U4Z5J4oVg1uOswReb\r\nljSICmoxs/l5Jdk5b+lhoYJdT9BdsOumTF9uUm/VVjUlPvfeVMgSczWARoz/\r\nYHl+pKyIRAmbdXASO/jFUqxLXcbO8tFjGu1qX7SjMfwDbzHrUqizBbkI4jyy\r\nTV/2WubQJhMGbmrU2SWIpYJOktJSQkr9zNzKZ1q9uhGgP8BBvOu0R39OJwKn\r\n08jkeFaM3VUhH0PueNcdL1Way3lJstcYGfoREurJ4291SnGl50KE257DhbQy\r\nAS+ELuD2Kd2QtxijB26eca25y7AkdEpFVps=\r\n=5z9S\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"3894873450b9dff1b92031fcd1d00ed1ec3ba9ce","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.112715df5.0_1678732671916_0.03545689969603294","host":"s3://npm-registry-packages"}},"15.0.0-canary.d250911f2.0":{"name":"@material/animation","version":"15.0.0-canary.d250911f2.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.d250911f2.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"948fc7dba9fe333f694e072a64b95c75efefd1e3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.d250911f2.0.tgz","fileCount":25,"integrity":"sha512-wqQxPkq2Pz2kkA0Khu25XwffGzEpJ0WaGxSICh0Osi9+aXsTD9NGsoXwjycfvUv+zuDtq9Jb5ItAQtDwcHNM0g==","signatures":[{"sig":"MEUCIFtVyYDM7IydkIUz0hyV5XJIH2CFJJmq4NZC2subqjPPAiEAwoKAlgocuhRLaBw6EJlbGLBUeVt5lQD/mnkfOB1IDKc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkD3m7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpo3w//V6U7I0comH5/mEFNwQCnaywr55h2qjLc3ddpCdCBKfhNoI+h\r\n1ArYdOVZYevKRD9Jir+6jcIlr5LRUpYh1pxTcBKtWOKa9LtoLHYwUNsu9Ejd\r\npSqAHYZZ3TOE6iK1hpC7vaHGZ70feeDPKtP6vjV/TH/aJpujsYtwrPL1zQi/\r\nx1IoPMlr4D8xOxOazkvaxG3NHwLP6hb9JPJmmCPO332tKqgrQbCZtpLM37Qn\r\n/nOe//DJXx30FnnmcMTyKNPB5aYkablYXTofGLoppzeGerl2GpZ+PowP3pim\r\ncF31gPTNcuIizsdizgEVcogLM6UBhZM4m/Z5WuVBxQpmLGkHUjknCS9FWOMK\r\nXsvUYQXmitdaUxnfbr1UfkxBLEz774Z507W9Pqsc3J7yW/GCQXpoHQBSnf6P\r\nQ+y0zf8r8mOBXVvPBjNAOOGPXzBgQVhnPgzTiov77bN2JWBsAZF2LgrMB3QT\r\nj69sE5zFSXeHwQFmGksqbD8BIOclJXNdZUweRHsPBhjDOQOGaWES9m1IvGv7\r\n3/BrfH9VmuF/+rnxsrogi1y0Irb6COwV050YsgyOZ3hs0uaOvr7uMAriuNl4\r\nZEgd40Gny20sybJCn/ALwc3bmYH4VlOsFZMli1IEJTnSudkvksDAw+Bvs9/w\r\n89v+4K6Pevc/LONaSjED8Msj5MtQAXR5Zog=\r\n=tX5U\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7b4ac246b31922fb4beb9ed168dba262e499c271","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.d250911f2.0_1678735802749_0.21986894858239014","host":"s3://npm-registry-packages"}},"15.0.0-canary.7cd925c12.0":{"name":"@material/animation","version":"15.0.0-canary.7cd925c12.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.7cd925c12.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3380f25d48085216d83d2ff6bc4cd60dfd4fcafe","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.7cd925c12.0.tgz","fileCount":25,"integrity":"sha512-4ZwcPegVJNbLnTfxo2LueZbKZECK296Jkiab5VKX9lC8ot4qiklV9UfxTIwVXpv7T3oNPE/x+p2DulPh2+Dvgg==","signatures":[{"sig":"MEYCIQDRYqtSa9gc6Hlv8WZ6tSttML8Cwfu4Qm0t68t+q7yftgIhAPUBQSVmJ+1B/nJJ1cf3olLH9p45pTHW4l7Z6KaHTJbq","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkD3uDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmodKhAAo6rcjzho+f+EV82ejzb7nv89g/BXKWr9/iq4MrxrZhEjIlTH\r\n9L9TwrPqnZP7ZAI2C3qsL+01Nhe4nolfbOvqkVayt8z08hc2+DghAqCggUro\r\n24oVJnKVNLFl1nMfmDoImKnaM9N+SbRtFQ3ETn6B9Sjal2qmgLI/6Tk/U5+I\r\nYWBwvzq1h7jZ9xfIygqK7zNoG5MSrXej4l8Faem4BGFxbz9prvQ3er909UWJ\r\nPhF4wbSso0DBGb91zzVp3JK/QQJWSSOaQJQA+pjnKmxsXdkoB3J9wPZNiYrZ\r\na+wyMOGOO72wvstZUqTVWwVhXiKKOnmYlJtDNNtEWkJIxFRo+xzN+fHfY0JV\r\nYEX3B+Yokg9pUUx/ZFBFipxEQb3oCF1kea8UP/N5FTep+cYmCMWy1oNQR6TX\r\nIOOcFu2SYyUXsoJ0VhA/O3mtkVInYrrXS09Tf0iuVwgbFLlO0NN9IybqmtG6\r\nJNXc8sCTf9IYJ14FKXLTD0oDP+IxtXx2nUJ5Evpsl0OccexCMJnHTpR+k4V8\r\n3O0FN1lMsrE7+JkeXIGUba6kkY+GLQ4034eSqZAcaFUADf6auaY2Rf6xbZT4\r\nz7EQ+/lHLbocDV3oOH5n4RUxQyA2L8DjTzO41a1l488BEImBNKfUTpPnxHKn\r\nvKhTjEBnSAo/ZI689UOEOiUhlI3PeG+0k/w=\r\n=s6xA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"96310a5c80e3e92695b6d6e2933e9b0c82e58a20","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.7cd925c12.0_1678736258910_0.30531000896990723","host":"s3://npm-registry-packages"}},"15.0.0-canary.b2ddacf73.0":{"name":"@material/animation","version":"15.0.0-canary.b2ddacf73.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.b2ddacf73.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ca63e8452d6f8d628f9436be950e5df12e8cbda1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.b2ddacf73.0.tgz","fileCount":25,"integrity":"sha512-swBZkUUBUz1bMWlse6SPbXBAAWm2RR3Q4mkk0za5MI741WNwgt0wmXR5Eq7OTvfdBOly71Zr7aSh3ynyTgW4dw==","signatures":[{"sig":"MEYCIQDErqTwdMDlf1u6sFQtjnlCWzoBiM7SNLg/PJN+To01XAIhAJW8bRSSHXCI4Wh/Zfe/NW0KL9H++3x0iXNcGWU7p6aJ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkD3yIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpXXA//ZN8eZ7ghSQ8YaYE8dLHIqDzF1z4Oav4AYOzqnPcbVtXCs/6g\r\n6XSkzqflao07vfrPBwXO9YHToSq+FWlcv14Yw1UNsEd9Upv5cW4OihTR/xDi\r\nWmyEMrxLLvk7Nn2Aap4Ncce/FHHzYJRtEaPKDjn4Cc7mZhYbwh1Bh7GGOYTt\r\nyjKCaf8cm5EZ1ux2WNbCFMsk72oQr/4enf6ZpLJ71V5PWnOviKr0D/bIvkS5\r\nLLviaV8POiJ5rSNyIZl5TbJZj5vdcMYkzAJFRB2tm184DcQkuDM22vTXb5J+\r\naEjXn+xqIkyKNmqxbLwPF1Jjb0MBVWcrmTNJDh0HbXvqqYohdQhIWyofsEnX\r\neqRnjlzY6Quhs73elJvED8vJkU9h7Mwdjl5rkn3bVJn0dLa36M0VnjIgcXKA\r\nsYtRsxJoEwq7w0KqzahaA5cgpRQKaliTiwaA9Dcnh6yzVxVMKE3aXRwMTMNR\r\nvD1xF4PleG0qx2FKF0FrlC//UksHTZ8ZjAIwhJ1sm5yvi4BqLfizCGeMlJkO\r\nsvKqwFu79zE8ouISSzlEg0v4jl1ON2efcZTsQWqeLc2b/nIJxo0wfsYPp/wv\r\nDpOCO3+R8DsBVP0m9z78s6zMJSNwl8D+hBmvzP9/HN5XfdGIZ56FBm/OKudO\r\nxLdIAhuZ5+ZkMv/mJYWk52dy2I29z5HOblA=\r\n=aBFh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"860a6f0b439760b894931fa6cb354412764bd21f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.b2ddacf73.0_1678736520573_0.5233589481511289","host":"s3://npm-registry-packages"}},"15.0.0-canary.989ae2ecc.0":{"name":"@material/animation","version":"15.0.0-canary.989ae2ecc.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.989ae2ecc.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5a335c0f39ec697c301c4dba20056eacb98d5ea6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.989ae2ecc.0.tgz","fileCount":25,"integrity":"sha512-SboWy4cyc+xTMJXgLBvnzdtBFzPwBOLC8kOawKEBfRBUgLl04SkO4ZuVSUXjUf8vpsRjWQ/8bhS0tf2A1hAtKg==","signatures":[{"sig":"MEUCIHVaTHG/WOAh9fbA7eTgBCr3ibbIy/dE786kKh3RZxsLAiEAr6reEBZumC9LBzgW7ObITgLeJiz8e5QroBQXuznlVEg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkD364ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpedg/+MmdZbE5G0iu5Vwrzn/8sFuqpvv88YYzuvsXPPEgY+GYJVQ9K\r\nYxcqaQSOtvCz8XInatYh5EH5TLq/eOI1gzocIursBmD8nhZWHocGEdS23gUv\r\ni6xoulz5Ew9q5VrfByFjhRBS5itS5R470evpVq0tRdHUDrvXi9rqdbGy9dvD\r\nh1KK2T3iOwfB6lk3XmBg6xcrA28mTEd6pkBu7woeC0mkFxKEZwuswL/6k3aw\r\nWGZ1SF6SEw1yL06Od85yHEFbl393Ex1bCddmNuEEZFgCnc2Uw2lqRCc5kxCt\r\nBm22CrU0y/Dk8Wa4Worg/ATYpTXzUkmg6tyvrBHMn+CyDSP0jOD2noKyoaq3\r\nS6vmcznweRGGxOPTGoV1hZ0l5uAKr1BvFfhYbn3ZvMS7vkFOuGIUQQakPvcB\r\nI+gcNGeig7T8EbtsB/PNIQtkJzQtGHnUtDZbydIBYrCxT8l3oREfQ/PRMkc1\r\n1nPa81m/ZWnMMfK7bKls8EI7QKCfUaEazUddjAfkCu7Ed884QrQ4KkP8sZPX\r\n9zXb1bmgVeX0r5/fwi6ZfjgHVWDqKqMSO67u38X0E4fP9T67CKx9wyX5ceD6\r\nv2BCjO2fJBNVwGfrsqIJaMDL6qesSsDnezaSrxARc5zPbIkxykt5sGZTMf2Q\r\nOie4b+nQHdNTipCJc0XIOG63KYPUd/nO6QE=\r\n=NomO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"52e0f05ff74ddff1d986b27e08df13644c056b63","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.989ae2ecc.0_1678737080012_0.09358544579522032","host":"s3://npm-registry-packages"}},"15.0.0-canary.89c66483a.0":{"name":"@material/animation","version":"15.0.0-canary.89c66483a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.89c66483a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9301e0df35f1b403ba7fb04f927bfc33d0098c1a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.89c66483a.0.tgz","fileCount":25,"integrity":"sha512-m5DdNHRQLg2vM4eoS3gLRUfq//QEenfgTi8S2A8PUICC2fET5L2u8QFW0QLv+4Ye4FUWxFSLn6drZ1LvGPuVKA==","signatures":[{"sig":"MEUCIQDJdnliBO06vcnEAEjtmqOpP/lxECZvJSjYaZc7icSQhQIgHJ8ibjtU6m1WzCX7t39oAlTxXcHvUpt2+PWPMEop8QI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkD4RHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpE5g//SN+plVVbJazVbGnjYpY0wdqVvRJzvNRf8mqBnIuWpe27ZcYm\r\n5imfd5ZmXdfef/ar1xEp/R3qnFyt8lhZ4o+KEnvvwZEWBQ32TV0V1GWC4v35\r\n9G7n+SuBMYkxR/+qoyp+ZwBmOfeTkiYMFn5q9mjw2m7AwU4AahFDrsVhg92W\r\n9NmoEMgiPbpnHGlF7p6tqYfVuCShrX861vWN+VKT5BS1vI0z6V1mjE5c07je\r\nmyeLZtQLqjBJLaJPy+kQn1eBSkxe2MnVAPYaHkgFnrt49f9zdtDpqIRRtr56\r\nM5sz/r99EsX4RDdDK6G1lkeEDVk7aE+YfuKth3xRiMsE5dqS+ZMxk7Fw7e/W\r\n9Ec8Ih3PO4FvvhqsgYkZ20Gpx+kEoW2SBzQRh7APDfki0IQPogz4EqYDQtT4\r\nB1xM7Xy5D7E1q3n6e1Xy5y3xXKoInjoMa64Beft29tZ+5hUpWTnm8OeL78RY\r\nxPZrTNXMVQRtXkuZpMR3Ci58I80t1Bz+eTmxZLXyabLE43a7UG52Sh9fT4Mt\r\nFfOUb9MQyKu6nE40yKAvqL6TrNUo2QkPDoTKGkV+chPPRtHZMeK104VSjxol\r\n1Wey9Qk4avRu+W7lcuVgb0zzc1A7UTeI5qoFXuaPVJMdQ/Io7t9ETEWvDNr+\r\nZ4EFg7seNLtkw3ohCJVr5xj0h+vmOc/79YQ=\r\n=MRgE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"1e255ddead4716271020e03e9b0b302eacbc4153","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.89c66483a.0_1678738502883_0.41580223862305665","host":"s3://npm-registry-packages"}},"15.0.0-canary.6a85742c2.0":{"name":"@material/animation","version":"15.0.0-canary.6a85742c2.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.6a85742c2.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"145c751a0f69ad6e0acc87cea7fa4ee05548c2b6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.6a85742c2.0.tgz","fileCount":25,"integrity":"sha512-jqihtt4hJCd6MAqGpOplKH+pAcZwlpgk97hJpNcBpPbiqVFnBd4OP2Wpa/fKuMV7Wqy9L6Pgu315ygQdxWbQig==","signatures":[{"sig":"MEQCIGC0mejiRfumvVJik6Kmah7A3LV002n9QL/bK/NVsiqRAiAvc2HlmWDhvt+91EAYtUcqxemXYZIpe0+yfOuXx55Hrw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkD9/wACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoseA//eNcSIONtYyY9VbKdAi3VbGLhlQxAU8AukomWSEGSdTz1h1eP\r\nm/JCw560UmchpNCiMYoT7bLvidxflBWfQ4PatAN0Lo61xZaDOxXo/xPeOV/N\r\nERp7fXLVr5qti4vxgXQQgebWhGsN07n1GvoLwEvYBqfNBg0VI9eTdlBgaTzK\r\nkjGRwfIXig0F6AXDFDAp08aAflN0jKuj4m81/YJrehLb2iG3eEibU6VXshZt\r\n0W1QhEyO1W00vwG9c0AT1C/jYqKsFU05sDGYIngBov4zJqYyoGvDk6lws9jv\r\nQCiMJFV4u+j24CNOEzqmqTyA8yXo7Z/fnVaE5YeFqYMLUfQuIwwPFQRZUWhJ\r\nEk4FG8N2teg0vG8lr4e4NLG2vh4sTg43o+19VZOudAztfIVLrJtTpguJOhUS\r\n8VlmIdpm4d5Nc2qjGy2dzImM2K5XLxcyV2wMfcMF9KKhVL4RY66RkewRu5sy\r\n+kNeNviZAro/N7mSB1CuFt63W/EzNCj+14b+e1EhTrZGCwvFCl2IESA+5nA4\r\nz8dypVHpB3vWRVnWcpluYfqoPtMZ9l/CmLImRQ8qHkLc98MDKECx9HcYrx88\r\nXRB5lYdDmDM40lYBVCSP0AxSTDrVDLmHfrfSKfowswSTdCxHYzjly0taEyo5\r\nRR0uLUsPtalbPPPKb74ayKHHI11dsQDlvtc=\r\n=oIUG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a2a15aaa59054337e585758eb160d9cab97224a2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.6a85742c2.0_1678761968777_0.38190697585753774","host":"s3://npm-registry-packages"}},"15.0.0-canary.bb6cd78d5.0":{"name":"@material/animation","version":"15.0.0-canary.bb6cd78d5.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.bb6cd78d5.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"439919abcda77446437eaadf8a29344e89c855bb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.bb6cd78d5.0.tgz","fileCount":25,"integrity":"sha512-UYIJEQ3p9E4t9MtSo60U0opzaOdyV/IWzCke/S+AUFuT/a3tz1uWJpCYim37cgxv22gzoLkBO1ugVazh65uEMg==","signatures":[{"sig":"MEUCIHht5m22VbkLEKHrnHC1jz9MCpY4PmMwZNwsBgfkL8nAAiEAoZcH+yzKzOk3JNngZDcrKunzRVVaCzxQKYUmNj/ZsVA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkELm9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoQTRAAjoxsus8xIiVeEL/vnlKxjINOAkhiMvQq1xl9yZUdZb6AdT4z\r\nL3RDrEhwY68SqVhphp23XuRpqkFWNwcN5KgVtoScoVcsJbbBsKffvxKTweIG\r\nvsx1qdmRRhi4QGQhiTasTSDx/m3P5TqRcYRkFvOEv7n4I+kmQwI/u+BVGvc/\r\nURZEW8RIunGyE9tZJGqh8L0GklJ6Kupgr69jrjdPBl+8EqHl1OF/PTYOa+vC\r\npfxRDu/+uGKGxFlN7fh9gOuOgM5hU4Vm5MQeMigl0PX/LKQGk894X/W0KApO\r\nomXL1BNIJDYS3o2URjMBlHY4l/xilQ/kWkM91Z+yEXJ4ZlAPXzeptIxmWvvY\r\nHus6GVQjS9J4uukXyXSbbAYRpqQLTrRgPNwOzLwQubTwXTHuRhI8XAREw7oB\r\nGUGVhN3OOkFbuWLHhbtd97eWO2XdQdGQLhWOGDS1RpyHm5CKKshOCxTPjDqN\r\nVGRkzx9r5/ApCcncy2p4elvcPd0jLsGNPX5Fp+AsWPeCaAL+owFx7LZzZEWu\r\nNlBOTZB126s5JzBRnbqUo+TYqFQuPmQo/J9Vl0sJfPixQeTgxDLql58/0x9w\r\nxwWfquICtOHBBTNQQB9JxmEYqhucj2g2kuV7DuhT7sGp39BaLf+X11+QAK2m\r\niAHv4PzEdHZJ0Cwyb53Ma+ybjURDvLuYgEM=\r\n=GQdv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"fe016d599b297e4e276ef5b37b829b25f0607b93","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.bb6cd78d5.0_1678817725689_0.03590456617405868","host":"s3://npm-registry-packages"}},"15.0.0-canary.5f94aa37d.0":{"name":"@material/animation","version":"15.0.0-canary.5f94aa37d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.5f94aa37d.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"38cd8e1ad473c98cd6a282c8022a349436c52f55","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.5f94aa37d.0.tgz","fileCount":25,"integrity":"sha512-HdvojUO0WMcnwlWs27JA4ImvLZfpXoZ8LFedtzAZSrBQTBqQwOdS+qWs1ETnMCQFm97vSqb9l7jyCOHts9R7nw==","signatures":[{"sig":"MEUCIBSXDu+hCBEt36DK/8DEkIYkoOLcdM8NuT2YA5ZyDvwgAiEA097XLD+9rOsx1SkGjipX7OYxHViM9rkkKUTiKL6wfPk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkELqOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoyQQ/8DXabSrcsLSq+K9O4RIoRs0KBG918gD8W+Q01daW9V7j1iMvD\r\n6kPNjP1+uJfZ5DjunsPNct8g+fsb50TzDKjNr5sdJJpEU4Qrpi6ckAcBJtiw\r\nqD8jRn63gK/qJsfllolE01qH19gAgI65EpcFGbEEOTIXX9+7lNiZNKKjkGbr\r\ncVBbJUB5WuAncb+Cq7V38a5w4w4X4PhGb6O9Xd3yz+ZXkzlQdoIt2+KM2szG\r\nz/ZzPk3UwomNOR91wOp97CQsPXKbydqi6Zn15VtIao+Gh+MgVKtCEB8i8Yx/\r\n9BmwSvTOgPwhNkbKDq/Sm6ENC0+JkvS0qvIDfI7n4pkuetUGNOztwBqsaEqW\r\neY3B4NpsDm4CpyYHCw2wRtcVVcHPH8VOfspoygCKHdkyxwODCJgqb/JWSDk7\r\nrFUzJ8NtUhOgrV3QPnIZJyMRAvzb597cEMRYKJLb9Bhv5wC8dG7LoES5hcNc\r\nVMrQsiA3VkJszcRXAIXK2K9psok/B23/OW52XtWDTgWMDKGtlf4z8OlA4Mny\r\nI2uwwb/ZBP7KxzPUwEGJ5Khv4jelCjpTDAGECt1lKLdcnNlpQ1uT3VR1r6dt\r\n5aDO6H4ROuA7EBsSNnozGIBVbv79ZPao3BoVI3qBx//qd5rfnuOtq55OCFM9\r\naDSIfiFipMBfLu5bjdiZAGETbJLrEk/tmUQ=\r\n=lZ8d\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"95db647ce856eab6b1eba2fb1794f3b0dbc3dd08","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.5f94aa37d.0_1678817934513_0.21623462608690924","host":"s3://npm-registry-packages"}},"15.0.0-canary.906ac2e1b.0":{"name":"@material/animation","version":"15.0.0-canary.906ac2e1b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.906ac2e1b.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2b6aed7ce9d3e52cf945ee7011cbab3e8e4e20c2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.906ac2e1b.0.tgz","fileCount":25,"integrity":"sha512-XlPcti1thJ8I+hIVXxpULA6qogPGiCFEotqI0ASimOt3p+FbfbZR8UAAbjhC9OWCEV9iMSnlRIpTQliFc+Mg+w==","signatures":[{"sig":"MEUCIGULtqev2h51D0PeUjX1vdiQ0p+QRXq5Sg2cyfc1NRajAiEAx7KrgT6ScHTB33WkdrHw2YQBmO8/5eOUZ2pqF/4AFSo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkELqUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoO+Q//S4PJIVxmHA8fI4b4AH9r3eJAVKIP6Mh2PnouxJah77+Ti874\r\n315F5DkhDzN8t6Twq05omSdNrlTZcmnTzUlV0U9uu3Fyj3ahA8xcmZUg6BDR\r\nrLAAUkbiqMx9SOm8y+i158H3bEl58XN8OD5wwJ/SkcbCitXV7wJTaaP6a/G9\r\niRAwF69GJeJXY7pZ50KUqTWsYriUAkoJU7KaP+om9JXeAl+3awSFKUA9YelJ\r\nf4egykJFKjfdkY7wt1pwUnSaNp2EVUxWSSUzdB5FCyGXCFvvuWTTmZz5BC95\r\nnyu6eQM5+1ahg8hWbXCf2cL1NkHgT3m2K9QPzcVlWjbBOiMdabQzPmyjnKaG\r\nayAQoFfA25uVlQXMKbnK20x+LntG5YNk4gnS6fCC0G3nwB3JOC3o1lQ1slhq\r\nIaO1kfQV1zkKNxwfDOFqLDV+lRr4YM+Z+EhgWWnqxZuIMwc9wl6jfBn2t+oS\r\nBTOPPguvoHs6v+kN2l9x2lbrG/4IqtnS7PUGOJchDn4bu0ZPAgcQBjxVq1pK\r\nssY1lPjS7mZItaP4OIFug0Ceo+epo/yhVALgaCiFQteByn6qKzLvL0y3le+e\r\nAbzt4UaVb8y8pZ6xTL3vGymYW8qlDD/uKKslYLJfWVS6nN67alRww9g4nF5s\r\nkv8q86+eBNrDwj1x4pgkqU5RHwbKQsaI8Sw=\r\n=r1S6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"d6277a908d1b60969af6ab4c754ac77bc3421eb4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.906ac2e1b.0_1678817940352_0.40418156294424157","host":"s3://npm-registry-packages"}},"15.0.0-canary.1bd317240.0":{"name":"@material/animation","version":"15.0.0-canary.1bd317240.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.1bd317240.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5db1af0324d193c5a5cddb3c6aac60f134b37e60","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.1bd317240.0.tgz","fileCount":25,"integrity":"sha512-6DvdCS8SBFk/9OvdhmccA9eyfFWQ19kbMbkbUNMB/lz14nVYbLaUgzRRB8jIbpHoI32Pdx1kOUDknS9qlTO5vQ==","signatures":[{"sig":"MEYCIQCdSU0jNr/yhGfZKeV06uM8qUwIo9TCqRlhVtK8OFt4KQIhAN08i5yXNK98PcFip1qBLUJTbjL1CnmHpeFBXwdA+aZ/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkELtwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo4Zg/+NwE3pOVxU+FTeHB4dxMjAcLfKoJTKIhAvjp8uvNHQZDQyljU\r\n52p2CmA4E+LyDxCZ8OeVlTd7IRZCN64JQc/Sp3OUtmCZWlWJqTT7au62eI08\r\nEbcu2V+W7cQT5WtkpjskHqE/EqcNKWSr1HEENNx9fqi78Ahazoc+l93mp8SK\r\nr8JpTMvC4uJOpPmAYoCmr4YZHAosWlApdghJSLFXm8WCiYV3Cuwv7B5mcF4J\r\nQCVTKfPBXFeJXgAnf+tITqBbpXTWAyz3zi/Dn/qdd3LXoytH0MveUWiFFWWF\r\nQYzTVYEuSddKRw+NJLqNjA9vfkdTMlbAVLG+zAeIzfiVbzOzvM6zYKAcwI6H\r\nvi81JVr32TkwPoTyIp/9XDyt/fvEbCNXW8MtNofMqs0kWZMrKpVhw/WMSaMa\r\nID8gpzSIpKnQ1X6v6A6v+XdQS1u9oQll0o6zONB7Y5ZYFqieYkyI0p8FkUIW\r\nuXiI/bNEkjYtVlSfoT50tEaBuxfihJ3Kss12BFAlafEKpH5LFDpPHz+PkQl/\r\nibcpJB7KVK0SYgisIbFx43vZ6ZWI3bcd+6XElSWhrw+mbRnBfBFvR/9SZmf5\r\n+fhj/pQoURP4R+OGaRmKc4ngwSf18pUo+ArZVnejHu+uO2fjeet6/K9yCRKp\r\nPVXj6Iibmgv9D831l/50ptAV0IqhUV6fgBU=\r\n=ngrd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"eef3d63106c71dffbe823b04d07e86a84dfd4d42","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.1bd317240.0_1678818160561_0.08772056530253125","host":"s3://npm-registry-packages"}},"15.0.0-canary.d441d2a2a.0":{"name":"@material/animation","version":"15.0.0-canary.d441d2a2a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.d441d2a2a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bc209fabd5a93eeb5b997733debdc0e14a471286","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.d441d2a2a.0.tgz","fileCount":25,"integrity":"sha512-wgSCFawIqOIQQ54szI0BYisMcMRdSnctKlgi7bSfM70/0hRhCtGnol7QmfQThuEcft82Qix9umpIozHDLQrBbA==","signatures":[{"sig":"MEUCIQCEd4lWDJAiWTgB94Ekhfi4zBJMPCtYSjGlkKjVLWX/ywIgPpa0MDV/zfFYkzP6N1fsioMRPMse5lgVPaJhROzX4EU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkELwKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmre+Q//R18Sdfba5wtTLVekQrTCrj/dHVtOfR2D2Jb+KYiYWtdmRqLa\r\nnOj9bQf7HRsJ/we0neRpI1oDT0+Uk0Rlv7zDwXi4BKA9vLUPZHfrcBUXOrMD\r\nlOo71wu6JOYr3Y6RPjpaXSYmanl4xIo6vMWEsorjclA6MeeHGgvaAbGEpuBn\r\n47GOdWc+Lnuv1JRB8PjgGtYSexHPKBYPaENCJpSkB3jcHD7TP55NpTUGJUNQ\r\nB2+LA7zZytGxPEhNA6de8hCYtfg83s2vdXkhX6sKJ+8Jdx7vATiFcEAExqiC\r\nsp2yhnA+3F8/Gg8sOen4TvCnM2WPK3/BztLvIUxce5P+IguHPoaiJe2Hr6sb\r\nTUzUNwMEU5RViedx/PTLdHmXtRhwozIAO94DnC/rMDWKLrL20OrQjiY1pWct\r\naerCLUnoj/ASBcyV4L4qguNiRrMhP+fX8EPy6CT1LQShTQHJnYBLkMcNnMAc\r\nNcHiYv1TE/r1XP3qw//l4amUWhm9D3lObbWe3Phg0+3w9p7kFE7HYZBaaLpC\r\niQm8jZGkWTSlpEM2BRqlVui4GpaWvCe4WYLFSaEsq/AvKI3Abwgkklj/Sgit\r\nC/0AqeI9GQoRdz2P0ioOwXPGSMuV3ZrP/8xKnMzQeq8PrU7IQ591BspNBOTJ\r\nrYD4EhGv045un1jatxPLZb2e+nkE9uTncn8=\r\n=xQUl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"3a1d95c90b2fe34c5c04e44571f94badd66748b2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.d441d2a2a.0_1678818313848_0.4881146027483434","host":"s3://npm-registry-packages"}},"15.0.0-canary.fff4066c6.0":{"name":"@material/animation","version":"15.0.0-canary.fff4066c6.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.fff4066c6.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6c6302c7ad4af028e80730dffbe589a3f49de8c3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.fff4066c6.0.tgz","fileCount":25,"integrity":"sha512-tDE0W75CFi3mPdJGRNtKUcuJfLfc6XEap91RkW0v5w0WF8M7KHHky2v5i79/S4p1w7eEeio3bAgLcZ0wHHUY7g==","signatures":[{"sig":"MEYCIQCD8ps3WX+W5wk0rK+cs6G8lK1cURiUsqgYS+HijI+lNgIhANqwoNIwOpJN4+gmI+QwaQ20AzznmzL8dIdKBgbzdNZN","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkELwrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoALg//XFuspkygabUENFKf4ZqztMKLdvq3ngZa0XiKM01sKObrYrwa\r\nuqEcXK3nIuZbSEopQ3jMF8i5UX27PPa7Bnz9WkdVHaqSPGARlT4P6/RyXbax\r\n4PPDXjPEA+ewSX7460uzkCzir/VRRrsr6whPShX+wZLJF29NuI+Sy92pIDSa\r\nzf0ovxwpGX1ExSbQTEmnS82ifIWGjXZsjsChoa4WusvRPeIu9G5LOjVc+8Wr\r\nqQj1Iro6Xkyw6yRseGroGXAn29ppk/+FTYAIRdrr2ufXqlYrKAZXyJcklb4u\r\ntPzXsr+W4BbClxaeyUVcpVApF8Of8//w05clwrVWEYMjsik+xm4fUUYbKZWZ\r\nJti9wUt2IbNBzuagzmkXbdvs9ZAQ5X6jqfhCUVbOPlDvWxUdIaDLa9DganYJ\r\nVcS6bHwY270iouuHi1IzV9NX8SjFiJboMbf/tRjKz8pRSNMZ+6VAu4KrxPkn\r\n7shD8cNcf5AFl/898FVe02F4Nj9VacJz2wDpfAumGie8YjLgvtREz2WCgkUe\r\n5dql7M2g7VgpgBMgXU2xBVd6UkzWQNXBfpsi4M68EZBg2ZGP0Hm7YOguUHOF\r\naSpr/NETJdLzyBuIV/ATTRAWy2J3FkoLsek9fJBF34/8tFcmRYmC875Bz6hX\r\nWdaGfYsf/Q72DNkCOr1Eda7wjeO3A/M5uOY=\r\n=+FuA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"9d24b185ab8c87061ad27f4e7791690a12e10135","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.fff4066c6.0_1678818346713_0.7564571322635381","host":"s3://npm-registry-packages"}},"15.0.0-canary.87809c710.0":{"name":"@material/animation","version":"15.0.0-canary.87809c710.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.87809c710.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"555318f4a73e1ee73344bcaf9fbac54bee38fcc4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.87809c710.0.tgz","fileCount":25,"integrity":"sha512-kIGAEGbY2AXIOE6pImAopTidMDhQtKSuh6rFTVUH2blFqSlSq+adKiawZuoVkDmz2Au89wREH46D9fvCho9EmA==","signatures":[{"sig":"MEYCIQClwQVbAlBrJ2oyl4pFWhalCFHmIWTK/9OWcsX5TgUU5AIhAOBSB1ibQaKmT0KDynPHemKrRUwtcmCzA3fKhaX+IYVB","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkEL/+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqlzhAAgZGJFkU1YzcqHapcaueNzekKujcUJ75pkV9FuR/yuR6k0xVz\r\nhOC0xBGL90JxniYDTWphoovATeIVgY9uKWEQ5PRgk1O1itQqUKhsocGPV8vu\r\nJfSHDNPyz3DxrS11c/8HreUxYui2uojrC03fqJORpcPhDrWV9TOLqAlmnSPV\r\nwLfFPUdJJ7KBoyjlkQtRz9B8Ujhq5EWRL1IRzPKRO0XrKRo+EuxvfMuuARfs\r\n5H6eMTReVTe0Jlq1E43WVvpgYczlQ9KbXAk6SIcCfy+jljJa3etJmJobM/uy\r\nBmeIgBXAg+G0zc+wppWhbizXDDJpL9lq5Yr4OpepziZBXczkCLAl9nUqHGtl\r\nCV+b0yYEbTimCWVrOsamkHsJsw2nhSDdga002u7N/ksjzsCNdBscd58J2M46\r\neNErqhFyh3C5UX+jBqVLhpZmNAs0l1JBllC7MJxMF7bJ+c3tZhwYprZfdbkM\r\nazTNS05HZqPcscF5pAFBZXaR8V4tVTg3LarjW7UvQU8qo64xbVMYRcLilFn+\r\nMR049atsh3KqB+6yXR7pQktubdkEkBGY/OwuYO2mIK0NQFvRN1pYca/93IZ6\r\nDPs2TAxru1dXPrgwakFhWras/g7MrhYag9j1gbwQ+Ek/zVpvRNBnijSvs3HB\r\nEpm+mDsT8hYphx8udKjAA9xar6gWyBLYeKA=\r\n=dkh6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ac65d4def7491c4e414883c6cab7e075c7374b4e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.87809c710.0_1678819326762_0.19445314144142678","host":"s3://npm-registry-packages"}},"15.0.0-canary.48d30012d.0":{"name":"@material/animation","version":"15.0.0-canary.48d30012d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.48d30012d.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"64a363f8b4cf3b32e4039f546292857e608e6347","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.48d30012d.0.tgz","fileCount":25,"integrity":"sha512-M9zPrnbKsjEI/U776SBp33yVuRGs+QsFyxFaD5nHwE9ad3tn8Ej1RLKaXKxeyX7oB10MSjdV1Z00ahcmxl69RA==","signatures":[{"sig":"MEUCIEXit+xKyloDPe1essem4T57vhZJBD2V5kyWfXVGmYZ5AiEAwR27ful47oO7ZQvwM9qO03gBBnLAZ6iPur+BRqLrnD0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkEMEDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpvvA//QWJDLhEkfJAGmFg1nnHGdQQo9dOdLc1CfREScX6C39a4SyfQ\r\njKtmAXS1Ko7JIJc9ubSx4Ayo+4U7z6DkFXE6KEZsJ7H1SzqD4BD8jtikSwAl\r\nqVFe7cpMmAxDv4NT6Ba7peRfRrZezh2a0kO5fkEBqRHI8be+vDtG7umfagOV\r\nQVQqe9+uPwo6q5UBeG/LzJh9kEYXtN2cwWkRhanL/LTp2mrcE8oEhZX0ipJq\r\n24HcJwIPGbRl9aebMwFd+EvSkDb2B57EfGEdwvBr+2z2Nv3yWF8j4uCfJsTn\r\nvxR8hcD4hD7VTQ9QJ+i4BmrgiULmLCC9yPV0eDxKji0YkH6iBVIee2n6sUpJ\r\n8V/JJZPj1AfPQFn5jbx/6IgcN0JNM41WKgfLljKuBYA576cZNFVNkbcRTRE+\r\nyoq0e10DZaSqmVOTUrIG/+rr5Si1qGmdO+RyV6xyn2JBVq/CpuLQf2ggIWBw\r\ncHZOqPai6kuW3XlPOXPL8p/AcwCtl7U8ieT8R5HFiDj26+dkqwD9x2zH362Q\r\nx2hggv3qrFt1L1njxegno8QToZxRANxe7PvIni7TcdRGmb83uHol4SsyL8wp\r\neIr2uiKJRkK3jSksxBewiBbvDoqsDwSVs6pnsFGNpNAA4NrqLoKDQ1ByPzmh\r\nfso43I0LpUV2WoTNTvV16RGk3bhFOvaWl0E=\r\n=0qe1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"f2e4b43d20ea58b52a223d31b8dcd3f813d1babf","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.48d30012d.0_1678819587620_0.6481264348454967","host":"s3://npm-registry-packages"}},"15.0.0-canary.419b23cc6.0":{"name":"@material/animation","version":"15.0.0-canary.419b23cc6.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.419b23cc6.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f815b6bbc37cc60487c72a184e848442b52a1904","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.419b23cc6.0.tgz","fileCount":25,"integrity":"sha512-bydTQQloB1YVc9izLJk7lS3sLMRnr/wGgf+/119kMmb1RV6lF1yNBL/XuJ2igJlEON0IuLZ6heRIhRtVyBXD9g==","signatures":[{"sig":"MEQCIBN7uwmWPuYY1dboNx3C4k5PcZuEYnbsWZzGvRFenv8gAiBhj9j/o666LTxXrTrzoIv8r2QkOoIAUAPsJyfOjqpClw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkEMONACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqp9BAAhTXvKfWeHmsnyLArMyEOm8xU5vVZA3Pm/th/wWjbo2Yda7wW\r\nlGHx08+VKEdO844UrzIN14g/1FTlLkdwIWJtENIiF6gdxfRhR1YwhUE2B2y8\r\nNc/LEGE8jZQTsJXeeibb6PGuHonpNs9sQqai0ucxy5sS9UMCjzw2hMzk9xdC\r\nJ58mXfPv5J79pzdG5zv3TqzooUqyKuzt/FenztnQju8q0I1IPsD5EtxX0QA4\r\nc0qWnV2N61lqznZbHFnXszjf/wwbsK6u6lB6fZeBAK9WdF79mhdjXeVTQBRe\r\nImqn90BVnbRSJl+ZSp5dVyG2RkDm5a/7dzFLj/ZXJrzaKvpiroIeQ6xeLvGo\r\ne1xZcvcB5WQjso7yUMFh8Byr2HSoa0/bABW6hVhKOQNmALKTJubNlGlhXyyk\r\n7/6AqzzipUe/Nt02e49BWrglYK+oaMy1WKszJFJWJJAFo1Btvf0YWy7Qzuz1\r\nrUcfzfKidwc/hl7Bp0K5I4Jdhl25IumbEyJzcQqSdfnJvEV6WJiihosrSOJ1\r\nJfrQ7KSVQAxdfZsoSyZUay9zfm630EYeu6bgMMZb2uyfpboMZPcIbZ5pPqsz\r\nAhORyRnTQNxQJP5CDegu4KnvLYnxzCSLyF1B4/P8o5EgiF6etj2jnvxcu5xL\r\n0eeyErwyErdcT0Wmd1RXBg9d299dURsFdQo=\r\n=XgUV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"3b1188210d22a02ba5ae948779bf92655e47aac3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.419b23cc6.0_1678820237245_0.6730037638231474","host":"s3://npm-registry-packages"}},"15.0.0-canary.bf86521f4.0":{"name":"@material/animation","version":"15.0.0-canary.bf86521f4.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.bf86521f4.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"28912781332ae882a7060aa058bc503400842adc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.bf86521f4.0.tgz","fileCount":25,"integrity":"sha512-AHT3TsjGPT43GJW4KQ+5XP+pgS7/2BDuC2tm/lQfdajUKt+rfNfHw/UC7xuXIUb/unzm8jK4CXDxvhnGjy8V5Q==","signatures":[{"sig":"MEQCIGDUV49qx9N6j7esDuEed5npHeVeqt11E5NqhayZelSIAiBdYZnoDsJHTE5RIa6+XFlPOilveYwbpcsf/IWfYtHJIQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkEP9JACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoerg//XihHTkRyEUU16/2lGc68WEITlzfqSz6nfIuw9DJXf7mIxkUg\r\nzRXFW57EpK90xHTJcLPX5EUmQSpPsKMnagtBiVpIIZQ1cy38qvOJjp750C4f\r\n/lFV9rvnqzWoGCbCQZa4Q/M+C2jyKrqlryqWvtQicb+3jH/fcH3Oy4dNVDlV\r\nwnLJMPP+uLsImUt8Igl47oJuSQtV/HN2nVIRa0Zu8p1BFNClyeSBvrLhIMtL\r\ngZa3onyfmxPz0vYdxnCx5EFuICu5dZKi37jOeBbOpQS5A5ByduWXtyGrotMw\r\npRDTBjsB9iDFba+PpH0bdQetEXVYuznIoFJkSIXRIeDPP5+7z8/oEgKWZZ5w\r\nV7Fw3JjKaHXXuNYiFS6L+yhFtVUNrWllpqp6RuOhuosPa4OhhRXbmizV69UH\r\ny1hUlZUAPP6AfCb64QMqH+wdw3NiHjs9tyFgnUVowrofc72XvXR906MYNv3d\r\nOD6iJIK8t8DsNxQZfNWBuZompyr1Ys1Rg8JCcdq5EiaPnhJhvg60cRJoUyl8\r\nqaE5XO6nnOXIdtkREngBnrGcGp3X8wtByuDIia+t0XDOmnEFTsBFIxt5R7FO\r\nJxhj4Jg+KzwqV1dGjsu5GzLCfF4GRx8wZAY2w9lsYi28oP2dRXSnaMgA9QO+\r\nRj/aC3xfCdOWSZ3HUYNlEtRIvOuPy+CVZDc=\r\n=CjKI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"8f5c1bf1449cde9c918f51bd033762d247655b49","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.bf86521f4.0_1678835528794_0.985631459150446","host":"s3://npm-registry-packages"}},"15.0.0-canary.11f3d280e.0":{"name":"@material/animation","version":"15.0.0-canary.11f3d280e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.11f3d280e.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"86c7a8211a6edf5b8378891e7bd39af9830394f4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.11f3d280e.0.tgz","fileCount":25,"integrity":"sha512-KT71rp2o8xU83l43YhwCz6PiqyHFb89GleiEXhWkkshiU1ymRy9PmfhMiI2Ur8Slk4i8od4pMB99GgBAhjv4nw==","signatures":[{"sig":"MEUCIF0Swnz1pfxQ7pynzkJ5Bt+Tgku/pGazOiQhp6e86e4QAiEAyV3uHbRdej/tWTyIA34PH5NIQDTbLW3AH3u6l8YDEBw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkEQzYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqZpQ//cE9rzmyqkax6l5r+r3rWqI0sLTc+LXP0bK9X/ZiFWx8ZipSP\r\nhNaqZgie/qB9hUHiYD+v/wVfUg6qNLFyFs11Tsusbt7y86cjItonI4JFplCc\r\nzKWJSNNyiUfvarRrvHKegZFffUTNKeJAIrWhtBkBUKCjrOy9/sfeDHbcuTjM\r\njFXeoI3LCW+MySDzkVcPOl9oHmbdUP09ucDpF1UObjM4yBDVy0N0t7TIWVjQ\r\ndS9nI1KGgZ2Rr6Ef2xStVDvf37kmp0hHeFjxM2CAKgMECIPRadv62a9NaO3j\r\nHPPVknfq6AlXV1YsPUYvMwfpgqnqqw2IPf6rcvTHfm6Pim/dbXjV9BkRwPCP\r\nhpPIAqf5aksiQimMhEXcyJASdkssfq9YdBq+i6JcQD9qrMh1h+cpbh7CaOQt\r\nOAoGurbNKmimnm3HrPsq55Yiyf8Y6U1Ajt9JeoTRI6ohT4UxDzRXQTMGJS5T\r\n0GSSxLQKnsEjq6fxrSt2VuhSqMHHALyXTkKw64/7AIFfWWADCCZBgiKY63G/\r\np3M0fXinLhyyPfejL/qUggKBwG9MOECL97DUeF4DGMZMJ7G1c4lQsdJGXObe\r\nJcniI5B5WUH40yyBM8ofwA2mY0pUXlZpfvVl0ZyjDpmRsJKryJA886jMZ4vv\r\ncHVo5pxgAMshoJMPllrFtLyS7t7Qqk0OU8M=\r\n=nLag\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"8e5a0971e8b535be016fdfe963b22dbcf1353e53","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.11f3d280e.0_1678838999959_0.7988355808168923","host":"s3://npm-registry-packages"}},"15.0.0-canary.b281a409a.0":{"name":"@material/animation","version":"15.0.0-canary.b281a409a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.b281a409a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cdd71788f3267eb061090899b23f2bea3a544d34","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.b281a409a.0.tgz","fileCount":25,"integrity":"sha512-BcWz8PZ916j5kt7sfuCsL08tPKRugnFmj6Kj5NxVSCAsGB/Ye9Svf6uKSVnrLlw1a3us6KH9KqK/MefNLygkUw==","signatures":[{"sig":"MEQCIArsUx+6wHZzMEiO5FgDw1eJ2ROUvm24fZBaV0iTI6rIAiB+vEJV4iBtZAyMqF9vfm9PiIGpiwarsNba0pVhOFKH6g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGc+0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp47g//aSTmgZ/leVF5+ppArkw8AxpwdmxuMhZUTN44Qa3Ma4mv/ypM\r\n/oNzA7VzD1d98084Gm/+klurGGvVJDc2bbEgMmoyVqm0bfrQBue8k4it4X2s\r\nMHrwiwi4TWQ9cdB8IXexO5UcsRJKmB4B4aZ3CUhahdcYJgtLjJezseukmTSl\r\nEJ7lDBjM89StZCFlvd73XGag6TbbUckylQnJU6wnLlosxtdYp0JEsLH0edTU\r\nbkUHqId1DG3Y1CETqr5AZ/lhC1s3uSybEXmUt4+c5s28JjhcN6Di2h6CEKdR\r\nsTGSrSpG/25JCBEYgx0r0bysmTJPUFc9RPrSH8FeQ9daz1XVmlPlWiyjUPRT\r\nOfuQL6IdQTxn1Ai7COu4ul87ZoskfOtokdU/Xu0NQqR0Mwz1K2vkjF7Q/YzD\r\ntgrlrFcSOIJymOE0lnZ7HwemstOLFJSNLGZo49WZ/XY5rhU1H6+xQgNX/QTn\r\nkdCRnjsTANszAq44WVHL3KHaAjNmhOZZfdIcdylKi/QkE6Wy+Zmw5TMs8XlB\r\nbOTJ4NtVFUd7ZQt7AFstuHrXql+UVTn1ceLd2YFxbwUk5E57/PRITSurJrur\r\n+fT8keEFb2z/qouEaHfdWS1eAXXP6NHWUWghw7gPrT7l6EHQ41ALTrTyErrs\r\nbfUw2nQislydjAh7OHfift4FLQRZPIukwKg=\r\n=s/e7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b924c47aadd36bf60d7c29e466ab3899ae4085d6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.b281a409a.0_1679413172676_0.4174695121178762","host":"s3://npm-registry-packages"}},"15.0.0-canary.39e473690.0":{"name":"@material/animation","version":"15.0.0-canary.39e473690.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.39e473690.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3dc488a60ea958f68b0ffab1deb66408df7a8b89","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.39e473690.0.tgz","fileCount":25,"integrity":"sha512-dnXp2rxAdEggir5hSZlGMow801Rn54AOlCb3mflP0Fk9IeaB0RPxaLI7ppfTVndZEZ2YttI/rOA60/0kQrIDDQ==","signatures":[{"sig":"MEUCIQDUnhESuv7ioOVZF0a5w9wtfTO8hW69rTunt2JMj87Q8wIgaCm+vZ0AazNDDzgKyTdrDZV+uMFT7D0zZqX42Nx6Z2U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGe5AACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqlFw/+L2jlCrslXtEfZ9E9m4JiM9xn0ciqWd7mBLR/eFHFTu0pmnoE\r\nUbUeky+tGzRjShKmN9oizf3gSTGAlYhffxhYJoqsdAUSv4P7aCg/c0JH0oGg\r\nB9LW4PdC1peXYeDcwiBEQGAg54ZqiyKFDgyci/O9MraKRTBGhG66kwFVH6fN\r\nkhn2Xhx9PGRFc5vwG392ajj1bYXCpLBx1ywCsANGddTGp2X2mFIpmsQzThUn\r\nVMhEtkFF3OxkwWKOUGMKdqYA4isYE8zPZr2naPO+oerhWLgAc16GKwpufNWh\r\nQmyj7KkBGqUEIpxQVZFmFIRAxqYu2YTED+lsJenDP9W12K4r88b5LY8wzWpe\r\nEtwCvHT6GsVorfDA+sAda+aG7sOg9K12mDIdDSaDQsDaLrEWgdTKngxq5PJu\r\nGOSYas0pAAAQUJfhLXLaOtTENwV7MwKekxTSqIQCPhqHrf7ZdZvyKtiNRuEK\r\n23jrtOpF0dTV6Tq4X4lULDFaxSdRVVe7ifHX5DJMTrm3S8V6ayCTrqv7NutH\r\n6TZUfRpMuPsVJ6aRiQ9Iib1PwLSP02eC0IaZOScdKVXnOK0WJ+Gmj4KxJRWM\r\nm11pCf3xfFRht0Az5tR9Lzap9wZXy34TPavcI9ednJ9nlqwwgvozv5hlL9t1\r\nS8z78Y78wZ5NzjbUKDi0202S9uJAor9aAk4=\r\n=J4/f\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"2d372eedef7c583c60aff8d4cd51f8de971cb93d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.39e473690.0_1679420992249_0.6641412035713221","host":"s3://npm-registry-packages"}},"15.0.0-canary.cedffb44c.0":{"name":"@material/animation","version":"15.0.0-canary.cedffb44c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.cedffb44c.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bc424e8765552882ab2ebbab86ffca300557f15f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.cedffb44c.0.tgz","fileCount":25,"integrity":"sha512-Rl0MfXMVVhvMSpNpFoGDTzRoCDpdFS9z51sRE5jCPZVCpnumcu5zHJcKqHDpybti9tw7HwSDOamquDQNMzGBRg==","signatures":[{"sig":"MEUCIQDyNangZ7oHeZGkfmHYxDQbwALzGit6Ecyxz9jw312QwAIgH5S2D+1D8lONvLo76DM2hwNnkqI5J1wNrgke+xx12lY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGe/iACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrfcQ//UJ+KetZMHFJa/OgUFx6L3qz5dCoctACe+/WETsrAtt5VXI+n\r\nobTOyjdTbzfeJ44JPRhrFSR/aJBzDBuylFFISTYt37rM9TSsKBzwT2nJZznL\r\n6vn4Hrs9+9W4pUlrex5lRj7a1KvTAUZnjr2G1TJs50/mT054xi1zUWcp1slP\r\nB5OYbB3B1LZBTbyY8zb5jRsOLb0kN3jics6UOAOTF7WneHb9SYli0FIZFAJg\r\npa53pPFvu7Ks8Ml5uniIbOcuzijgHpOLlL3C0D3MYf3NxTRUXjoaRwwkMUaJ\r\nYTq2wMEtVdo/bgsu6SagEgSgLOhxBJkdCK3MmW4WYAPci1XxTT8QekFRR8W2\r\nO16W/ToQY340FSWfWnBvz/BEhhrLAXz9h+i9pifBlSCqwyjCKL6WLgc+/y5I\r\nsKQBPhgYy+anhLoN3gkl7vGQLf5kj7GPkr6jQHk58ZIU2G11yc+UdmJu8QxA\r\nwABpUceZGqOG/tPx3LTFx7bZk5qwLPp+cOtWbe9Wvlp/mlXAt4BqS49wzu0Q\r\nKz0VjWJ8k7u1j64X+QnBmS1ueQeG0DUjQKqNc7oTky8oio0FgBxkKHiePjs3\r\nVHblFsFzPB37EvaHNayzmSicuOlCgnV5sBAnHbk3wY/pr8NpJoxpFJutk8x6\r\nhcfztBbjghwdIb57ZDg28gDp8gGRCXCWMaw=\r\n=9WR5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"37783644942291b0c5d41f7499a79b5f61bfcbfa","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.cedffb44c.0_1679421410282_0.3344171610916129","host":"s3://npm-registry-packages"}},"15.0.0-canary.36a4cba99.0":{"name":"@material/animation","version":"15.0.0-canary.36a4cba99.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.36a4cba99.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1f2f14c7c80b6f36f8058785658bcfe697229fd7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.36a4cba99.0.tgz","fileCount":25,"integrity":"sha512-5+LhiTTQpunZVzNAcJnB9RPJENSo+xV9xcskljDut7JWKYMsckOFVKKn3NM4ba9AIsWjTs8sc4YiwoYl+AdMag==","signatures":[{"sig":"MEQCIFA+0Tt6CIWR6cVVUEZtf/C14RuR121eUORBxRHEkqzpAiB1Z70loSOv+MSLprHtc56PP9MNLIYYlcYvm1IAQACjYA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkIyh8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq1MRAAnlghnOAw1zFa3VJSlubBlCw4GF8IOLi6wsTwNdcBgtELl/cP\r\nuW6lbvIqjQx/KCB70OGA93HT5qNlEYnjyatJ8prSUtZXKT6siE1Q2S6ba1FZ\r\nV5o52QzS1r4v2pZz3O+2pcn45H15A1zmH0PjAMFYdeKaOtGsP+YQ70M5A5DV\r\nNY5Zljg9I+Iedsep/AqQ5kjdDdv9ndXGYG4B6AlaaW2jmOg6gteohYcEVuab\r\n3TyfEA+6l8thYESOCTsPa9f7/EpzTG87hEMFzxAg+eHEGVey6Fyeo4TIXVIb\r\n7CLnL2iAzsrd/FDUuwx1MTht8OMZcHJR1PkfwYct9xLTmqqQQzi39kH93g6Q\r\nUYTnSaofuvi+SDcRvQxnsqhHRE0QaJiWFzW096LUWELd1tMx4GK1QLlTVZJe\r\nNzDFptp9AKZgLstyoAKc8dU9aPDptC25cd7HoZ+UnQC6oasR3kxUBR4p0lkr\r\nziVKORhrD6U5b1D1UtgXrnK0wNTQj06Fy4mbMifEgOTb2WAGh/H5jAfwrj0W\r\nCmouNY/z9DsvwY8DAXdEAzzwU+Ym9gq2z0C3c2JoJCQMV9O2N0xSncL5nd9J\r\nWvAcxWVEyXxfW1DFiY+1G9Kvpsv+YyzTZIomo7I3Len4Fd8L5IEok7uEVo3C\r\nfrwqRf8NxDLORJai9bXdTFT0RPkQRHNuwus=\r\n=2AKT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"9895102e50a9e7eda73e0b0039246bc56c79a7bf","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.36a4cba99.0_1680025724349_0.5485644121488049","host":"s3://npm-registry-packages"}},"15.0.0-canary.ed7e82ded.0":{"name":"@material/animation","version":"15.0.0-canary.ed7e82ded.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.ed7e82ded.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"25d45f8e312c588c01457512012effa0332ef65e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.ed7e82ded.0.tgz","fileCount":25,"integrity":"sha512-0WKjqoOxaKHE+aiSLCpUXZ8LBrSR/d7WD9j3+g6YRazRGIX0FxXeljoN5BnS1j+D3Ea4S69/FAOaCnnX+4CP/g==","signatures":[{"sig":"MEUCIDEZYJpck4E8fYj4o+hfUQkGgZXCXWdaBr/FUw6U5KQSAiEAhIQON77pAVEYn3LYHTb1OLFzbarN8Jjw6TEY26otG8U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkI08LACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpgbQ//XMTge5N7pKdj9hgSO+S4tZFI4B3mSNmsZZcUOdYBXo1yJoiT\r\nxw86S8x4Kh72gSkJEo+rCr3iuYPtvS63yk7WVjRM11ZUiRdmU9Df3ZEMvu41\r\ndmuXVyZ87L6VEdYmgPI7VAzd8DaLgUot5vxCKTmh+7U6pTKfo3Jv99j7jVXe\r\nrfb7aL5eEhOlzpPdv7L7nYtwDuvh3zifrj3GxGHcDZkM+YoTlreadk0jRTUK\r\nZH3YSeePcI/1//SYL5phxb4upszBQB+AqxFq/ZaiJfE0EsE50TAGK0FXiSKE\r\nSPnKWcX3m3cIfjademwiybOssiHEjGxnJBXKigxqcfsmiRaaCZQMOYC+I+NN\r\nXxLsm6aUFoMvSaFRCU33WV+gW7kZVZPBFJcQVnnsGpuGBjNVmbsc0zhdTzXB\r\nEylKIejr+mYlDE6n/gOwxZ7sFFGYYHYoS2hrDA/9o+O/V/FWL/43iQCJO1Lv\r\nvQLbOZKyYWPh+SpEdpXQE+vhNNk7hh72xm9lTYLOQ0CU0BdZdJEQ0qX8UYY+\r\nk8VlJGNI/56XwSH3KymgxNEZLdPmBXFi74usS9T2djngS0M+7lGUaBzeAytv\r\nHlP7ghn8k+sLX90IoTLKyy1Xm1b+QqvbPVwHqp8vMmz/b3dUetEXVRmOFznc\r\nPuT8GTHCvrbDE3xGniZYPwguD19lNrz4Eb8=\r\n=Nf83\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"037c17ed14cf732acefb4bf7cb0a6c61f643b991","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.ed7e82ded.0_1680035595666_0.4834691024000972","host":"s3://npm-registry-packages"}},"15.0.0-canary.55093ee1e.0":{"name":"@material/animation","version":"15.0.0-canary.55093ee1e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.55093ee1e.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"db762076de59bf367ca72799966f378adec51472","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.55093ee1e.0.tgz","fileCount":25,"integrity":"sha512-w/Ev2hj3pBtrOqBhcf/VNtXiKjmJLFPX6dSRpN2yfYhqdBql4G/42yaIBy/0LyM8qEy/chsf87eP+wHuuHOf1Q==","signatures":[{"sig":"MEUCIHcAjV7aL89m0/O3gglhGadUdZCIoxECrBDNjRBObDVCAiEAgfRQc65q7bIjOuVwZJ7D+VAQMncbMDqrakUhZdc2ohg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkJIb6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmosUQ//TDyn3yfpPBLtj4hfD8XeuVvGPhEcPcGcX7jz9UAbHzWFY6aX\r\nQmpl7NmAzXrHCiCf9xJVy8Ht/o155uOUSrlPG7+jb39zsYMimHuUkrxBllfW\r\nDmzwSktlVDeXM8K6YK870GKgr55oa93b7jWFCG9scyrhEKVibPpnpbYNtf6p\r\nly93roc4hWouJQegBpqE+bHq8Oa+Gzzpz/Tu6EG3Nev7Oluh48kZ/bJK8X27\r\nWF+m/bYKc/rj8TaQKiXoh8ZP04IEfOAUSOnJuWnIws8Azisip6+t5utGbQ7m\r\nesOY7beDlMmvkX8EGjD62cDgFTlW+/Nn9Ie3+iOYG0mlRSF0Y2ewTm/EBWhP\r\nc+VhSG1oZNaIVOP9tu/OJWrXzhnXcnHbgCUvLRnUANOycgXYSEgi2C+2ZILG\r\noPH7fibfIJGqBJKr6kDkpw8YTS3Rhz4NZZALNHcIMV99bGlrrP6uJzdGxWvp\r\nRFYP6gKvhkr8kEa7eYotMHTmFsd7DUvUyjqgTc1yIgFXb8XWcUtOJwPwK25C\r\njQCauDFfALgGmLJ2EmQNYkOVv4QHf8uq8w2xtTK5zclHi+DUVCGQSnmDxOn5\r\nAATLlaidLGGzH37pPCtvKQ/j6ImaIt2HGqjfXeUnnY3gW0062q/GpWHJSoPn\r\nJbLFRCXJiXhAWBNOx0NTerVe+JoscQortXI=\r\n=P8rB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"98de61151738b5091fc2b0e261c18efce05e87b8","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.55093ee1e.0_1680115450057_0.06945002945158452","host":"s3://npm-registry-packages"}},"15.0.0-canary.0c53abc81.0":{"name":"@material/animation","version":"15.0.0-canary.0c53abc81.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.0c53abc81.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"87be7b19ac545cb3aa2f461323bbc4b80dd4d1e2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.0c53abc81.0.tgz","fileCount":25,"integrity":"sha512-/P1sV8sAVzYPhjo1aOHD94QdCe76SErq7VeWewtLIfohdWx2dKK+l9Yg0MHNYUArees9S2uNb0UemiylZgrW0Q==","signatures":[{"sig":"MEYCIQCMl5vhU5e1N9KuL4ihN0cYrPGST76Iz3s+UdS0BHdePgIhANEsHML4V0E63qbyMvfvTyXi2Y5LbIuv62kqlqoV92eW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkL3RrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrJPg//fnfsC4FimaeZbohSuSTBO9wWbMP/Nd+OzPvb20mMYLm/dVHb\r\n4C9cJTLy0Vr0hHXYbzCUvHds2GL+tAJ47Y3elrt5evTVWbCFSaAp4ifqx3SL\r\nnRgvJLAXGTl1tw214mEOZgm36byI098Xw8toXUKDLopV3uzkmRkrrp2P7xRc\r\nc5R5lqi4G725Aqc8lcx573yH9F2YdrnlueliZRDpJ3CkV6M+jQFyuTEm+DuI\r\nnJOdC95hXEv9Bc8SFNr+WrkKu6iaQT+d7ciBcT77AhufpvOKUr7a5X9/0j5s\r\nFIycTAmwnvTfEeE7CvPp90LuV+7n+uiJghelq8OjIrlg4m7Eb7GSWsj6CleI\r\nAL5d9Dqi2wW1XjjznAQFUGAnfyRTp/6ihy9mh4dXGo4GyvMfYQbcaHQyS1ri\r\nKDiw24sXYpQVh2AaSdKHm3ctsFPoP4313o/ui4HIDw3vuhmwWRaREuboa8tg\r\nFlbxtPlU/hwzK3O+INca9lZyFJuMVc7GFHmEdYsVNvce1f4S23fwLxOQtfN2\r\n3XSW5ewMD0xvsQAx4vBLjxy3MbHeCTDy1vGtrvUeQ4Yq8U9L/NkcGNeKUIGB\r\nx60yom4YDUAseQ0y6AlJX2gUhEvq6pDYXwsyScE+VnmQQWdGNUCnQxcBTs4F\r\nqS1mfRIhYfc8MwxB0vKG2iKiTtJ3WRhStOQ=\r\n=pMj4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"6f7be5b2317c28dc06c5b0bf4a8cd44df591750d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.0c53abc81.0_1680831595683_0.40868919044475494","host":"s3://npm-registry-packages"}},"15.0.0-canary.51311e69e.0":{"name":"@material/animation","version":"15.0.0-canary.51311e69e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.51311e69e.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c0a261c90c195645365d40156503def9f7ea1c55","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.51311e69e.0.tgz","fileCount":25,"integrity":"sha512-0a/JaCS7h8vMO2NswgXUZpzxjRCu1GgBDpY/bmx6SdYCywLe/YBrnu+TRhF2tfXzuQ4yiHG5D14DV+00EedZvA==","signatures":[{"sig":"MEUCIQDDuxgyZh9+glTTIvJlJ8aI0uu199uEFPAq+zKc6GwkrQIgbsxAfsjxNJ2k4cSj5MVn1zY/KuuXDHkyYt3O2iKr1LI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkMFuoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpL3A/8Dv7B1avLlC9oofqUi08OielGMeByrWC/DC4YG7TQNqcYhnse\r\nMGOR1ZgO+riWFVH9Zt1hl5V2Ppk3gwSUHZyjcJe2TLubRVc9TvzKy5SkvU8G\r\nAF0m0dibKbEos+5n6YEdPwp6tXxom57qeol1l3SubPpy3ygxMvAc8G+6BhU0\r\naN5mmyxGyITQEJbEasBV4V9QstPhH7/gAyVP4tS4QgRmJkFIR5oQwyBf5nzA\r\nvWREVRZxzzIIz82jPEMf1psK5EYZNCwpfDVCElpGiyBAkUuc9oJpsrZJgVWC\r\nIX0+sPEnnZhwL7DyNY9f9ozVkuGQDvOylMK1V7NoTfmto9QdvAk+mVZcKfP/\r\nw9mj1H/UU5+wA9UfK1bsHVhNDp1lObTw3ZPOXk7t2pF6YLU3e80drzM4xMTN\r\nIN6uTi2HgtyDmhAUag5E3+KqRmfJdBfSNG8pU8tG2jvHgjCQt3uuSXqkxsIe\r\nzilM2hfoh4URIH5axmnJDyOphzydDf9mDsHCJM7Mbg44/838cV7Cc7FuDxFX\r\nSu0gbdysiHW5CnCGcL8QUb+W/Wt3s6sRSneiuWJA0upSXSu9TMJHop4DNPT7\r\nl5sccQNis0XC1SFOBAwcWhlTji7YEQB4JoJAOgtQVqgPh8Ye6YL7R4B5lnl0\r\nEMm99q0GvNXCEk5dyGdbCmt2YgYtOxIwghU=\r\n=3Kev\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"20cdc4f9c3bc9046fb111c8b65ba3e9609585dce","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.51311e69e.0_1680890792456_0.9637961486452193","host":"s3://npm-registry-packages"}},"15.0.0-canary.113b1a38e.0":{"name":"@material/animation","version":"15.0.0-canary.113b1a38e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.113b1a38e.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"77d9330990ed8dec50dcbefeb5638cec92b5bc54","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.113b1a38e.0.tgz","fileCount":25,"integrity":"sha512-s8Puc1xAp+oxxq3Kr6sFeFDDQW4M5IwSCJtdYmBkFKnRtHk0AF5YmC1dgFqTrHH7zt70e9MKqSTSMM97QLbE6A==","signatures":[{"sig":"MEUCIQDVmUnkJOC/XvctT+bWen91o6DTcpFg7N4zn63AElX80wIgYwnA/du3WakSfhPD3r5js5nX4lcOiTEcRX8qceLAvVA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkNIUcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoopA//VDV41MFW3g5CTZ2z50BSjPAe/XRzyeDmT/8gONXMp68Dff/8\r\nXAi+YsCPb5g1ibhyqYyWEf7IoT7jANLdrS9d5XetsiNExcsdOJ7EDrwqQLEf\r\nuHFBaOAtC7TOyRDtlsxDbAOwnMf/Ic5hx4XBd3zMprGHFOMlZNLX5pYfXVM2\r\niVYM68ttDNz9f5uc+zrn4XTy7Mu0ZGljrBzY/ehvzvCRsq0YHQalb6zd22eS\r\nhiKkEZYIVmz0X0fny4P5hv7cXT7PvB6rfavN7TuRI+MnN3QJvvTCx8bXB19d\r\nqzgtFDtRfMn4N8nVFB/dhy4YU/p4PwMnsAvNj1sPn9qvB50z2dkqyo0+cw5S\r\nyep+DLXtXzkTMdZbPlomryR9DiHdfe8Q5tYO6fHHQu5bVZY0CxqhRFXkTJ5s\r\nDP9GiyJKirxqqq/x9li+CQ2KVDf7HVbhXlgUIzSvi2fNBpoYCl2pqcpUMhbq\r\nXCYv5ZGZ+txMPfZEbHQ0J1uj/y4fI5o1IuZs2z6faoNAQmjj9w21qus3tV+2\r\nAc/CrXnrJRx9V7HbVhG5TQIVljo5nvcWnPDsEDcUJupkUdWA3+EyOY2UgjJr\r\nH53C3vOLCl8Jqq6qcjm/gu+nkIeDsqapq2RoeY3U1WH4kOhVfnkJdlL7dJSC\r\nEs0eF1ZHLwZ8x6yPD/HBWG9yOdAIBOCCcsc=\r\n=1k/z\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"3613349b6481f716239e1a73c710c0d5fe44df72","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.113b1a38e.0_1681163548514_0.7859015812940728","host":"s3://npm-registry-packages"}},"15.0.0-canary.ea2191426.0":{"name":"@material/animation","version":"15.0.0-canary.ea2191426.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.ea2191426.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"dd44016f7406753833ad5e3e5202d8a9d4c8e680","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.ea2191426.0.tgz","fileCount":25,"integrity":"sha512-ftvP6Npb84/B5D4KDRZXEpA+27ZPxglWaS920SSJhKqRbGwsufqyEeZjTmmm31lNRKFaGj3EQPbgpQd0sZQSDQ==","signatures":[{"sig":"MEUCIDCa8HxXycqf0pn51CWDJZh1/FDf+RP5dRcmXYtZE/F/AiEA0+KcUM1L6YPCbJlVXRaQC2sbJLehk9ZbiX1+GCH9DV4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkNdcOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq2sQ//RWJ4xSt0N6drrVscqn2N47llzCgAkQ/NNCy+a9J62SKZKYmn\r\nvk2RvZRuvDhJn58UmjwRGNOF4gDMtCNQaQhiM3QOarbHCALp8aoyWW0IMPAA\r\nUyebPOdDTSmmu93ek4/fzGCTteGbtUohRN03z/TvGjBY9uggLIjO5R3tmac9\r\n4V3rzx8kd19AzNSasJZB3CxZQj/H99m6jzERfkojLvw0CB8AJ83ETsVIWWaD\r\nefl38JlNNEGkCEYfwG6IVK0Ejl1VuUt+K3o/t2mb0gLPOPD/uWjl77eX0aHT\r\nWVP03eGHD1cUvXzdNK5sjDa3euRGFY9P8zVffzXhqCPmYSIX2jUIRSiam7lT\r\nnm74jSYaRUTAb3GM/hVQnv8c3Z8PhN/tF0ANAj0JxHLiX7QjfwemS7XWjuvR\r\nwAd5AhjyLnu7is7Jq1d+G8gy1Y8i+0R6awh1JzRVsppq+ATucoji9wWXWLQ3\r\nlPFqrtRmLMxq99AyqXSy4BsfIddpcu0tu96DFCfcc1qUrAn+6Rsl3ZoEKVbV\r\nQqx8Os4A3nuUEzlFMC7eyi7VFMI5W3GSRwLUCncQx+b3GbMvpSGjRwW2rVJ9\r\nLAG6Zau1x8nU0SnX43Yy60ct1HgfYWsFevIEvK9zx4ckXvrVgniWSQ7515AI\r\nWI1OH6J5p4ZVPA4GpaRz3U+VGoPI8ffu67U=\r\n=e8Qy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"8723a8c5fa13530d57b1651464ec28e9ed1d4bb2","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.ea2191426.0_1681250061819_0.25087323360071134","host":"s3://npm-registry-packages"}},"15.0.0-canary.5a5c38538.0":{"name":"@material/animation","version":"15.0.0-canary.5a5c38538.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.5a5c38538.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8a5ab8d38e1dfce002af27e08e79c45446d4c54c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.5a5c38538.0.tgz","fileCount":25,"integrity":"sha512-U2jMYShmeMCgq418shmEgiRSQjKt7av3ISiD5qFAj+0QJfGw4vMFlBcZy4R1eN6dq3hxd+vptLn6EA3aaTjZDA==","signatures":[{"sig":"MEYCIQDaCM4PRjVy8OeWuK9p+KFjjtYAIUhw0/fdIaLb704u+QIhAMpw6whVzc/KeeOIeXilFeEPQdybKTr2f00TgoRaxHNX","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkNd8yACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo/aQ/+Ij7R9cQGl05PdrwdzZlP4FsEbwULcZ3G7kYZs/nMJyWIDocW\r\nUm0Tf/A3l8TRDtgkqpNyk6uBmLnZfk7QVS2OV1vx9vBJHZ5WC+Ce+eyp1I2H\r\n98dv+Mdj6cIXo0z1DtuMbqlipba1gx9z5Dqc3E0SHS6awQ36+MwId//SqA0h\r\noKyh5h6AONvx24y3rc6UhQhVB+kPxxt3jToCX4SNCFXW5TXtKqT/GndEadcM\r\n1K8SAkyGchadgg85jLsU/h1tjayqvz/8e8b8gixLnaJdCOgXXWXDtma4+ZE9\r\n+3AnL9XyNVMT3Lou/ZqdpaSMfbawlZavVP8v38XdNX0yWGIaVW7Nfox8HnlL\r\n4krXrokbySoX6wF9n8UtydjotN04tttZS79ygZhSg49GsxDY4cdXKcyVFuU4\r\n8/ElhSlin0MHfjphNcOnDpKusfbxIMiI0o9nzjoKOkMHAfQLen1w6BSIuJQA\r\n6eYNfXJumI5oQCbjhzNKeJzPrIkFXIpnozFH8zlpXV3753m6ALfNITz6MdoI\r\n/P4BjZxc1bumkDycttzCTHxWHhEoK2ky2qqWhNQvUQBEtG3CvcrqBGcoAIKr\r\nev4husCX2QViwY4VpaVJr06gUoeCHmlqQ4ELCQA8enmG7xwbl353RTJYD21N\r\nmYrG5YVLZh4ZoOOsYK+gbCReD1zvKn9IEOI=\r\n=M7Sq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b05f00c0040fd0d1250297d4fa4236a5b6b00b9a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.5a5c38538.0_1681252145833_0.36153762560418445","host":"s3://npm-registry-packages"}},"15.0.0-canary.e4b5ea7eb.0":{"name":"@material/animation","version":"15.0.0-canary.e4b5ea7eb.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.e4b5ea7eb.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"398fbf9bd31204cf0cbebf3217fce5496b74b9b8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.e4b5ea7eb.0.tgz","fileCount":25,"integrity":"sha512-8hkJVjbtoOLvZrEasyIxe5jcO0XO+ibbP/6GKlRXQoG1uPyHuKMMUdwTeSGHS7aMah6u2VxBPFnHFgfCrB7fzA==","signatures":[{"sig":"MEUCIFRA3z4J9r7ABgSrR927fddgPHJ356FwfUl44xNcFd3OAiEAodxUI23zXc4UocU5NqAiBHAsktuOPtOTpwJtOc/jVcY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkNecUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqYiRAAgdrvTSd5F9WR65FStb9SfX4NwjxNMxwdLZD1iCpT4QUG13aM\r\nAP3MAb1Uz7PngK18nPY/oGoG5ERWm5YlsktpcHx9dOem8Q3X84ty0Na5RLT6\r\nCanM7IGRNUKFDT9QsWp20VCXb1/8vmZspU3UgqUIMP1BqQHvdQz9wy0azoyw\r\nR6+If5rajYWfnA/bRlQ3dHD9lAxkEhTS4vl92eU84+kLOsjJWtigOmCv/XFr\r\nbamcH7QqNRmIOukQZiWitfZU8OqKiZKdoWbpETEHjOTsPKmoaWlJEI6DCHt7\r\nwv7HAqpeV4lRKftqAl+VlQg8mAmZC7g2i8FytKuaL3XvzscRaJFrC2nll7Tq\r\n4ZQTmd5Y70XPKGyJ3wUTl9WIYID4TqdLcylWo+bTiCAN8VKCGbQ/CFrZMaiM\r\n5OjY+T6kaVFluQC6/tAeZQoAVm/yJieuNKkFODhrxqOIu1KgO8EiMtxxL3v/\r\nOjeiQHpTW3dFc5QGdWN47uQ+QTqIuZBmi6Z/5KXy3csew/B3EYTQJnP4au3d\r\ncBY7zKr5UA6CT4QrijHYr6mbsU+PiSzZfE4YCe4PylP/YDX3HJc9Y9XKLnB5\r\naqmGfW4OUN6Pt2m6dJT7RiqKOLFI9SllrPpplkLFlraB4umIMuc+/PV423ro\r\n+t3ObdXUQ3oCj/R+iHnrvBJRnFhLltyE+1s=\r\n=+UoS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"cfe1a97277f39a7f96340673857504470245556e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.e4b5ea7eb.0_1681254164269_0.6242106906814395","host":"s3://npm-registry-packages"}},"15.0.0-canary.a094dd9c1.0":{"name":"@material/animation","version":"15.0.0-canary.a094dd9c1.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.a094dd9c1.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ac9977b4fd150601da0f426a58248d0f0ea06ca2","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.a094dd9c1.0.tgz","fileCount":25,"integrity":"sha512-94s+nPYDu/AzcHH5TWKYUon74xLr9yrMBwSBN1O4Ry391CEdx9WMXBnvH2jH1GvqwCereNXWgFZ53HZRcwvglg==","signatures":[{"sig":"MEQCIATqNbvxTg4p47tUmLDI7E4EHC2qG4M+TPMJQ6ZoBPdkAiB6AuJvxogG1LWgSM8gB5ksNvqH3p/o59ZKkIMQJI9T0Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkOdaEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpAXA//SfbDx5FUPgWwqT8xzBJdtkwvE+fSe9j1REnVW2O0p6RZ50ba\r\nzoeYfROLghOAomAzhyGNGhHUIJoL767N/O0Fa1F51UgtbWvOoL0hPhwan0Ju\r\nNbr08cNjU7NiIYRJkUXIqr9Tlb85/eX78PCWL1IZ8jgVNjz+YoBoD/hRg0Kr\r\n+2aKGSVM7V1rsZagcp/MKrRIl5M7MWA+frLtltNJ7AbPC/WfckO/2dDWsihy\r\nyIOU9+intzTuYTNMeCdxwVVyHkn+25VdKBIoG6NUmcg8t4EA3wgUDhME3/aw\r\nYRgujy35yL96cNpYseAEGm/KKF1RCf/T3/CpEUzFA+vuxY2pkDYxEjdcoxTP\r\nlfWb8DtGHzot8PknXv8W9dx7K4jQ6jmh0RDrZsA4b4WgSg3SYLFbi8nBOdPv\r\nLYDH+jkpueVVgqJ4Zm79vimfq/MXKHIQmtuQ7hpDM2IglIHr7rOy0nBPUJCB\r\nDmG/e43MCz6tan3TQA0H7u4g+8inpecDp5Nmj48yJif2MwDyMcSMV0QXR9z9\r\nzvPyuzpn5JtLytwbr7NNInNWNBGeR/lLUDUmJpMOwfxyQZu9aMLk7db4vmyE\r\nAv+ypNyNLhwkRncH3yAjDW3Eddkzxlc64GEq1h87XrMb9Wt3g6ViQz0QkaoU\r\nHRvFYTyu0HvEdTqpgU4sgNxvw+KrXPkfOZA=\r\n=c/Qd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"aa5164e66f4afe6547ceeadc8a793bb4f489ff5f","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.a094dd9c1.0_1681512068169_0.758446863608274","host":"s3://npm-registry-packages"}},"15.0.0-canary.f771b091c.0":{"name":"@material/animation","version":"15.0.0-canary.f771b091c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.f771b091c.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"948b4a5ff20cfe3f0ae5b0f6defdc72dbf33a53a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.f771b091c.0.tgz","fileCount":25,"integrity":"sha512-UFnobC3VJIRnJS2SHTiBh3hd549JuBWwgL+7N1wFqOY3S8x5DKlv+mw/NRJHxt2JFBHnBy0pLvx8yRUvY+E8IA==","signatures":[{"sig":"MEUCICaWRASMLn9XZqLUJzS7sRcVSjer62pXSN+u2NcoOl5tAiEAmgYom586BdOdNYWaz5rN6VgpNOpWXRxtg+8fZ4WZDVY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkPWeGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoELxAAoZ4xONIqVSc10RWovjB+4IomW7To7QI2+jY/NaTmoCvrvDF/\r\nyR5PWMZpDPNnDzMYI/jNprbw6n46bvG8QNcXxb0Oi4bkp102yY3vZysjVMYN\r\ndzr9vE4WJiFSslUxZUKU7aQM1N/or6pXp1OEIRgm4t/Q0WoNhl3cV+JYEs6N\r\n3e/hy54/K6KPOoiGX2VbCaRhk+y/9j4mlh6YQuerotam34R4BfDhAALEd9s9\r\n/akYPAbMgGnbPK3jjE+8aREY3hU2vmzIHehdel41dQEU1dFeRwz1Q/NvlniN\r\nb4MU8CynUMLCOs35ODDnPK4K2kLW4jeG6oUT0ASKD7bf4jal8G1Kn/0wzwEc\r\nIZ9KywF0ixKgUgxP0slYs33lnRHcgxxBiPdWFraVpA2Z2cXEPDWiqVebYthS\r\ni8lP5dgUMXNX1U7I/1fth6O5xrONdmBR5GvMYVxANz8z+XES0W5dE6arY909\r\nb/fRiedAhLME0hCFOm+LIRRu8oei96KxBH3d46gJzFlC98L72mi2INLsTtq3\r\niIYu/VMyPEIp9rlsDIOhGrpk3jAX4V23wkFbx0jZcKyHT6qm591AU5uc3kZq\r\nnV11HAQYxDTOl4iiV0iY+NbmbXI2mdfGptV2SFry+8G+eq6g92wdiaUAntdI\r\nOX8sEuVZRxVhc3qT/0//ZLMoHuTWx7i9O7c=\r\n=ULE2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"de0e292c8ebcab887041fc4a59b3c0172f4d4310","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.f771b091c.0_1681745798018_0.900161271834641","host":"s3://npm-registry-packages"}},"15.0.0-canary.79b1b612b.0":{"name":"@material/animation","version":"15.0.0-canary.79b1b612b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.79b1b612b.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9ab73934eb7112518d67a2d42fec14d2f914e89b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.79b1b612b.0.tgz","fileCount":25,"integrity":"sha512-OYTq3xc0wcPlzerHRH8+1q9wn2P2tOC49HjMnzHlpVg/CMqKGSiVLQmZ2TblTqS+259itZ/KtO0Pddx/jf3+zQ==","signatures":[{"sig":"MEUCIHbi/a9H2FfWFGlXToJSVmnrpY3uYU7WMLVf27RpaDh5AiEA29JWrFOEZnmCw6oIzmsAgP/MpFRBwVvfsRXymQo6sLI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkQHuCACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp4zA/8D/MZkQcVjaVzDrYpMbweaytbevFLdTsE/e/4Tuj0Aa5BG3CT\r\ndar41sVezPwkTkX0RHYXPInKE3UbVEcarhE1B8f4OTX09s0ysP+zKkI8ZzTc\r\nMTKH73s5nMv/hItiEHJXA6qyOTqmGgdRb6fKmgRrL5OvHLDocHsDuAx8eKsu\r\n15tzjabBFmFshtOs8bTYi4X9I++nd+1psWlbWuD0A/ZfuYvtbj2wuLdYcnLW\r\nelO9c4uInUaq7gR3rYStE1wtCKz/t597BTDtin1h+7JgOLjY1yRXZKPd+DLF\r\nq9Jtqkhl9BbHCtMrd7NRNQ5P7ybpDFhMHOrkp+v8hYkW1W0sWsPaRE5l1Xr9\r\n8lYJBxNk18bW966Zo3vONzUkQuRZ2OCpH0HH2rDXJiQyaQTMZtChleAf6BZk\r\n+fgeVLPjjhvoqMYuI+ZGUFCc7nXIbU4ps/rCwGBasPhb8yXJxejiggWDNmqs\r\nA9lLHwV/Mckc1wN8LZ1dFwUiWmD5M8J4b1Knnix7lZu45Co2KETtxQM6qePg\r\n/YH/r3OFnpz+ADlEakeLt9iBe3oCePBNS2xy41KXiEI4/EnB07PIejcmQ4GC\r\n1AADrqOnCpFQC/Auo1t0N7epunurbSlAVuVNtFP89rrivoTVOSu5FQlMsysZ\r\n0u8l2hZhrHNqMJubV5EjA7+80N9fLJnAHtM=\r\n=JJiE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c8248a1b49ee37b1782b19aaa49b5626c914916a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.79b1b612b.0_1681947521813_0.5995785720354712","host":"s3://npm-registry-packages"}},"15.0.0-canary.6f50071e5.0":{"name":"@material/animation","version":"15.0.0-canary.6f50071e5.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.6f50071e5.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"441d55c6856be6e57d5211a2ce0496723f9bca5c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.6f50071e5.0.tgz","fileCount":25,"integrity":"sha512-5MlEK/girHvO57z/Qqo/mzLHAwiwzMlTl9FXotp4BXAn0WfSzfEKtNGy9kJsi1PM6gSVF1YcaG0oB1/DOH2LyQ==","signatures":[{"sig":"MEUCIQCbWhaXsF7KfB+pKM9lnHSFghI+a++nKScYQYmTnflbuAIgZiGvDJ/fQZCtI78RBe+WvZH6PMVsbTN5d+4tvu5k20c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkQX2FACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrs8hAAokBNDxftHvlsdigThspLrg+d/pH+o9/TEXRJWtxjSko8Iudy\r\nNVbdAmgSJsf7fCpMl/C2IA/+8ilSG7gcTVo6+CcdY6AJSGEEC6M3I4P1jkuP\r\n74MTw1stqZZVEgPfeJ9l3nlVOns+qwiy9L3Uiv/8sHOT1swe71+jC/eq5nJC\r\nxRE1LLIygfPJUBXmP1y8dWZUYxkfFAl3DfV4Vd/AYMSMeJfHu4xiG3ZHDKl+\r\nxalN9BW9Lh/17KwNY1Wv1X+NLguv4GIl5YACwgtFIaxWB/+mzX/Py58Z9UmN\r\nGQf/cCQFyqCEncWtWxiEv4Qm05+J+AbWz0kEeuySnSkpf3MV6uaLQVTOoXvk\r\n/yjJH2PySjvoxLDNkquU5aizgPbp5D5tBUkISk2pxu8msI9CuCGRAxCG44cX\r\ndjJVEWFwtZrGRvhY+NH1yKCIuwwKJhQiAk3HIH4rfVv9AbtGTtNE1GjpB8Q7\r\njxTFoY3bQ+CyIRFwQzWdPbZ1FqO6Xq5J4fUEBJzRW3l5RYwUbcPWD8tXWI2V\r\nangTZPozWvOkPE3Kw55ISkCDuClMOWPMHNeHWqtdNNYf8ngmhGU28QmSz68o\r\ndUDGyYmBPSX/3VO5NldJqhqSsVWG6tCHVg4oZwqR940Aiqd4UBe2bzQYbo6t\r\nab0k9kKwIaCsei6Q8NuuWw4cunIeyk4NZJ4=\r\n=xdfk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"0a5eb7e7a96b7f207546983c0f79d6fdf23f5228","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.6f50071e5.0_1682013573640_0.6191092278976014","host":"s3://npm-registry-packages"}},"15.0.0-canary.ef754381c.0":{"name":"@material/animation","version":"15.0.0-canary.ef754381c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.ef754381c.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5f20ee7b35c24f1b8be5e5f7f14baa02ec43247f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.ef754381c.0.tgz","fileCount":25,"integrity":"sha512-OPvAstSRHjNwYulLEg4PHLsEEe6aq2VxnN5V5B0HyQ+0ahQYumcg/hp8bfPtwzH3/7FagHazLo1C9IVQi4rCTw==","signatures":[{"sig":"MEYCIQCdF4QnWQ9zqjGhrbKGloiWBtqdWnbUIwH4vuFw+/m4ygIhAOnUUcrrX9Sduxygx2WBIuUDv7gJV3oylEsLHwV+7PSp","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkRutgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoiAw//RUDLpLXnKsUj9n6F2D4AP67foM0k3RzuF43xVA3qrf93w6Mj\r\nm4CvrmQqa5rIp1d8cktWE9QAp9/gaqAv4RpUsXIDxkhKUDZLm49wv9byFkZY\r\nrsOdjJNyqPton7TMeHr2ur7TJXrLCJnsQH6qy5kzeJSINTngJgd8Ntu3kJZT\r\nlwPdqORjaHTgl91Q0XcTevqiEezQ4Zo5SdmYvn+WGmJQ3pEg+/DXaEXPQS1m\r\n7+2RBEpuyjPFGvaXaqKiEA+MVMZ1j1/3PfMFY/NbuzaCg2P6AZVCyLHrA1ep\r\nBCiUWk5cQr1AbR7Y61k174OC4BKInLP7lYpKhHtP2d+CMTkpsqlZbWGxaChC\r\n/3EjDZqGwHMfdOo2tolS2PB8OmaGNT0PNab8xWhtiFU+LcXb3XGfNe7kYC9t\r\nO1qbYhdnkN+qha6eDG5YS+qmlfeLOOzmkn+CGBpW4pPnnkq7N75LC5WYHFwX\r\nrJooK7rb6S3vpmtetyido3TJTj9T/36u8Xbw0YJFKoD+TEkjSqYapSgg+hpF\r\nHJCayh07SRml+WqtE0EwPXXe3457dnRgCmCNg3sQ1ShhTiT2RpvdJho7isgT\r\nFPoV4TjDOJ3h+h2PMCJcKPoqnd4vX7RAugUl4wh59j/weXOzFfM40XIC3oZT\r\ndnqgiRxWCjkEVrgh0VqQUq1TffELNXjTgC0=\r\n=p4IS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"998bb9432e40056ce6ec836100d9a46f72ace249","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.ef754381c.0_1682369375855_0.48525293543684667","host":"s3://npm-registry-packages"}},"15.0.0-canary.69ebf61ea.0":{"name":"@material/animation","version":"15.0.0-canary.69ebf61ea.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.69ebf61ea.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"93f5b4610b1075ab4d592aed99be84e3bf28aae1","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.69ebf61ea.0.tgz","fileCount":25,"integrity":"sha512-fb9g2UTOa1cmjQShe5bbuQCwgkMf2CYFGARKR0K0PRNnVSZ1jB9KZBWn+Hm6kpJKQvZSyUKyulEDE7LwsVjqQA==","signatures":[{"sig":"MEYCIQCKQHGxcTabA4RGLqm0y+3Xe9DgSgnr9cWoIU8n7xM31wIhAOl3hytpHglRjL59ZrY1MXG5j/Uh2H7uzdSOOtq6zgO/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkSq6yACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrpbw//cT5rBW5LJR4Q0PaIjpRevLfowpHPNPiPTlR+UXspxRykON2Q\r\nFQwRWgv5T0QdKusV4Ud/04N++M16wfkUa511gT0mZh7/aEPPJB1X1QngcMkM\r\nloEtPBSHGxnPOrUGWgOU7RYmpgqxNprgCfapqcb4iymD5EL8AzWvM9NFcnig\r\nH2LprjctKMfB9rqqtyyzp48a7H6Iex+gEH4/tYrncXfDIwMnieh5y3CcP0mD\r\n7TOqYceafNm0E1dDOMuQBMZ9VfU0bw04JTsOU1e++QOSGTJuKvykkRLpBpmP\r\nVCz5KcI6OcaTGfhhuysJzSMNEL2KoR0QLtdtDdK8fO3dPHgy7goV/nIZMPSN\r\nMhy365rUFOGdRjYVGBxi8AVl/0Ao5+knL9D9rfZxS4IZnY+BDeOGMo53hIG+\r\n//Aj5Bo9rmsRGTS6tBfvnTABRHBQTyoNxvCAo+++wo+zhmld+o3MizL9FHf0\r\nkOhYfdYUwLjqx+Rk5WCl9b+McIZ5AH40iCEZl7bpdhgxyJo204armW+iTa24\r\naZAeaMYIgwfAUz9ptWXvAQ69b4dMaV9qtisBpgEQ2GEbUz5qgjfTP3BlBi6A\r\nQ/DsYAQ8qyH/uIHkwrbXDQgn5vMlZ0eoUWmhgXUlUoHF9YHHdTioXsaO9DRa\r\nitHDyS3h+o/DLU6MhH8Crwt7AkF+gKrWo4s=\r\n=9hEu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e68ad025642429a51f137e9f3fc853364faf0622","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.69ebf61ea.0_1682615986163_0.8543798953226691","host":"s3://npm-registry-packages"}},"15.0.0-canary.b90be86de.0":{"name":"@material/animation","version":"15.0.0-canary.b90be86de.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.b90be86de.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d471c84510567bf4bb01f2c3eca16694ed11cf0c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.b90be86de.0.tgz","fileCount":25,"integrity":"sha512-EM/A/jibasTNgIDVgviHqutg7dCKvQ+oNs7g0UAVjJrmuuZ3OrrG5Xy1arqFI4DTOMR07uoE48C4HRuEhPuICw==","signatures":[{"sig":"MEQCID9m6ws9pJmrINTPtTEoqHFNlGhyVY3W6aiGFtLKtSzRAiAjJakcCUMnsut3zLPhQ/V/bLZTLjb7wh+LGaXrgLP9yA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkTGLBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqRjQ//cRuQqkdAh6U/RAZaK/0p6hrr/xLcH+mtg7u+2GBMKEC4D+ld\r\n0masb78SkAEuPBZa8ZgKIf+ZfHHRQTSb0qiwv9LKD687Aou3jyskWPJX0+OA\r\n0IWxWZjOpWJfzfCHqmXrOcCZ3zP8FD+9M/E0zJ26K5g30E9ArhgPZtRRHZ+a\r\nbOVh7gK8977neQxyXRrqNwL+cr9uG925iDIVZ89/F+W0E6QRixc8SM85v54+\r\nvs2FBhRThylXvm+qKdsTLqIhA394YdWYyp8KiqI/7E8EEZf186K0MsgiI3dz\r\nl88tJhzBe+60/fZ+2cRdtB8RVebgKAxVa5Took3cHlDbt4hEo3NcikeCtBgA\r\nScJoDvbfD0ILp4nbwVSL+gWtD1NqeHcy32kEUnr5R7j1vtWkvxtWEREKIayC\r\nGOOuNkmCfRzoo/+Yhbr+AKvlWRQSo5XvfgbyAlyuAks79XDC4EYLe0tugVTy\r\n+hDgvHqQOQaMDMBSJ784dDa9wE/EGOAgwMVQisCxzq5zGdGo+UeCSU95xCDQ\r\nzYreKTX0zB4Vua14q90M47sIcclxve3pHcL645G92Iz686QLBBchdyd3TzSj\r\nK5ikbGNRWxRspjQnRCW+fk+wCZYcnfoqdL6qsPWz01YufuMc10scTrCHd+Gy\r\nESb09QL8dOagyn39IXekbCSFWcFjV+F5lXg=\r\n=LK4j\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"903a4c00d6c4501b4eae8ac0007164ef4a97ce0e","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.b90be86de.0_1682727617160_0.03779253032494023","host":"s3://npm-registry-packages"}},"15.0.0-canary.51f9c0c28.0":{"name":"@material/animation","version":"15.0.0-canary.51f9c0c28.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.51f9c0c28.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e827275ee9bb83b177c112993cdec2eebf1f9901","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.51f9c0c28.0.tgz","fileCount":25,"integrity":"sha512-YNCPsf7yoRmduOd+7H+PlQNci7gdvjkae92XQTY8cnYFy9XTbgFCmwCbJQn5AgxHtVuMssKl2sroszgUmF9aoQ==","signatures":[{"sig":"MEUCIGNHqQLXOMEvnCIE17fKQ3foKQ6fLe8z8rKGqo/bRe6oAiEA6Qn6fBTp39yi+A6mH4bQxTBqYHcEN5J+e6liQaGMTSc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkTGUKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmohiw/+J9MrSEZlqGsmXZOQ0Rbib/Sp4bWaZ35c6bm2qKdWTg8UbxvS\r\nxv+YdDfeGgjzFDcwANvIsAzMIhJ+Ct2MCiXPHh5HO7xnOHQubZLpJqsTZ2tL\r\nHgVUZ0x5WxruJ5DW6VfW9lz/q9ShVdqmW6GAwjFPvKnI/cEFEMnasD80VwNN\r\n/YaU3RKdjZ9AscTX158QhCdKX2v0Aw4rluy3uopIci9OCoEjLZSFsgHwfIf5\r\n9BYl6h5SceBfbLb/PFs00SVYB7gW6ZdvDC5kIlhJoTrBSErro2RAf39QHFuE\r\nimuz+Wb5D+Ie0z53w1Mvm6y6MkP7Q4DTse6/8Vkxd3+fYTCA+j/xqQ0ACfg7\r\n1K2x8mce6na45ARZV44oKkdWA3C+A5Fd10wLoBbbok0TOx4gVdZnrmInIUGC\r\nJ/WPYXhP1rrdlflB+JGC91KZqsBb1UO8rh6yxp1WIpPDEA3DfYAjyl6NH9QK\r\ngos1HSo3wp1qXyPd0EYaO6ajN8I2qB+sD+nXcO5zosi5ux2j3B8FtPgojLVn\r\nlv9gBv5Ply9shzc75q3ENl3KgFX+3+zzhZyfmpd04lNlQ2cH87/cw6mdIihS\r\n2hiSCvCC2F6meLT9f2Tg7cGgJcFYcQkMAvM5si/4IuYHPigLGMi+M4vS5vel\r\n/7omewR+ncYeYpEomN4Qvd1VWDLvOlYJqt8=\r\n=7zNf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"87662f1719363ac8e600f73ed8a7795c25d8add6","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.51f9c0c28.0_1682728202142_0.3972338366341839","host":"s3://npm-registry-packages"}},"15.0.0-canary.4e840d685.0":{"name":"@material/animation","version":"15.0.0-canary.4e840d685.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.4e840d685.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c0c908c85e27a18453383213bd51a64d8f9758e4","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.4e840d685.0.tgz","fileCount":25,"integrity":"sha512-7K05ei2CdzmfwJ6+VdtFduFnbUjDBh4y2qtnD+C7QUGqIaDxYWOdN/pIKjw8CNI5XjqLPewF0eEiLeT+kuf1Dg==","signatures":[{"sig":"MEUCIGc+IAJh8QeJZ694Gka3jMKYydLy1q5fuIXGOyUk649iAiEAt6g98VkLR++fdv+uCqN+D1CuQeGn+HvWsngFTU1NGao=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"feb1f9f53257b520aff6dfe5dd1a15e319e73a40","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.4e840d685.0_1683041518737_0.7377917332425941","host":"s3://npm-registry-packages"}},"15.0.0-canary.10b8563e4.0":{"name":"@material/animation","version":"15.0.0-canary.10b8563e4.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.10b8563e4.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0210cf793cf40a717530c163783bbaddc3bb028f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.10b8563e4.0.tgz","fileCount":25,"integrity":"sha512-VNNSw3CJg3QBB75Q/P74YkpU7z1gOXJeX6cL5bKH+t/BeAnM7IPWNfGAtgv9AxBP6oR3mG4dmeHISCBx+EsMAA==","signatures":[{"sig":"MEYCIQDZ8SkUfgoX45WttuI5UHlbpzEHw7V8gOlAOE8mxJJ1FgIhAO1ibrcGYU4LOXdD/xWvx4o/tfoNAFuPNOSEiyHIKZDU","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkUZ90ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrNIhAAmoqelvna+DElw8FPcGv0ndlRsiOiw87N/St4avUeLxyQKdXi\r\nzgm0wWSnfbKznzg63BTphjfk2nkbP1bsZCExNf3sBrznL76qhdhnNHtfpqLk\r\ntauQ+oOKUZz9I4+eDqyNqRm4JMgsidOMj0RjN97pUAIhM0YgOqcuI678rrYL\r\n3DG5V/leRvHyt5cBFKoHqrn26qP0OLQWnoP/PuI63Famb9/3jHHZMhkO3oLX\r\n/HfyrEpLdWJTcq97SbvTrXtl5mYNEFD3rzslBBXaKwl1Wcd4i3/5D5/DULlL\r\nJ6UbAOtU3LN8YTnGNjmILDBz+lyj/hukY+JWL6YBFyz4Pn8U8G+05jZg6QyB\r\nYxjxSLXWn+mBnHzfldSO4Puac7cOncm6iWxWGkBhZsixEZ91v+3n4tMFcZG/\r\ndKUvdZHGjNyMu08s9diPnKuQvmDZ5sBvzJkp3ab7rxHaEdFZ25Y6ImRknUHR\r\nWeXvHi1iwYYlCExwPGnhwSK+vxfrD7wIZ2fotelLYWu6HIcpi6LQwbAytrss\r\nbGWZPfv28soRy58ITO0jGPpJNJa5N3kyorbt+i3HkR6SLSynEpi3sx2V72BY\r\noup2nnQF96zpft6L3Z6XIxSkXuXpZWiVSSilU7sf3B7rLcndNiV77RX88B2z\r\nn2gnN8XTQnP92vbHbR2roTNVZqwmrD0dKJw=\r\n=LNzK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"5f71dcbe45f5245c72c0fabae0162af558c5c395","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.10b8563e4.0_1683070836469_0.21721553024768325","host":"s3://npm-registry-packages"}},"15.0.0-canary.736b7fda4.0":{"name":"@material/animation","version":"15.0.0-canary.736b7fda4.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.736b7fda4.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"835a3d5ae0f949e1d8ae32de74c447ba9f89980f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.736b7fda4.0.tgz","fileCount":25,"integrity":"sha512-BrvfT9L9oqTXlJwdc36t/zy+EzmrLZl9gLm+e3Mf5n37KZ7PiZYLb7AybMCMTlOMV9Uqze329YLEPME0T9Cglg==","signatures":[{"sig":"MEUCIQD46aE5pDPYA6t73kumEhkowI585xig5IMhkLNU2yAdPQIgWmrXqc9vqbCG8dzCYb7j7zRNO5D0MxVBOZIRB6N9BqE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkUnjMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqDYQ/+NMTnDeUZnbBW4UVCfELSe3G1Wp3sYdoNA3dKi12h4QPKCNEK\r\n1Qf4sCN2tIEKwIJs7dueQ9iirwAGxIKzpfZKaUdkBhuFlUCTpLGwKFN0A2tY\r\nftEuX5MTue3ISGRhLxLccFOzD+BxhkBAH9P6jXe/Mydl0h5xWkXwkEiR/urs\r\np5cub9fhYWlb1eF9s8UvQd55xMXD/MCzWASuNLfaGmIVaX+gL22xiV6dwFpB\r\nD6/7ugdtuMEOy3aCVV0Oa5bO8WVlj+7yra3zybvaeZDa7eI/VXztWP8y4c5b\r\nu90zOAn/r3H94XqfrAF7YAsOuwP6q/bPdjVkgB77sFCPMzB+8z1e41q10vFh\r\npGpb6LpmHIRl6bkdITBpOB5SsngqqElV6zW+v0aJc1xVoBx566NntNiDEoil\r\nZgu0WDnhU8s7TEZdDSamt05WOd1xFYo6DJ9NCJ1BVmIvHna/csfvSL18NBMp\r\n31Ne4H2sGuH30PzEthBT2V/2cobVRtIKxkXjd2BDsWd5+V61FvFuSV8+rKuD\r\nZ449lmKc+igXreUH2gF4fkEYpFAmSL1csMZzWCKOJ/bM8XlwTLYk3S5M0jMG\r\n3P+0pVMVATLNT/0h/sBgI6Ez1wYOJYJpDO34b+tKszd8xxjar+QHZmhG6RyT\r\nqc+s31pB2ruE1/kMVmlLJKcPOBTsGfg4vIw=\r\n=6otH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"b9ef54594aa8f93612aed085460f035d0aba61bd","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.736b7fda4.0_1683126476652_0.10039707215452509","host":"s3://npm-registry-packages"}},"15.0.0-canary.0e533c5a1.0":{"name":"@material/animation","version":"15.0.0-canary.0e533c5a1.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.0e533c5a1.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ed39163713160fc68879a751a047e13e0fce59bb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.0e533c5a1.0.tgz","fileCount":25,"integrity":"sha512-qOi3nWIeTHzhvvW1qtX4h2B7hHqcVTZUoH3F57f75ibVR2Wxa2hNV9GYx7QaXamQWOVD2HmWBeK+NZ/S1e9O0g==","signatures":[{"sig":"MEQCIG1VZrg/TjVl4lRCwTE3mBYEof0yb8ordhv1pguHNiyqAiA/mtTvwCc0aC36TK0wf4uVcVmPVoYxNXCpuLyBoawQAg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"6b9b4497cc6457c9e92ab3abdaad626c73e610a4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.0e533c5a1.0_1683305694348_0.6675165575046167","host":"s3://npm-registry-packages"}},"15.0.0-canary.5f01c15a2.0":{"name":"@material/animation","version":"15.0.0-canary.5f01c15a2.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.5f01c15a2.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"144388ba336c15c893a00195f3127b7e278ac5db","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.5f01c15a2.0.tgz","fileCount":25,"integrity":"sha512-yIJzIb+RFcnvcBdEhExq1f/cfu/X+YY0Ca1aIQq9SGLwzTT6Cvm3Blazb479xRhhJMJNvk3Ez7WtFTTnX/x1iQ==","signatures":[{"sig":"MEUCIQCNkn6larbnLj+5klXxcIX77LtNIsCHp5Z0wyoEU/11qQIgUpNTWiI8PI9OfVQ/0AWKtHCQGl9xoAUT76CyJI530Pk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7bb1c5dfc575b36654ae046d1f4ab3b27e8c8f9d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.5f01c15a2.0_1683307499405_0.5983207841286393","host":"s3://npm-registry-packages"}},"15.0.0-canary.3b5b55e31.0":{"name":"@material/animation","version":"15.0.0-canary.3b5b55e31.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.3b5b55e31.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5fab2ee7c789d1ce78c6b85877fbdf8309699bfd","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.3b5b55e31.0.tgz","fileCount":25,"integrity":"sha512-4OlCKqydjF3JtdioZ5TlpAkSxQyJUjL7jIXzf/xIU6MRVOD9kTyqgUkUKNAq+m0I7rtA834NbF7MVam9lMsdkQ==","signatures":[{"sig":"MEUCIQCF3zZSEVuO2wAIQJAYEyrgYH0emzA1mJ5hVYudxfD8JQIgafoQobYkVIvOEREWHkz0Hko2XFvJd9yMEPhcH+G1kLo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"c262d9ee39655e869886d1584551a096ae56dabc","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.3b5b55e31.0_1683311846039_0.8573864845960864","host":"s3://npm-registry-packages"}},"15.0.0-canary.d0788120f.0":{"name":"@material/animation","version":"15.0.0-canary.d0788120f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.d0788120f.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"69c705ac9a987e030b3c1db36591ec500951da4a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.d0788120f.0.tgz","fileCount":25,"integrity":"sha512-h0oSXgzdQbt6m/zsKESn+w+Hla7ExiG5wptDXmmRp5TefGlpm8tQpZcFgInnxv5KaNwtp2mRXr0+kQ8xnagrhA==","signatures":[{"sig":"MEYCIQDgH1FWqBTziCeyD4BgqPQ0C15hhIAvEZvbqhBS0xNZ0AIhAJDLmn42amHplCi0eaRw5k3MM4KEbRn7/8b8Ocd9ra2o","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7eccbee262206623b89c40dadb4e11abe30d5e45","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.d0788120f.0_1683620503682_0.5797636540750368","host":"s3://npm-registry-packages"}},"15.0.0-canary.f52358dd0.0":{"name":"@material/animation","version":"15.0.0-canary.f52358dd0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.f52358dd0.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ab44726b1b8d0f4712eee7ff3f3b084a8a760906","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.f52358dd0.0.tgz","fileCount":25,"integrity":"sha512-E59P9erhCWAG9DBR8iDJGmtzzLXRBgNLTCIRYvUZjdhhkc/6FGDBcaY9ckgNJMz6bZ4VU6Uykm09GkPF3/GR6A==","signatures":[{"sig":"MEQCIFSyyMSKlrF+C/OIiGVsylyFqzUrP9bzYqE+sXmS44hbAiBHsM/0s+OnS9hCUDQrtGR+c3kJozeAVL9kSiMG1er47w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a4baf07a9736a6e1fa40001f7198ae1865d67392","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.f52358dd0.0_1683901739525_0.6171325210078693","host":"s3://npm-registry-packages"}},"15.0.0-canary.d3c3fbaa3.0":{"name":"@material/animation","version":"15.0.0-canary.d3c3fbaa3.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.d3c3fbaa3.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"16cf2051833d236f8844c5bc7063d8cc15755e50","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.d3c3fbaa3.0.tgz","fileCount":25,"integrity":"sha512-WFngwelEp+3Mc8PjwONQ0w52neUXnx/YzGH6PRoPJgMD85rAw5r46KXEA1++ty9FL4/QTlMMtrOneGzetliKzg==","signatures":[{"sig":"MEUCIQCqtzeBWOo96dqgaGQ1oHa44VRq1HJue37teguVH5hpjQIgEMD7OddBEpDlBc093G883V/lW48xhmXj8eMG8E+yxjg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"3b7f31c254605439f8fef56301c46f7bcbf3a9fe","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.d3c3fbaa3.0_1683914344894_0.09331498360338819","host":"s3://npm-registry-packages"}},"15.0.0-canary.576d3d2c8.0":{"name":"@material/animation","version":"15.0.0-canary.576d3d2c8.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.576d3d2c8.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"59d6fe5be849533235ff049d3f7f0da25ffe65ac","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.576d3d2c8.0.tgz","fileCount":25,"integrity":"sha512-kOba/FmgxMNWL7Zgyma7Ar0vsF+M/lu089qOeAviD/ccohYatmsr0LGaqFZL+M1AjnW9wXOoBtJXPF2kFii5AQ==","signatures":[{"sig":"MEUCIHbEvff6CCTljXeE9C/NrdNHA1oYPnwX+KDi6smx+g3JAiEA2tq2qTaiDbabFuZOIs9CR1UrNSpXYPhhkaGjzwSK2Vc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"6ace19a21b6654f14cad48fc007198859874c910","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.576d3d2c8.0_1684202322119_0.6616574393679517","host":"s3://npm-registry-packages"}},"15.0.0-canary.19bb36a46.0":{"name":"@material/animation","version":"15.0.0-canary.19bb36a46.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.19bb36a46.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"337ce62f94d0502b6beff9bdd3822b647f678cb7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.19bb36a46.0.tgz","fileCount":25,"integrity":"sha512-5Ebrx8YZCIrSa0ZuIcD5JwzH2t+Sn7hqLlkeXPUXo57orVH19x2Ia+lrtZ6+j/QFDRuBfoU/695+/eW5px3s/w==","signatures":[{"sig":"MEYCIQCXXpDWsVpdIsHm7GX1aB+0DF3nwacT3kcNvfyn3DEClwIhAMx6iBdVz8AbLURVmO42Qiiqn9Usn1TJF95mDDfvKwek","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"75157be315eeaa02f70ed69f97e44a7d40d53e42","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.19bb36a46.0_1684266760881_0.9663153817257202","host":"s3://npm-registry-packages"}},"15.0.0-canary.aa5ac7fe5.0":{"name":"@material/animation","version":"15.0.0-canary.aa5ac7fe5.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.aa5ac7fe5.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"41975b35b75dd758cf4c3a19ed4beeaeef471957","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.aa5ac7fe5.0.tgz","fileCount":25,"integrity":"sha512-RijWbokzbbTqo38io7grWruLI72m+oZc2LnQb4kreGwZoIUUdEfLKktQe9fcW9AL9oDBgfpfd7vEjnqORyH0hA==","signatures":[{"sig":"MEQCIHAdHtl3u2xaLarzwXCC2c0QdddiS8/aTpCS9myldAOtAiB2UFsanj8eMJgw/5ulxYIw5jodNJXWtnVz63lwi1XS+A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"83e86542dd6facc8ffe487d31111412ee18b5bde","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.aa5ac7fe5.0_1684776221787_0.8626437469800854","host":"s3://npm-registry-packages"}},"15.0.0-canary.90291f2e2.0":{"name":"@material/animation","version":"15.0.0-canary.90291f2e2.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.90291f2e2.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"8aa34d94cf2ae83ddd129a6f90da7240eac1be21","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.90291f2e2.0.tgz","fileCount":25,"integrity":"sha512-tr1y4KYZ2Ml9lFU9b91r5jivDCbh0N3Zv6VFe0frphztlZO5Lqx7MCxsliQ7NwQjqpXg3MkD6ZusVNvnMyo+LA==","signatures":[{"sig":"MEUCIQDbXvWqbROVh1S0cZcKtagdpJS4vwbaZQhV6jRmLu1/lAIgOQKXOKjojHajcXKj0pykvKnm3HVWtE1vzcHxnsNDN5E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a1c306471717b15ae8f0b481703ed1b46162df25","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.90291f2e2.0_1684863679649_0.5541436704314409","host":"s3://npm-registry-packages"}},"15.0.0-canary.446734f27.0":{"name":"@material/animation","version":"15.0.0-canary.446734f27.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.446734f27.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"3e9028b7fa161aa5e62e2a2350184378bca94564","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.446734f27.0.tgz","fileCount":25,"integrity":"sha512-tlbFJcGJuqP8WVcfKmOt06cfasNrEmJX6M2Kca6JLde8ES34Edc4HnadntMXXsYr6YZTaUzX3/+QkFDddvZcaA==","signatures":[{"sig":"MEUCIAh7cnISyo77WoO55YplOEljXB2JSeOOMHt4rQ+cNcelAiEA+PfBHF4nZhBiLCrVjR5+rHECKsXwbBn4GCJ/vi44898=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a2536a849aada5f06aa85deaa7be06f44f620023","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.446734f27.0_1685483205273_0.9358825368985204","host":"s3://npm-registry-packages"}},"15.0.0-canary.19de312d8.0":{"name":"@material/animation","version":"15.0.0-canary.19de312d8.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.19de312d8.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"86d75000f1969f9c90eaa8b4392be89ec3e9160e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.19de312d8.0.tgz","fileCount":25,"integrity":"sha512-WhZAXTq6cQWZgCF5xSOrrselSf6fb1N63aj9+Ii4kMzBMeBd2H1PjRmvN0wqyRnERiAYm3xGueXYghK6/iUBOg==","signatures":[{"sig":"MEUCIQCZxN11NA9mWnHMYu4GvyVY+IHYnjXlrowkkNfvTkdr3wIgUXbvycEnGLfBX8xXVDiKI+xSaB5p3Yb26XUzvGe2URY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"dc3811573a34ccafa5c09bcf14574bfb95373958","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.19de312d8.0_1686071794870_0.4489943578794837","host":"s3://npm-registry-packages"}},"15.0.0-canary.6081d829b.0":{"name":"@material/animation","version":"15.0.0-canary.6081d829b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.6081d829b.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"32579789c276c20083fdcf92ac438a80a227e4af","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.6081d829b.0.tgz","fileCount":25,"integrity":"sha512-v3HsLgba94E30TJFqOSYsnGctp25MuxHLVX5ZwXV3i3+6EYbLdkBUo1UogIrxBqfrB93Dm0qcXZxKCqFIAwQkQ==","signatures":[{"sig":"MEQCIHCbPqK7X2T7r/yYpJlv3hFKjBmOZlrj16mWZnZuH+y1AiAFCzesVVL2xfEcOxSmC2rj9LwgHyiwXaGP+agQnE0ivA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"033569cc4deafe32dad2bf8cbd1de8789bc85668","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.6081d829b.0_1686100361951_0.5394123620337126","host":"s3://npm-registry-packages"}},"15.0.0-canary.b26c34a68.0":{"name":"@material/animation","version":"15.0.0-canary.b26c34a68.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.b26c34a68.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"af09876d84a325120d314bf164a7f50faf6476c6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.b26c34a68.0.tgz","fileCount":25,"integrity":"sha512-zVNxrGCZHcV5Xb2opbR9Tw3NLn3ESbFJeoBqQwc8AeDGx4gug6mlyAl5iX1fg1bvrI8h/7bTZ7NZTlJYBjmltQ==","signatures":[{"sig":"MEUCIHzwpbpDKEBTySGjZhWOPzv5iZKzZZqX2ZI3i3pG5PwwAiEAkmtqITWDbk4xAVAZn1/LUjMhuwOjPhxXM/pNc9JFaaE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"28919516866e588c52e4e6358c3c4d2523993b74","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.b26c34a68.0_1686168858601_0.4050660052252866","host":"s3://npm-registry-packages"}},"15.0.0-canary.4fe911371.0":{"name":"@material/animation","version":"15.0.0-canary.4fe911371.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.4fe911371.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0eed3c1d2fee15f720c97ad69698970805585fc7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.4fe911371.0.tgz","fileCount":25,"integrity":"sha512-K3s9M7A7cRbLeR+pgN6sJSUGgDG5TwZmcl677/q+qiAN2PPlaWLe0oh7wW34kEWhNRwYjYym6J5OoRz+yvdZqQ==","signatures":[{"sig":"MEUCICfQJCPLg9UbLFTNMSlsAQB9K1+Jh8hfICeV+JvcT+/+AiEAtVDDp4TL9Wf1eGGFTx0ZtCjCsqgJEt/NXsLUNNEXGlM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"a9de53a24d5e0f79f94310f061cdf2ab718df7f4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.4fe911371.0_1686179061121_0.46954138475036444","host":"s3://npm-registry-packages"}},"15.0.0-canary.a9ff9866f.0":{"name":"@material/animation","version":"15.0.0-canary.a9ff9866f.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.a9ff9866f.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4335347b32522051e7c7213d142e61ec9d382176","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.a9ff9866f.0.tgz","fileCount":25,"integrity":"sha512-zfz5h9wcHch2LGOprqhbvpSKn39O7wsgoiYa46dZVf5lTZdC/4LMWq1LI6i5886qpeg+l95owjyYUI2KJU7Q7w==","signatures":[{"sig":"MEYCIQCnHxkorwJWTtI3xzFO7FgMVvUn8mr2CSkvKJ4lPlUBkwIhAOPfwY2itHwYxHwxO+V1WGktpdmjDGlhe09w4fw5mEhF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"5bed0ec6cdad0c38b52e8ac98994b2809d9c8f50","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.a9ff9866f.0_1686656214961_0.8143874474613508","host":"s3://npm-registry-packages"}},"15.0.0-canary.b994146f6.0":{"name":"@material/animation","version":"15.0.0-canary.b994146f6.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.b994146f6.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a64fc6151c58d0b840e27290cb6fa4887edfe738","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.b994146f6.0.tgz","fileCount":25,"integrity":"sha512-kqqzG54tabYJ5VsBur5k1bqCFQCEpaW3hmLRMiSVVxRY7XgTt7qkuOOz48gs+MPqR6P8VIi6gFpuscV1+DWDhw==","signatures":[{"sig":"MEYCIQDzkm7/yalwyHr0xdQZGu7uE0oicDpoR+1DCPf0qDxUrQIhAKmpfLUFGL1V2YOeMXS5k/89F2nlU5AM7fR0dx3YUNWU","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e537228a5d88e4fb9c651aa15b1d56bd81bc63bd","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.b994146f6.0_1686776529106_0.7746546751128454","host":"s3://npm-registry-packages"}},"15.0.0-canary.1fb4b1a06.0":{"name":"@material/animation","version":"15.0.0-canary.1fb4b1a06.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.1fb4b1a06.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"6c14cf4b56607dea7e25b9abc6d32f072126b912","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.1fb4b1a06.0.tgz","fileCount":25,"integrity":"sha512-Od66G2pbZ+oIxiJa0943k5YBlz58aJvxoBOYTjiUcQqx8/JGtLPAZj4TPKzPeLorTiTGN+Mkx8JenS0iigfb6A==","signatures":[{"sig":"MEUCIGUGL5F7qjc2r0+2PmcSIZ6kKpPsRjP5BREGEpsEQcBfAiEAq6CfiWDd7I0pmsUZ8aqiASqsQRJ//+sV/UHeFTccWMk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"1d1b86822f3fc9f22a5fdfc1c381d5a4ae983829","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.1fb4b1a06.0_1687892121351_0.08413063688788336","host":"s3://npm-registry-packages"}},"15.0.0-canary.c64a2776e.0":{"name":"@material/animation","version":"15.0.0-canary.c64a2776e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.c64a2776e.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4b9f7a7bc67347a76bb87461bcb569bb3332aea5","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.c64a2776e.0.tgz","fileCount":25,"integrity":"sha512-HUfvFwZE3C+Ah8T5twC0wlKefCeaI968PIHtXctlzVfrvNN4C+XjVzGuNh4Yvsn8VxCcLgiefn+Q289X7IETSQ==","signatures":[{"sig":"MEUCIFg0c/N9bEmKNyXYBzrvYk99CurBJ6CBYVitXju7SPbOAiEAnB1ir86ArX9Z12LgwJVOcQCY10vjQqUY5f9RQLQJrmM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"271b0c446646af573f67960820b6b2a86a9bda88","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.c64a2776e.0_1687896902543_0.34430522699057264","host":"s3://npm-registry-packages"}},"15.0.0-canary.b05d9eb7c.0":{"name":"@material/animation","version":"15.0.0-canary.b05d9eb7c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.b05d9eb7c.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"d89bc8c35f7cee918dcaf4f5c1cf5e530cc2448a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.b05d9eb7c.0.tgz","fileCount":25,"integrity":"sha512-Y07wSPQXzuGDeOK5t22ytkQDx/cbC9zCXysg2VL7Z3X9TIljgh+FtWrKEpJqJ4q4XfxQGz2DMJb4H0PWlhg4Jw==","signatures":[{"sig":"MEQCIE7AjasRwbTTkgO2uaxUHWq7++EO3NCuHmldDtksFGO7AiAO/sy2eY/SSFSLnQRiwq1XeGRF7HDMMVxixF7BaNN3rw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"854245f23fe0f7b3dd1163ecefd940b26718c134","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.b05d9eb7c.0_1688055737954_0.5707986336464779","host":"s3://npm-registry-packages"}},"15.0.0-canary.2a9697dc5.0":{"name":"@material/animation","version":"15.0.0-canary.2a9697dc5.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.2a9697dc5.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f3ca849ded1b931fd3f7cf6df64cefe3f3a5968b","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.2a9697dc5.0.tgz","fileCount":25,"integrity":"sha512-Yy+Vo8PpNfY5NPdcPoVF2Di+9ITsmH3IToZUsrG9C1JyVCnwKUeipaB0BKO4gaqGHx17l0gO9svlRq5if/XwIA==","signatures":[{"sig":"MEQCIF0HRv/D/Bijy85Ew/wTNwJ6HXfYNbBUZ/RoYe14Cm9RAiB6nGimReCtEoBhQhXu9FsB0ysuGauotdIdMEkAciko2Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"fad1e5223c83a5b7a83a6ef81f7ebdc83a85672a","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.2a9697dc5.0_1688163155261_0.6318732915465519","host":"s3://npm-registry-packages"}},"15.0.0-canary.0c52adeab.0":{"name":"@material/animation","version":"15.0.0-canary.0c52adeab.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.0c52adeab.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2d1f3b026dbc5765923c4d78dbc4b3984affb32d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.0c52adeab.0.tgz","fileCount":25,"integrity":"sha512-bX0+sz/TiU4bgxPBxOr1doAWaDrA070JhwDvwQw/GwEnRVqGRj6JNGzADvzm6VaAqdLMHtQlanAu0u1NURtUeQ==","signatures":[{"sig":"MEYCIQC0d0WsowheyZBN6bYGqM9zbNqiP5s38eYVmLbKOVL3YQIhAKB1kqKNavWUrYXDF7SD7YobsjzdATk7e5UCVWnphIHu","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"972024dd57885ff944ec073de0cd956353bfa7e3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.0c52adeab.0_1688574252335_0.3487590254585986","host":"s3://npm-registry-packages"}},"15.0.0-canary.83355c322.0":{"name":"@material/animation","version":"15.0.0-canary.83355c322.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.83355c322.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"001e3cb4b9b817076ca2a5375e00f842e6d72ef0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.83355c322.0.tgz","fileCount":25,"integrity":"sha512-oCpp2A5Ql2Kj4duYWSsiJXATPVs8LYPCk6lelcLJ0kvm0IUXLfVlpE4lVH6CubOnrb2y5ByOnnnusJ6C8Mmn2A==","signatures":[{"sig":"MEUCIQDTZyBcUJHTg1+6COK5RO1DFSbi7PfoDOkp6z4EnAiBsgIgGheRjQ7zRaL86szarerQ0l6Mn9BDvuKzepmCx5cwcmU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"173401c2dd65fb3babae5b8e998c0a0032ff819d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.83355c322.0_1689001411324_0.01875059314765304","host":"s3://npm-registry-packages"}},"15.0.0-canary.bc9ae6c9c.0":{"name":"@material/animation","version":"15.0.0-canary.bc9ae6c9c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.bc9ae6c9c.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7c27a42b027fcc2cd9a97c9d3b8f54a16b47333d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.bc9ae6c9c.0.tgz","fileCount":25,"integrity":"sha512-leRf+BcZTfC/iSigLXnYgcHAGvFVQveoJT5+2PIRdyPI/bIG7hhciRgacHRsCKC0sGya81dDblLgdkjSUemYLw==","signatures":[{"sig":"MEUCIB9h/d2r3s2XdJhpCqOMZpctF0IFhndh7HRU/xVSSbAzAiEAoZxWzQVlsZuuWvp5KB1HoXdkv1Gh9CBsi9fkL+SK4mM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"9f0b9b80c267d99daa258e635481fecc4cbf0acd","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.bc9ae6c9c.0_1691097423322_0.8318956496860797","host":"s3://npm-registry-packages"}},"15.0.0-canary.3c44cd956.0":{"name":"@material/animation","version":"15.0.0-canary.3c44cd956.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.3c44cd956.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"06cf2922b8c0e83758e3bfae2c5b7df2a02c9c92","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.3c44cd956.0.tgz","fileCount":25,"integrity":"sha512-FzR1w03ccszuJ7q+0UJNRht1ihUDzGML65PTdP6CsfSC33+98V9vMpaP5BdqKcOAE1VM1ueXkkWBQF0KH1WGhg==","signatures":[{"sig":"MEUCIQCaY+qGq4iFo/acg7YAg1nr0Y22gSb4wJMqZUkEfmP5uQIgO+V1EcbV5JTUxgGzdak28jAMpWAWZ6PeLqwR11vGgpE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"6e39da189328fcabc7040a629e312efe5f7cea80","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.3c44cd956.0_1691430335292_0.31311054541290706","host":"s3://npm-registry-packages"}},"15.0.0-canary.02702296e.0":{"name":"@material/animation","version":"15.0.0-canary.02702296e.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.02702296e.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c1cd4b2a8e03d8174711fd6e15404e208669e2b3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.02702296e.0.tgz","fileCount":25,"integrity":"sha512-33qKwsHflrpp5xNWlMDpy1wSQ8fcSywkYPkLGD9ri0h3USGl8YoM5tztmJyN/P86ok2Z+SltQW99Bgzlk0FhRQ==","signatures":[{"sig":"MEQCICtZWJpHKrXwEexOl725oxdWADT4a1i4nbqZHP0CXn+/AiBLgd9aRYRy9vQXIMDhv0kaKR2J10OWSPLtuGQOULsyOQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"22335673bc742932498b2538321ed9dcfd692879","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.02702296e.0_1692965001339_0.49827753670160346","host":"s3://npm-registry-packages"}},"15.0.0-canary.872b65832.0":{"name":"@material/animation","version":"15.0.0-canary.872b65832.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.872b65832.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"9a9e37867a9c804911469d4756d3a1954f5ec528","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.872b65832.0.tgz","fileCount":25,"integrity":"sha512-THl8j+mdptjPUXe9yfY1XINfWtFViaGqY52A5QD/2CpMY00RiXdN6ifu9I7Rtaz/fOlQcQx4XCLSkfbP102t3g==","signatures":[{"sig":"MEUCIBeMQsN/MLi//ntMBXVESnMmj0YiKed8ll9KF4ZlVJVFAiEAvClx8fmG/YouI0IgIkix5Cto0u0kIt02o4neC4PBwyU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"be0901c091f812355b2d192c49bd051d8daf7a98","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.872b65832.0_1693397476445_0.5693301515313154","host":"s3://npm-registry-packages"}},"15.0.0-canary.89b2e4122.0":{"name":"@material/animation","version":"15.0.0-canary.89b2e4122.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.89b2e4122.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c49eeb1db472286495e53e4d76c1833a3e184a46","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.89b2e4122.0.tgz","fileCount":25,"integrity":"sha512-KnIYC1CTLBa32IKg1+4e+0SqLarFPjQFWPXYVjttN91kfPAxO+8QPAx1nNHBtY6i4eqbzMb14ASu4cTqT4Vn0w==","signatures":[{"sig":"MEYCIQDJGqmfWkJpjNessSHeFKsH9VW6fG79uVTmlk7tY3FupwIhAO9dyJ4IsB1oe4eu7HNY63K33LhhixulSg3DISYYFPyI","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"68bd55db9489546e515443239f477836e16db19b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.89b2e4122.0_1693497906764_0.634118494237035","host":"s3://npm-registry-packages"}},"15.0.0-canary.7a3942e7a.0":{"name":"@material/animation","version":"15.0.0-canary.7a3942e7a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.7a3942e7a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0fe27c3d4afcc899e43ef48fdb5a59592130f85d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.7a3942e7a.0.tgz","fileCount":25,"integrity":"sha512-wNcRbWPNqywQJuRI25ZB1khDVvpskEIckFrMtE2dHK1C6Zr+1BoTtmJEY9TfCLNGS8N5LcT5fxw+gd96dHUxgg==","signatures":[{"sig":"MEUCIQCxMEZN2VKvZfEDhvXgPYtca55t9S6vf7mvmD1nW5Qi4QIgJKvxukLL3zyIS+s7Qcp4xNEQP01MRX7xgSnj7z4IPqU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e61dc0a16a5b376c778548e5a6cecb56f5c5704d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.7a3942e7a.0_1693507075202_0.7920857162763686","host":"s3://npm-registry-packages"}},"15.0.0-canary.54feb3020.0":{"name":"@material/animation","version":"15.0.0-canary.54feb3020.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.54feb3020.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"62e6718dba2bacc8a0562eabd03f7b7cd3162b63","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.54feb3020.0.tgz","fileCount":25,"integrity":"sha512-9E4vD+9skIuMzn0J/JY+XGvyumV6R7ESef7LPX5w1YyfYOQ0hJMbKka5rA5znDbUjryGn3GaERU9pa80oCmbxQ==","signatures":[{"sig":"MEUCIFZAxBYvQtfPVaVL5syTDIp7pDVoY9l0yiCVqOkElx9QAiEAjLxK3x4y/rPKaI5R+YkcPy8blwlc3jBf5glGWKB1XGo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"5dc5cb94463af21f898ddd58cc4d9e4fbf803222","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.54feb3020.0_1694466205306_0.435677625624052","host":"s3://npm-registry-packages"}},"15.0.0-canary.6cda3ce8d.0":{"name":"@material/animation","version":"15.0.0-canary.6cda3ce8d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.6cda3ce8d.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"748952adf838ffa319e09748dafd277f045ae842","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.6cda3ce8d.0.tgz","fileCount":25,"integrity":"sha512-blKI3hg2tEdyiqqUp5g592dUrIEOVlRpP87MoH3jnXLHXB0kS3XjJgqBVg5123Uk6v+dkkh2TbCXYblxqSgJqA==","signatures":[{"sig":"MEQCIGru2A84rZaHIAp1vpSLzIUxNyf2CUOiP5GZyr8zy4fgAiAZ7CItRpm9OOSecsr8pE0W7FbbScKqjYYZjF5mUmQhEQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"adb36c6339e7bf37fe1e8ca96526a9673ca602e7","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.6cda3ce8d.0_1694483005114_0.38253091821979224","host":"s3://npm-registry-packages"}},"15.0.0-canary.205b20b36.0":{"name":"@material/animation","version":"15.0.0-canary.205b20b36.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.205b20b36.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"26fcf4f29acfd686d6300575fe7ee1af41a2501a","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.205b20b36.0.tgz","fileCount":25,"integrity":"sha512-OeVM9iBTSXTjE/KDbCPWnJmj4Y5cfq1LlGCJdzsJ0shoPZm603IwntfR/V+DVCR9ClJzUHE/5HznS3Lyby3E2A==","signatures":[{"sig":"MEYCIQD2EExMp8Ipcbcz7d9r6kUryVTPs41OujHP6UHC9/8pPwIhAJ8VCFXm/GGFzezZ+wLjPrNf3OYYpnmKvwz/FFkbwIt7","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"00fdcf619c34c502844acb0f2485e99595aa138d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.205b20b36.0_1694625270410_0.8341140916655949","host":"s3://npm-registry-packages"}},"15.0.0-canary.22bf82024.0":{"name":"@material/animation","version":"15.0.0-canary.22bf82024.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.22bf82024.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4dc86490ea0aaad3097a22323ab4c12ae5cb8c9c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.22bf82024.0.tgz","fileCount":25,"integrity":"sha512-a+2FEPx3MmEAuQBgEiPYnBILoztH007hB+HjxwtEE+0TZkFaQ6MypKuXO5Kk5deV/x5U9IP6eEaPLJZnuc3W+Q==","signatures":[{"sig":"MEUCIA1VG6fqp3LuhUO+4uVUoLVGFiq73ydMnenUl3sC5zejAiEAggTV8Z9fY54wTIo1CMwlYzXGEAtpyqbigJcQNOiQZtg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"eda4fad2a8a727b69db60b828bd92df7a8956143","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.22bf82024.0_1695028223058_0.2590539638633773","host":"s3://npm-registry-packages"}},"15.0.0-canary.a246a4439.0":{"name":"@material/animation","version":"15.0.0-canary.a246a4439.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.a246a4439.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"bb7a8dc450e99be4f3c3ef4ace206b44ee1a9162","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.a246a4439.0.tgz","fileCount":25,"integrity":"sha512-0eV06UGYeuFwC/4t+yjg3LCRGRLq72ybBtJYzcBDpP4ASTjie0WmpAOFJYXRq2U5X/yxLviDMhpRemoSUjgZ0Q==","signatures":[{"sig":"MEUCIQDe+ZiPCUjXp2BSVCIyhQen71K0npgIrquvu5kKjb3GBwIgeP0gR6gUlY3SrQ41XUSFiE9gEAy7nk8yGEd4/8AxOJ0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"40201df8b7e53b61aead4acdfa34b48fb1d155b8","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.a246a4439.0_1695059035905_0.9225755434438792","host":"s3://npm-registry-packages"}},"15.0.0-canary.d153db62b.0":{"name":"@material/animation","version":"15.0.0-canary.d153db62b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.d153db62b.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0de86fe0f820f53f8b8d5f1529c71e1d2be90069","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.d153db62b.0.tgz","fileCount":25,"integrity":"sha512-UwcPf/xTj79oT+riSbphs0ESxq4bY/qWFccYuI4AlWbKhMr5dGC1FkM5Xy1kxxRk9bKMDG5kgJkFmuRxihaoFw==","signatures":[{"sig":"MEUCIFUCiURlQIyXjhNSaQsoRPCshagkAqKol/yE2KN97NSfAiEAz2quCcSqsAEznpSahRQe9WqzG6giQWrExAozZ4C/Qw4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"4ca05c144c691cd06cd5926fe0bc54818e462202","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.d153db62b.0_1695150752429_0.17431909088510888","host":"s3://npm-registry-packages"}},"15.0.0-canary.2528c1c3b.0":{"name":"@material/animation","version":"15.0.0-canary.2528c1c3b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.2528c1c3b.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a4df53171c57b8656dafe5d5ea17aaab18830ecf","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.2528c1c3b.0.tgz","fileCount":25,"integrity":"sha512-q9nrmcLMnIHL5NDzMRSInaosqtumhdZBEuMJztROaoXn7IIj6r2XJbit1LPOU7iTpz4cPUBJB9fQq6+LTT4bFQ==","signatures":[{"sig":"MEQCIHTww21Yp6vkJi9/BXXe6rD94HEQMBHGl5ZtmP3KTcltAiAlWoYdSDWWltkGOumvxrPGhIluBMgheX/iYkLeG2hu8g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"98b5b57bd5356f48610a254e8c4acff388d5fb7b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.2528c1c3b.0_1695233085102_0.27006686053237927","host":"s3://npm-registry-packages"}},"15.0.0-canary.1728a6dcf.0":{"name":"@material/animation","version":"15.0.0-canary.1728a6dcf.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.1728a6dcf.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"b7cbb380f072a157c46326589d9c8a9ef39b03fb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.1728a6dcf.0.tgz","fileCount":25,"integrity":"sha512-5xkW60kc78Fc6xjsRkrh+LQ9bLSyJF8PpMM2njGpv1EEfrlZovy3AYu0ygmv1h1sHGE4WpyN75rt5bjsXwkMag==","signatures":[{"sig":"MEUCIHH8MQrvd/8lZmrV2ESqmBzCe0zJ5+Z4CxdeO2L2WtHMAiEA/ojxiEvVsZAceSWqPX7JOwZL57VtDvD3Xu51ytw6s+k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"3828aedf4f344a948780a69956ca4f069cef3daa","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.1728a6dcf.0_1695691289037_0.30836835595537804","host":"s3://npm-registry-packages"}},"15.0.0-canary.ebb636f3d.0":{"name":"@material/animation","version":"15.0.0-canary.ebb636f3d.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.ebb636f3d.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"7db935f3a624e30de4c755edf24475455fd09f36","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.ebb636f3d.0.tgz","fileCount":25,"integrity":"sha512-ew3lEJFZhHulf3Vo2Fpq/eZcYiGijwKRbbGMkaPochsk6vBUiWjHMDANbQDmHFVmpbi8LerZ3v6YlyPqDiIGMg==","signatures":[{"sig":"MEYCIQDOkObd18kolYNkei2UBoBGk6RaFhvIkDUDmZj8LfqzWQIhALUPBnA6MY7EOduYioaIplM5huYJ/OiQ/BwW2U6eF3BN","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"6f62607a00dd885ebbe422b247dc4acc1ded22cb","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.ebb636f3d.0_1696016581000_0.26894483868317676","host":"s3://npm-registry-packages"}},"15.0.0-canary.c0d21ecc9.0":{"name":"@material/animation","version":"15.0.0-canary.c0d21ecc9.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.c0d21ecc9.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1fa2f76bf52852ef1626ccfecb719b6c856b373f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.c0d21ecc9.0.tgz","fileCount":25,"integrity":"sha512-LVQNLmscFWhmoTRCt/z2D54bEgTOxirFY+tv63Yoz1apFJRJrTdAtzPHIKCzuO6Cn1kKtvJSuqh+pAdlInpj1g==","signatures":[{"sig":"MEUCIBlE2jsrThUuzo7h74vUYMDaoCiN43dsnKZV1KoJbNurAiEAhhI8XKidR891hVy+S7vnJZVNJaUJ/fjVMZ6yP36aWps=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"0a932ea790a12d359ce4ec7c5c4c7aec7edf565d","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.c0d21ecc9.0_1696880120824_0.952791009939991","host":"s3://npm-registry-packages"}},"15.0.0-canary.127a44b28.0":{"name":"@material/animation","version":"15.0.0-canary.127a44b28.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.127a44b28.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1c8428e7d187818577458d8754f8c8bd5ee4f6b8","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.127a44b28.0.tgz","fileCount":25,"integrity":"sha512-aNuwTouc4Bp+Vd6iG3ct6OxRoYhBoYmN/bGdLY7q+F7DrtugSGJFrvoQEA0QiSh0Kl7CaSnjDJd0F/ucQXiGBg==","signatures":[{"sig":"MEUCIDDAnmh7RtJqoZ+BOYT/fHf9QgYfDDm/3QUWq5DSXW6NAiEAw1q07QU/uwv2QyyyhDkYs15xtH3K3Ly4gTD9xYohgxM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"88d1fc2c5354e751ea3ab567d26bb1886ee152d3","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.127a44b28.0_1697140694520_0.5726421781371638","host":"s3://npm-registry-packages"}},"15.0.0-canary.0ad128337.0":{"name":"@material/animation","version":"15.0.0-canary.0ad128337.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.0ad128337.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"747b1cf81e62b91be4c7f7e379f938cb0b1fa098","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.0ad128337.0.tgz","fileCount":25,"integrity":"sha512-As/oJyTFIIdogHuHgexzLWfbVc+cgO+LXStm+DZVkhJk+lzg1WpckOryTK46qdMGIMULVGfE92zGxySwWXKYiA==","signatures":[{"sig":"MEUCIQCqilVXF7Dv3TKNFRL1GaPCKizSNWOTFeFnwuJiD9TADQIgRS59KbhbfJ44CD0G0qJsjNvm6pEwYaVDbqzoAJM3GYk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"bb76f531b61a52aae34c7a1efa45824fd32e49f4","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.0ad128337.0_1697741403436_0.642667385820265","host":"s3://npm-registry-packages"}},"15.0.0-canary.9cec94097.0":{"name":"@material/animation","version":"15.0.0-canary.9cec94097.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.9cec94097.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"2177db10e8681dd4ef96e31e2fdd0f450d63ed2d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.9cec94097.0.tgz","fileCount":25,"integrity":"sha512-75iffA7ePR26/slBlPwG2QXBygQrM/KsFUBukeVqndvk/yzSqPEocM0FYANYE9fIr23FhHHxoyoQI5ztk1GDCA==","signatures":[{"sig":"MEYCIQCt1p5OsmwYP8/nzAS1yYnjkaCNZNqkeOJBVvttyGgWfwIhAIfDev22m5FKTr7cF0n49ojH38Boz5oOsMT5V5cOj7H7","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"1a8019402daf97efb72456551503dfb3fa31466b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.9cec94097.0_1697756875491_0.023274177334636326","host":"s3://npm-registry-packages"}},"15.0.0-canary.c51a0bbcc.0":{"name":"@material/animation","version":"15.0.0-canary.c51a0bbcc.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.c51a0bbcc.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"cd7bf993795656b5316798ea3895a534298f2e58","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.c51a0bbcc.0.tgz","fileCount":25,"integrity":"sha512-VynpwOnUfkRAkpSLyu6aOG7bh//A8XsNbhD/cS20gileskxqrVMWahXqMTLiju0xE4GB3YDiiF/l5sY0sJQILw==","signatures":[{"sig":"MEQCID+bDz5IeAeRYi9XKY7GBef7sbTXRg95MP1kWBmlMozwAiB6x9BVQJgtqxW7QAixOdv0R2u+LbqjohYGBgEHL1Oz9A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e65c7fe6dcc6d6069f00d4d2f8c55e61710d046b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.c51a0bbcc.0_1700081871829_0.2057988187355575","host":"s3://npm-registry-packages"}},"15.0.0-canary.d76666ad4.0":{"name":"@material/animation","version":"15.0.0-canary.d76666ad4.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.d76666ad4.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c8cfc3a9fcdbaef855070b5ace4ae790c28351bc","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.d76666ad4.0.tgz","fileCount":25,"integrity":"sha512-an+8Fe54LMwgmxwHEJSqrzYiaSGiGp+IUYPhxHlA8R1bE2HSuNUclla5ewyLQIEdVzlh31FrIi4HMewE2J3m5g==","signatures":[{"sig":"MEUCIGbc+19y++anxpPCWmb6Sc7JFJLV3vAZ05fY2bu5bwWxAiEA9aoaM0jOxPiPEZWP6ryJwe3zPRjCpJgbDKm0M18cns4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"8fc3640e389fda0098b42091a9a1ab8653fc6470","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.d76666ad4.0_1701123136287_0.8105513750286302","host":"s3://npm-registry-packages"}},"15.0.0-canary.8656bf0e0.0":{"name":"@material/animation","version":"15.0.0-canary.8656bf0e0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.8656bf0e0.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"323ff313da386816425b3a47b8129db91a06fbc0","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.8656bf0e0.0.tgz","fileCount":25,"integrity":"sha512-zohdxSsnSyBkTIQ6IukoH24zfD0+VmzJ17rI/+SjCmtGYvH0t33BgdmO3q2oE8gN/0TRx9xjVNHd4FGOa/Znnw==","signatures":[{"sig":"MEUCIG6gokXtw8FLVB3LoHVr4BW+cMmyd9dxn12ivk0jSG9iAiEAwn6c8/GEReS/Fh37va7ODvvHBlMkB/ejqh45SKYCWaY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"36cab37e468233da3044a10c1df388f634163cc1","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.8656bf0e0.0_1702415865203_0.024578549057276966","host":"s3://npm-registry-packages"}},"15.0.0-canary.7f224ddd4.0":{"name":"@material/animation","version":"15.0.0-canary.7f224ddd4.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.7f224ddd4.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"14b4f80718f9d405953dfca4376f9bcef609adc6","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.7f224ddd4.0.tgz","fileCount":25,"integrity":"sha512-1GSJaPKef+7HRuV+HusVZHps64cmZuOItDbt40tjJVaikcaZvwmHlcTxRIqzcRoCdt5ZKHh3NoO7GB9Khg4Jnw==","signatures":[{"sig":"MEQCIGisKY2gZmNm0XWj5ME5fl5bnWv4GvMfeQ6M5JlDQAyNAiAWwxcqw1efEgxqAaeq0gFUYag8+Kq2Djvz1jpE/wrDDQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ff8ff3ce455054f1532d1ae0983f40634a524886","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.7f224ddd4.0_1703743695582_0.47651503250260374","host":"s3://npm-registry-packages"}},"15.0.0-canary.a0b8a90c0.0":{"name":"@material/animation","version":"15.0.0-canary.a0b8a90c0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.a0b8a90c0.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5558c38e40abf6598e271828d28bcb9c12e0f48e","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.a0b8a90c0.0.tgz","fileCount":25,"integrity":"sha512-RcutBAr3xLJNRFo/1RdgEsPPYFmo12/DwnUenR+7anK4YRNHFL9VZrc6m1R4CxGYLcPm3DLc+sZsbK+jaF+eGA==","signatures":[{"sig":"MEUCIQDvORbiivcxITQJJ0TO4MtatkgjmC04U2cblkI+F1CiJAIgEV5QKmi9nyl38CKqZTbMEt6fl+8F81GxPr0AVeRi+ZM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"85d5965379b080c9f852ecbbd95031e363636dfd","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.a0b8a90c0.0_1707333515324_0.09056013000457885","host":"s3://npm-registry-packages"}},"15.0.0-canary.e50b478eb.0":{"name":"@material/animation","version":"15.0.0-canary.e50b478eb.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.e50b478eb.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"e5aef160323d0235cd52418992260aaba5183e28","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.e50b478eb.0.tgz","fileCount":25,"integrity":"sha512-s2D9q/D7bNYcnvLTiByPv4+07XWvCEFQdRuNKpdx5UzXw2MkE05M7QHwUqDYK9ObSZxUvysEDqsdLYxmDdDyYA==","signatures":[{"sig":"MEUCIG/7T8ezDDZTYT9nJPRuqDHboO+LtY44MejpiJ/KnvfaAiEAykSq+SuUiGvHM9nQX/EFIWSOOdEMmwWa45vD6jzVQcE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"4691455eaee76f99b18be70913c9fefb7cf3c2ae","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.e50b478eb.0_1707415619948_0.9321030830758419","host":"s3://npm-registry-packages"}},"15.0.0-canary.c43b3438b.0":{"name":"@material/animation","version":"15.0.0-canary.c43b3438b.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.c43b3438b.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"aebcc82f6f943c89b17a89464cd7f1949e76417d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.c43b3438b.0.tgz","fileCount":25,"integrity":"sha512-MsSMyxwQ7oj0dI87xUBLwd628YmCWekg7KLKEf8H0t9v/FUyXdiojjoNLktjftgUQKJjdATyPkZxyZYJ9HLROw==","signatures":[{"sig":"MEUCIEmznIzx1DZQLNUzidW/wv3Dlh4xGyVUGSK3qJiZVDs7AiEAqYh4hWAGWZRjAWbTiyBmqi0OHMGVKff53s8E/9fe4PU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"e69adcf897de97b302f026f07bbc2571b1a488ca","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.c43b3438b.0_1708719395243_0.9267909478074894","host":"s3://npm-registry-packages"}},"15.0.0-canary.819498d8c.0":{"name":"@material/animation","version":"15.0.0-canary.819498d8c.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.819498d8c.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"c660ca240f8e92d37ccd4855d142bc9c0e86cc9f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.819498d8c.0.tgz","fileCount":25,"integrity":"sha512-rFNoaXDMx325ixI9dQJd8qERGc4/+53+LIhNAomu870vQPqMltsvOBW+9VK6/l+d2b3C799E3NGAwtBxks9Ssw==","signatures":[{"sig":"MEQCICSk97H6/NK1LwyeBESBuQ3O5c6yJerWgRTk0VB3btr3AiACzhzaeeMlAh/lUEZNol/Vz7Bhg4dxIUp1sHtqXdy2Vw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"886876a8252aacefe1942b13ba9251af9204bcdd","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.819498d8c.0_1710515621665_0.11875521650385701","host":"s3://npm-registry-packages"}},"15.0.0-canary.453a6248a.0":{"name":"@material/animation","version":"15.0.0-canary.453a6248a.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.453a6248a.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a20e91d307bd0e43011a0d6f48900e39ecf9daea","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.453a6248a.0.tgz","fileCount":25,"integrity":"sha512-PMlHiGtBDyklgj4CgfQdwHONKUqNSwJtL7aa5gcYXNZtelR2JfPYh6qkrdgyY819vXEssVPADAkWyht8eGqhZw==","signatures":[{"sig":"MEQCIF0o+7lYiv9rWvyFVZkAEjpHGocNaeLKefaSdlW3p364AiBPd/HVOCSBoZfsTHa80lfbuXs7kVX3kCeM1ZCMQSeQ9A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"1eea6443d63f2bc64fe8f6f86664b54266c41244","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.453a6248a.0_1711386757529_0.7714014585430891","host":"s3://npm-registry-packages"}},"15.0.0-canary.68edc03c6.0":{"name":"@material/animation","version":"15.0.0-canary.68edc03c6.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.68edc03c6.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"70eefe9acba5388065bac6129f69916d85e41e24","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.68edc03c6.0.tgz","fileCount":25,"integrity":"sha512-wJGWsXVWJV8FOmyrqniDVnyRqb3Ms6o8FBqUd4JMCiAapaaqoadbZ/4h+dWHzo3b16FlwSfSJF4n8QHQ6FpqSw==","signatures":[{"sig":"MEUCIQDSGvfqRnWn/M2UROSo2Ff5OVFYOtUjALPLGepvZc2KXQIgSQjX1vZXVcBhKfOuzC7rSr5KMy03W4HE0HVZwuqE4rY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"04046ad51f4d581f93e797ec929d219422dd0235","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.68edc03c6.0_1712603074578_0.6738075038644278","host":"s3://npm-registry-packages"}},"15.0.0-canary.5bebc0064.0":{"name":"@material/animation","version":"15.0.0-canary.5bebc0064.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.5bebc0064.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"4b97390f71eb67c97e6031534a0650300e13f05c","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.5bebc0064.0.tgz","fileCount":25,"integrity":"sha512-KQ3h8mGE4U6N4Udoi2vJZLOj0Km2LSMn8vyFI3ei+20lebIZ9J62PCm3V0oc0SXJoEGdnVzCvDCayPmLdjPgqA==","signatures":[{"sig":"MEYCIQDykGxnFVbNV2302mFIjnCSrpMhIWyZHPKFzGJ6XriknQIhAKU7msW1TC3iOTZFCAWADB75IABGZ3Pehm8VL9OBPbPL","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"ff39e65972de013a29dd14429e111139bc616366","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.5bebc0064.0_1712871524751_0.6752563732618335","host":"s3://npm-registry-packages"}},"15.0.0-canary.311f29a60.0":{"name":"@material/animation","version":"15.0.0-canary.311f29a60.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.311f29a60.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"44746a2e2655ebc665809ea8c8035aea06d16643","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.311f29a60.0.tgz","fileCount":25,"integrity":"sha512-TKjEI/nkwtdYmZAlUkZ5Kv+MIBRDImycyVAb6r+7aZUWIejrghVGxF6ETYdjO/fEDMPRBcmXJuSowRlNCk9dLQ==","signatures":[{"sig":"MEYCIQCBRKPuuw6pmLVkrP/SFMkwlmIbOyhfJ+jz+H+mQPxBTgIhAK4d9rbB+rSGU1HJkt6iJHf1CcQBcXhsFcxpUK2J2QcS","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"7bc0264e163e842f0f96c1dbf7a468c022db1497","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.311f29a60.0_1713895107574_0.9393973705400589","host":"s3://npm-registry-packages"}},"15.0.0-canary.65c10a622.0":{"name":"@material/animation","version":"15.0.0-canary.65c10a622.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.65c10a622.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"5523dcda498b0121db5a8206cefa05ba0680041f","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.65c10a622.0.tgz","fileCount":25,"integrity":"sha512-evgTxbvv1AktVyCf5reoDeGOA5w10UVRhKbnuA9mH5aXhPQqUOelOgporUY1PsseOZ59WB4kxZY1kbWYHCrHUw==","signatures":[{"sig":"MEUCIQCvklKiU/yWJ+OzvxkC0pRXM7sHiD/9T2kUhV5aB4Rw8wIgRuyGBcmXy5379rOs35XhXqwgud8gXdxUh3/LeMqgz+4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"1f3126503c812250084b65b6edbb26f25ef4a174","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.65c10a622.0_1714070851860_0.8280761885046426","host":"s3://npm-registry-packages"}},"15.0.0-canary.4b35cb7d0.0":{"name":"@material/animation","version":"15.0.0-canary.4b35cb7d0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.4b35cb7d0.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"f832a87cb4c79fc67b4b824bdc43331c7a310381","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.4b35cb7d0.0.tgz","fileCount":25,"integrity":"sha512-Lqipk6SPp4URVMBTo2jc8EO5u9x7rAYlNLL3Gn++1nmE4SzJ7e9iRK5GaE6c0JK0nXdKPBvlD8VK974gMr4TDQ==","signatures":[{"sig":"MEYCIQC56H7FJ+/7+RvK1t2zqm2aQwoJ+leiPXOggZv+VodrGwIhAPWLKmti00CbXS2F/uHz0a/GEzL6nrtmeMNs9RkNCscv","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"cba29aaa21c1bc2b1f1a02e5ddfa4a5110d9ef63","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.4b35cb7d0.0_1714651293512_0.2118075827602861","host":"s3://npm-registry-packages"}},"15.0.0-canary.f80ac92b0.0":{"name":"@material/animation","version":"15.0.0-canary.f80ac92b0.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.f80ac92b0.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"ea3e7ca47fcc40aaf6cb3a3dadcd62515563e361","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.f80ac92b0.0.tgz","fileCount":25,"integrity":"sha512-h+Bfw1fOtw7Hz6VBfjUZ4aZixD+0EMxAcW92HROixua1T9Pt4GYAiGonK5g+ZmiVrxHCVc+6o8TJ3S88rwZUDQ==","signatures":[{"sig":"MEUCIEWcwmWEWC2POiTAb4iGiPj4wYNBtOVfRxQqonqRAYMgAiEA+hwQAHQvHr5qsVeOUri/F3mtx++mb8QwzWNbS3ptfMw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"514a3afe9efc5bcebf1ace1e335357184ee1a9e0","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.f80ac92b0.0_1714651923655_0.3429387523933789","host":"s3://npm-registry-packages"}},"15.0.0-canary.2f5b899bc.0":{"name":"@material/animation","version":"15.0.0-canary.2f5b899bc.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.2f5b899bc.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0cf1e5bd14020a2e1fbbb0a0a716cab0004cd127","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.2f5b899bc.0.tgz","fileCount":25,"integrity":"sha512-nQJyj+a1EZshAPPzh4sIZIqPx5vROw5SlAN3eq59byTMl9pcDXxTet/MfF4U22bHoBtU7dbDqsgUYgsQ36Jc1Q==","signatures":[{"sig":"MEUCIA7lqs/ZvkRk0fJeOB/NUoLkVmYzPwmWa+3JARy7Z9gFAiEA5r/9liBBLRBuwLeiuwyQ8FPG5wu8gnvLSrv2v+3yLr8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"751553ca74ad43074c963487257a8862de87844b","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.2f5b899bc.0_1716213209455_0.7159668458897217","host":"s3://npm-registry-packages"}},"15.0.0-canary.cfec83c74.0":{"name":"@material/animation","version":"15.0.0-canary.cfec83c74.0","keywords":["material components","material design","animation"],"license":"MIT","_id":"@material/animation@15.0.0-canary.cfec83c74.0","maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"aomarks@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"sayrisuarez@google.com"},{"name":"anonymous","email":"brian.t.vann@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"93611c0c1dce0ff909646e5e2fceb0beeb49ffbe","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.cfec83c74.0.tgz","fileCount":25,"integrity":"sha512-19tUl/ZTEV/ivkQUm13jTFiPXBgHzv1UPX4efsEW8FOpWFHsz+h6faL991gI2zqx8iorz/16l2rNXhE+dR9UnA==","signatures":[{"sig":"MEUCIGYfMrGB2c4JpDe3K4nlD8ibUHzsM9IPDbsPHxRcGVrfAiEA8oorrGQcxPn5j6bhUSGPNfLBHkKZol1hnWA4Ek9rGtI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65072},"main":"dist/mdc.animation.js","module":"index.js","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","gitHead":"0ec8b129344ebbe45f00b6ad892b682b054ea892","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-animation"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Animation Variables and Mixins used by Material Components for the web","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/animation_15.0.0-canary.cfec83c74.0_1716231346992_0.8664755761894374","host":"s3://npm-registry-packages"}},"15.0.0-canary.423edc3dc.0":{"name":"@material/animation","description":"Animation Variables and Mixins used by Material Components for the web","version":"15.0.0-canary.423edc3dc.0","license":"MIT","keywords":["material components","material design","animation"],"main":"dist/mdc.animation.js","module":"index.js","sideEffects":false,"repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git","directory":"packages/mdc-animation"},"dependencies":{"tslib":"^2.1.0"},"gitHead":"19b2c5a95782b4928b3aecb29a1075c42aee53e5","readme":"<!--docs:\ntitle: \"Animation\"\nlayout: detail\nsection: components\nexcerpt: \"Animation timing curves and utilities for smooth and consistent motion.\"\niconId: animation\npath: /catalog/animation/\n-->\n\n# Animation\n\nMaterial in motion is responsive and natural. Use these easing curves and duration patterns to create smooth and consistent motion.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-motion\">Material Design guidelines: Motion</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/animation\n```\n\n## Usage\n\n### Sass Variables\n\nWe provide timing functions which you can use with the `animation` or `transition` CSS properties\n\n```scss\n@use \"@material/animation\";\n\n.my-element--animating {\n  animation: foo-keyframe 175ms animation.$standard-curve-timing-function;\n}\n```\n\nVariable | Description\n--- | ---\n`$deceleration-curve-timing-function` | Timing function to decelerate\n`$standard-curve-timing-function` | Timing function to quickly accelerate and slowly decelerate\n`$acceleration-curve-timing-function` | Timing function to accelerate\n`$sharp-curve-timing-function` | Timing function to quickly accelerate and decelerate\n\nThe following functions create transitions given `$name` and the `$duration`. You can also specify `$delay`, but the default is 0ms. `$name` can either refer to the keyframe, or to CSS property used in `transition`.\n\n```scss\n@use \"@material/animation\";\n\n.my-element {\n  transition: animation.exit-permanent(/* $name: */ opacity, /* $duration: */ 175ms, /* $delay: */ 150ms);\n  opacity: 0;\n  will-change: opacity;\n\n  &--animating {\n    transition: animation.enter(/* $name: */ opacity, /* $duration: */ 175ms);\n    opacity: 1;\n  }\n}\n```\n\n\n```scss\n@use \"@material/animation\";\n\n@keyframes fade-in {\n  from {\n    transform: translateY(-80px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.my-element {\n  animation: animation.enter(/* $name: */ fade-in, /* $duration: */ 350ms);\n}\n```\n\nFunction | Description\n--- | ---\n`enter($name, $duration, $delay)` | Defines transition for entering the frame\n`exit-permanent($name, $duration, $delay)` | Defines transition for exiting the frame permanently\n`exit-temporary($name, $duration, $delay)` | Defines transition for exiting the frame temporarily\n\n### JavaScript\n\nThese functions handle prefixing across various browsers\n\n```js\nimport {getCorrectEventName} from '@material/animation';\n\nconst eventToListenFor = getCorrectEventName(window, 'animationstart');\n```\n\nMethod Signature | Description\n--- | ---\n`getCorrectEventName(windowObj: Window, eventType: StandardJsEventType) => StandardJsEventType \\| PrefixedJsEventType` | Returns a JavaScript event name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n`getCorrectPropertyName(windowObj: Window, cssProperty: StandardCssPropertyName) => StandardCssPropertyName \\| PrefixedCssPropertyName` | Returns a CSS property name, prefixed if necessary. See [`types.ts`](types.ts) for supported values.\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"homepage":"https://github.com/material-components/material-components-web#readme","_id":"@material/animation@15.0.0-canary.423edc3dc.0","_nodeVersion":"14.21.3","_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","dist":{"integrity":"sha512-FREKw+J5A7RQTXQTuWkBhwrcP6wtBiDCRHFajYFQOY8wVSyKi5gyvjQejq5hWqWxeJjtwf2L9dOlCmuJQz6EwA==","shasum":"aa9d31812aaf63ad59980f0fbecf7ac193813ec7","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@material/animation/-/animation-15.0.0-canary.423edc3dc.0.tgz","fileCount":25,"unpackedSize":65072,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHIPr3Agh9o/11Cs8DJ3DqxbaiuhH3nqScUcmSmN4nMiAiAS74BoWY9FFh0q42vIk5vg7KTZMqcpQtTOATkIumimvA=="}]},"_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/animation_15.0.0-canary.423edc3dc.0_1719425489044_0.21012735521945958"},"_hasShrinkwrap":false}},"name":"@material/animation","time":{"created":"2016-12-15T17:42:39.044Z","modified":"2024-06-26T18:11:29.670Z","0.1.0":"2016-12-15T17:42:39.044Z","0.1.1":"2017-01-09T15:57:14.245Z","0.1.2":"2017-01-13T18:26:06.623Z","0.1.3":"2017-01-23T16:49:31.328Z","0.1.4":"2017-02-21T17:27:30.071Z","0.1.5":"2017-04-18T14:51:13.700Z","0.2.0":"2017-05-01T15:43:01.225Z","0.2.1":"2017-05-15T16:25:56.180Z","0.2.2":"2017-05-17T14:28:15.276Z","0.2.3":"2017-05-30T19:04:30.168Z","0.3.0":"2017-07-24T15:49:11.500Z","0.3.1":"2017-08-07T20:48:24.099Z","0.4.0":"2017-09-18T18:35:34.280Z","0.4.1":"2017-10-02T21:11:39.267Z","0.25.0":"2017-11-13T20:02:20.437Z","0.34.0":"2018-04-02T21:51:49.256Z","0.39.0":"2018-08-27T17:39:56.009Z","0.40.1":"2018-10-08T20:53:53.388Z","0.41.0":"2018-10-29T20:21:31.955Z","1.0.0-0":"2019-02-27T23:59:04.696Z","1.0.0-1":"2019-03-04T23:32:58.031Z","1.0.0":"2019-03-06T21:07:40.636Z","3.0.0":"2019-06-25T22:27:41.327Z","3.1.0":"2019-07-22T22:02:16.263Z","4.0.0-alpha.0":"2019-08-07T21:08:47.405Z","4.0.0-canary.0":"2019-09-05T04:37:31.263Z","4.0.0-canary.1":"2019-09-09T20:20:21.846Z","4.0.0-canary.79d881baf.0":"2019-09-13T02:21:13.593Z","4.0.0-canary.e851d4f40.0":"2019-09-13T04:06:54.248Z","4.0.0-canary.905884690.0":"2019-09-16T23:47:47.109Z","4.0.0-canary.199534d61.0":"2019-09-27T18:57:25.327Z","4.0.0-canary.22d7ad2fb.0":"2019-10-15T18:56:53.330Z","4.0.0-canary.735147131.0":"2019-10-16T01:23:11.995Z","4.0.0-canary.062ade5c0.0":"2019-10-17T01:01:14.390Z","4.0.0-canary.774ad4f8.0":"2019-10-17T04:03:50.172Z","4.0.0-canary.5916d18c.0":"2019-10-18T20:08:00.912Z","4.0.0-canary.d4141c95.0":"2019-10-24T01:37:43.461Z","4.0.0-canary.2b878b3e.0":"2019-10-25T02:10:11.059Z","4.0.0-canary.b06c0efe.0":"2019-10-26T01:34:41.533Z","4.0.0-canary.01628efa.0":"2019-10-29T00:02:31.347Z","4.0.0-canary.b5c6d66b.0":"2019-10-29T17:56:09.545Z","4.0.0-canary.cdf858ea.0":"2019-11-01T17:58:20.679Z","4.0.0-canary.719b57e1.0":"2019-11-01T20:01:02.365Z","4.0.0-canary.97cbbdc2.0":"2019-11-01T20:28:36.297Z","4.0.0-canary.8e36b3b7.0":"2019-11-01T21:00:32.310Z","4.0.0-canary.62d3a09b.0":"2019-11-01T21:10:12.154Z","4.0.0":"2019-11-02T18:11:24.634Z","5.0.0-canary.b5eb51e94.0":"2019-11-07T18:33:06.656Z","5.0.0-canary.58500806e.0":"2019-11-08T15:35:07.753Z","5.0.0-canary.66299b646.0":"2019-11-08T20:33:13.847Z","5.0.0-canary.821871e04.0":"2019-11-08T21:27:41.430Z","5.0.0-canary.491fddc31.0":"2019-11-08T22:06:41.985Z","5.0.0-canary.b0cecf145.0":"2019-11-09T18:41:56.497Z","5.0.0-canary.afe0dd1bc.0":"2019-11-11T15:37:10.659Z","5.0.0-canary.b4cfdc40b.0":"2019-11-14T15:57:54.539Z","5.0.0-canary.525989b5d.0":"2019-11-14T23:30:20.233Z","5.0.0-canary.7084b403a.0":"2019-11-15T01:05:25.309Z","5.0.0-canary.3cbee6dac.0":"2019-11-15T22:32:18.010Z","5.0.0-canary.591a6ad44.0":"2019-11-18T23:47:58.305Z","5.0.0-canary.5729943ba.0":"2019-11-20T05:18:50.792Z","5.0.0-canary.e89750dc7.0":"2019-11-27T02:09:17.154Z","5.0.0-canary.3e560b33a.0":"2019-11-27T02:09:58.501Z","5.0.0-canary.7fd17ce5e.0":"2019-11-27T02:10:11.339Z","5.0.0-canary.ec729683b.0":"2019-11-27T15:54:17.866Z","5.0.0-canary.b8bc4a26e.0":"2019-11-27T19:16:16.189Z","5.0.0-canary.f978109c3.0":"2019-12-02T17:06:50.855Z","5.0.0-canary.ad9dfe706.0":"2019-12-03T23:17:26.385Z","5.0.0-canary.5e45d77f3.0":"2019-12-03T23:18:33.918Z","5.0.0-canary.d10e8cdf3.0":"2019-12-03T23:19:15.159Z","5.0.0-canary.a5dbd8a2a.0":"2019-12-03T23:54:27.442Z","5.0.0-canary.ba879b68b.0":"2019-12-04T20:22:07.647Z","5.0.0-canary.aa0eba489.0":"2019-12-06T01:58:38.825Z","5.0.0-canary.cb7b71a86.0":"2019-12-06T23:55:21.785Z","5.0.0-canary.50f110a6c.0":"2019-12-10T16:58:59.959Z","5.0.0-canary.878a08b7c.0":"2019-12-11T20:15:47.251Z","5.0.0-canary.397905b4e.0":"2019-12-12T02:46:42.255Z","5.0.0-canary.1fbf5bd1d.0":"2019-12-12T18:58:46.673Z","5.0.0-canary.b723dfa78.0":"2019-12-12T20:09:09.479Z","5.0.0-canary.1c494e567.0":"2019-12-12T23:36:06.517Z","5.0.0-canary.c9e98a125.0":"2019-12-17T18:09:10.357Z","5.0.0-canary.5ffe8f7e3.0":"2019-12-17T22:32:48.160Z","5.0.0-canary.47949b08e.0":"2019-12-18T17:40:02.409Z","5.0.0-canary.b240bcc1b.0":"2019-12-18T19:16:09.196Z","5.0.0-canary.391674a26.0":"2019-12-18T19:16:16.110Z","5.0.0-canary.c4837746c.0":"2019-12-18T19:34:20.107Z","5.0.0-canary.e41a70425.0":"2019-12-18T23:19:30.792Z","5.0.0-canary.bac43eb43.0":"2019-12-18T23:23:14.549Z","5.0.0-canary.2e491de55.0":"2019-12-19T10:49:04.525Z","5.0.0-canary.ae101c144.0":"2019-12-19T16:24:10.353Z","5.0.0-canary.a51c31f26.0":"2019-12-19T17:13:45.379Z","5.0.0-canary.21fc4e13b.0":"2019-12-19T21:26:33.523Z","5.0.0-canary.d2ae6e17d.0":"2019-12-19T22:23:33.593Z","5.0.0-canary.ba30399ad.0":"2019-12-20T01:09:09.451Z","5.0.0-canary.a08ccec35.0":"2019-12-20T23:26:12.319Z","5.0.0-canary.a2f75105e.0":"2019-12-23T19:46:53.863Z","5.0.0-canary.c054a24c7.0":"2019-12-23T21:49:27.088Z","5.0.0-canary.c6808c51c.0":"2019-12-23T21:54:06.977Z","5.0.0-canary.7bce9cf77.0":"2019-12-26T18:44:55.595Z","5.0.0-canary.c92f038c3.0":"2019-12-30T22:02:23.200Z","5.0.0-canary.1f1ac7558.0":"2020-01-02T20:53:21.966Z","5.0.0-canary.ec26e799c.0":"2020-01-02T21:41:50.619Z","5.0.0-canary.0a40ced40.0":"2020-01-03T17:08:48.182Z","5.0.0-canary.3adf84899.0":"2020-01-03T18:21:48.318Z","5.0.0-canary.0d42ee650.0":"2020-01-03T21:36:23.032Z","5.0.0-canary.7be9e4a04.0":"2020-01-06T17:03:46.607Z","5.0.0-canary.847dd1ada.0":"2020-01-06T19:25:38.201Z","5.0.0-canary.39df7e5df.0":"2020-01-07T00:54:45.573Z","5.0.0-canary.f1a2581ab.0":"2020-01-07T14:58:56.918Z","5.0.0-canary.7c7ddf347.0":"2020-01-07T15:14:44.985Z","5.0.0-canary.a1c84d4b5.0":"2020-01-07T18:09:24.591Z","5.0.0-canary.ec9f16578.0":"2020-01-07T19:38:56.928Z","5.0.0-canary.b602226ce.0":"2020-01-07T20:14:37.792Z","5.0.0-canary.b2d2dc08c.0":"2020-01-07T21:25:25.042Z","5.0.0-canary.61f2d7580.0":"2020-01-07T21:39:02.063Z","5.0.0-canary.d1be53a2e.0":"2020-01-07T22:16:16.232Z","5.0.0-canary.9b0d06e32.0":"2020-01-07T22:18:44.852Z","5.0.0-canary.730c807a0.0":"2020-01-07T22:20:21.451Z","5.0.0-canary.2213152cd.0":"2020-01-08T17:21:35.626Z","5.0.0-canary.5750f7169.0":"2020-01-08T17:56:09.453Z","5.0.0-canary.f7abc7a43.0":"2020-01-08T18:27:04.791Z","5.0.0-canary.bf7b4a061.0":"2020-01-08T18:40:52.783Z","5.0.0-canary.784fa7903.0":"2020-01-08T19:09:41.100Z","5.0.0-canary.823c050ba.0":"2020-01-08T20:10:06.784Z","5.0.0-canary.70c708dee.0":"2020-01-08T20:21:22.461Z","5.0.0-canary.5ed9d13d0.0":"2020-01-08T21:41:54.526Z","5.0.0-canary.4819cc7e5.0":"2020-01-08T21:57:15.584Z","5.0.0-canary.fe3ffd2c3.0":"2020-01-08T22:15:35.189Z","5.0.0-canary.c0e850090.0":"2020-01-08T22:22:37.685Z","5.0.0-canary.615f86f38.0":"2020-01-08T22:39:22.366Z","5.0.0-canary.1eb032637.0":"2020-01-08T22:59:20.911Z","5.0.0-canary.5bc5ebfea.0":"2020-01-08T23:00:07.108Z","5.0.0-canary.1112b8def.0":"2020-01-09T22:09:23.156Z","5.0.0-canary.aab102017.0":"2020-01-10T00:11:41.529Z","5.0.0-canary.426913342.0":"2020-01-10T01:43:30.979Z","5.0.0-canary.d4ea9a706.0":"2020-01-10T17:24:38.781Z","5.0.0-canary.7d4ee2996.0":"2020-01-10T17:56:08.301Z","5.0.0-canary.981ec9b6f.0":"2020-01-10T19:26:01.915Z","5.0.0-canary.737da83fc.0":"2020-01-10T21:18:05.788Z","5.0.0-canary.aca8e6c18.0":"2020-01-13T19:30:52.710Z","5.0.0-canary.c38d84e21.0":"2020-01-13T22:12:43.402Z","5.0.0-canary.a4db5fbad.0":"2020-01-14T02:14:47.384Z","5.0.0-canary.faa9af310.0":"2020-01-14T16:51:56.979Z","5.0.0-canary.60354c577.0":"2020-01-14T22:45:15.443Z","5.0.0-canary.d07c78daa.0":"2020-01-14T23:37:56.466Z","5.0.0-canary.8ddd5c6dc.0":"2020-01-15T01:42:24.261Z","5.0.0-canary.a9511d870.0":"2020-01-15T19:09:35.283Z","5.0.0-canary.7c8583c4c.0":"2020-01-15T22:46:46.453Z","5.0.0-canary.5d4b82bac.0":"2020-01-15T22:47:00.025Z","5.0.0-canary.57d0186e4.0":"2020-01-16T18:16:37.337Z","5.0.0-canary.071a6ab70.0":"2020-01-16T18:23:15.776Z","5.0.0-canary.22e0cb618.0":"2020-01-16T18:46:24.072Z","5.0.0-canary.f16f15b8f.0":"2020-01-17T00:06:14.450Z","5.0.0-canary.aa8e43e9a.0":"2020-01-17T00:36:05.455Z","5.0.0-canary.fe1f3ca07.0":"2020-01-17T00:59:29.740Z","5.0.0-canary.d405af26b.0":"2020-01-17T18:16:21.796Z","5.0.0-canary.6e857aae2.0":"2020-01-17T18:20:06.169Z","5.0.0-canary.e2e764f7c.0":"2020-01-17T18:35:18.100Z","5.0.0-canary.7ef986a87.0":"2020-01-17T19:30:05.232Z","5.0.0-canary.29402e2d4.0":"2020-01-17T20:38:56.388Z","5.0.0-canary.2b3ec563c.0":"2020-01-17T23:10:49.192Z","5.0.0-canary.e8a993677.0":"2020-01-21T16:48:59.140Z","5.0.0-canary.cd4903304.0":"2020-01-21T21:36:44.504Z","5.0.0-canary.7e4b04b25.0":"2020-01-21T22:44:59.474Z","5.0.0-canary.ebc296937.0":"2020-01-21T23:44:08.670Z","5.0.0-canary.cf33f113d.0":"2020-01-22T01:21:27.652Z","5.0.0-canary.e1d5f1be5.0":"2020-01-22T16:54:21.184Z","5.0.0-canary.6b6a4ff92.0":"2020-01-22T17:56:50.370Z","5.0.0-canary.6092f71ee.0":"2020-01-22T21:16:15.201Z","5.0.0-canary.d8d95020f.0":"2020-01-22T23:08:51.330Z","5.0.0-canary.b7facc628.0":"2020-01-23T18:11:47.321Z","5.0.0-canary.63f357dbf.0":"2020-01-23T21:54:37.155Z","5.0.0-canary.f2426d26e.0":"2020-01-23T23:54:38.391Z","5.0.0-canary.7f5e0c23f.0":"2020-01-24T16:46:55.719Z","5.0.0-canary.3fc3ab520.0":"2020-01-24T17:20:00.151Z","5.0.0-canary.80a4d326f.0":"2020-01-24T20:45:03.164Z","5.0.0-canary.ef7de4def.0":"2020-01-24T21:31:10.634Z","5.0.0-canary.93e2288b6.0":"2020-01-28T16:55:39.144Z","5.0.0-canary.34ef15f67.0":"2020-01-28T17:23:20.883Z","5.0.0-canary.d3d176ba5.0":"2020-01-28T17:28:48.104Z","5.0.0-canary.32c1df133.0":"2020-01-28T19:42:36.921Z","5.0.0-canary.f3adce86f.0":"2020-01-28T21:48:10.878Z","5.0.0-canary.a4423f890.0":"2020-01-29T21:08:44.359Z","5.0.0-canary.9351f167d.0":"2020-01-29T21:54:44.562Z","5.0.0-canary.29b89dbc1.0":"2020-01-29T22:16:07.049Z","5.0.0-canary.45985457b.0":"2020-01-29T23:32:04.616Z","5.0.0-canary.a1a0deb3e.0":"2020-01-30T17:36:28.810Z","5.0.0-canary.181486643.0":"2020-01-30T20:55:11.687Z","5.0.0-canary.3a85313ac.0":"2020-01-31T16:22:17.890Z","5.0.0-canary.b6c7f624b.0":"2020-01-31T17:02:16.488Z","5.0.0-canary.b3f70ebde.0":"2020-01-31T20:09:18.098Z","5.0.0-canary.3e782d8f8.0":"2020-02-02T01:12:01.992Z","5.0.0-canary.535398572.0":"2020-02-03T18:10:14.928Z","5.0.0-canary.5ff33802c.0":"2020-02-04T18:02:48.281Z","5.0.0-canary.1eb29491c.0":"2020-02-04T20:59:36.995Z","5.0.0-canary.4c7154b26.0":"2020-02-05T16:01:49.155Z","5.0.0-canary.ab5f49a2c.0":"2020-02-05T23:32:21.251Z","5.0.0-canary.c541ebe15.0":"2020-02-06T22:29:02.812Z","5.0.0-canary.98f7faa05.0":"2020-02-07T19:20:27.067Z","5.0.0-canary.b4727e43a.0":"2020-02-07T19:54:37.629Z","5.0.0-canary.91d9d5a65.0":"2020-02-07T22:58:13.705Z","5.0.0-canary.d5c006ed1.0":"2020-02-10T16:47:33.949Z","5.0.0-canary.559f1a570.0":"2020-02-10T17:23:54.149Z","5.0.0-canary.ad3bbf782.0":"2020-02-10T19:10:34.270Z","5.0.0-canary.570d8e49c.0":"2020-02-10T20:42:30.360Z","5.0.0-canary.48b06b89a.0":"2020-02-11T18:42:24.982Z","5.0.0-canary.612443dfb.0":"2020-02-11T19:47:55.839Z","5.0.0-canary.8c11ea2a3.0":"2020-02-12T08:50:36.695Z","5.0.0-canary.b2f3d311e.0":"2020-02-13T21:42:47.175Z","5.0.0-canary.4f488d0ee.0":"2020-02-13T23:05:16.324Z","6.0.0-canary.fe79de07d.0":"2020-02-13T23:22:33.009Z","5.0.0":"2020-02-14T00:08:08.675Z","6.0.0-canary.5e313b1f2.0":"2020-02-14T23:47:21.618Z","6.0.0-canary.6a56f387c.0":"2020-02-18T19:42:35.993Z","6.0.0-canary.bdfd52632.0":"2020-02-19T20:21:40.435Z","6.0.0-canary.ad2e4376a.0":"2020-02-20T23:15:10.514Z","6.0.0-canary.765caef18.0":"2020-02-21T17:31:57.193Z","6.0.0-canary.949562303.0":"2020-02-21T20:36:40.507Z","6.0.0-canary.7ec96974e.0":"2020-02-24T18:57:14.086Z","6.0.0-canary.265ecbad5.0":"2020-02-25T20:59:51.487Z","5.1.0":"2020-02-25T21:37:02.688Z","6.0.0-canary.2cf87456f.0":"2020-02-25T21:37:44.825Z","6.0.0-canary.781434a92.0":"2020-02-25T23:27:12.737Z","6.0.0-canary.d6f60c98b.0":"2020-02-28T22:02:38.886Z","6.0.0-canary.69edc6e28.0":"2020-02-28T22:11:12.988Z","6.0.0-canary.9372e4939.0":"2020-03-03T19:08:45.068Z","6.0.0-canary.9cf5e9842.0":"2020-03-03T23:24:48.001Z","6.0.0-canary.3657f8863.0":"2020-03-04T17:43:06.006Z","6.0.0-canary.98b843417.0":"2020-03-05T18:30:08.340Z","6.0.0-canary.17b9699c4.0":"2020-03-05T19:21:25.470Z","6.0.0-canary.6ee035572.0":"2020-03-09T16:45:34.807Z","6.0.0-canary.bd33cb56b.0":"2020-03-09T17:20:55.884Z","6.0.0-canary.26c049afa.0":"2020-03-10T17:01:34.888Z","6.0.0-canary.a731fd0a4.0":"2020-03-10T20:30:45.665Z","6.0.0-canary.1db5c9fc8.0":"2020-03-10T20:35:26.638Z","6.0.0-canary.4971637f4.0":"2020-03-10T22:56:59.828Z","6.0.0-canary.1ae8130ce.0":"2020-03-10T23:04:37.530Z","6.0.0-canary.8639c2690.0":"2020-03-11T06:32:25.775Z","6.0.0-canary.d5808057f.0":"2020-03-11T16:24:42.057Z","6.0.0-canary.b3f58203d.0":"2020-03-11T19:37:09.258Z","6.0.0-canary.bec065920.0":"2020-03-12T20:19:27.330Z","6.0.0-canary.776291ef0.0":"2020-03-17T19:19:51.528Z","6.0.0-canary.ece19f3dd.0":"2020-03-17T22:00:28.947Z","6.0.0-canary.4dc45af6c.0":"2020-03-18T01:47:00.140Z","6.0.0-canary.6b48781bf.0":"2020-03-18T15:33:46.807Z","6.0.0-canary.a88c8e4dc.0":"2020-03-19T17:35:01.499Z","6.0.0-canary.cafe18860.0":"2020-03-20T14:52:42.071Z","6.0.0-canary.35a32aaea.0":"2020-03-20T19:58:18.453Z","6.0.0-canary.e75deb854.0":"2020-03-20T22:14:09.458Z","6.0.0-canary.2cc6966f6.0":"2020-03-24T18:42:34.464Z","6.0.0-canary.8707953b6.0":"2020-03-24T18:46:02.563Z","6.0.0-canary.10af6cf39.0":"2020-03-25T18:17:28.545Z","6.0.0-canary.7d8f9c8d7.0":"2020-03-27T18:03:55.595Z","6.0.0-canary.d6315efe2.0":"2020-03-27T19:55:24.159Z","6.0.0-canary.a3016368d.0":"2020-03-27T21:18:45.263Z","6.0.0-canary.4b45b6620.0":"2020-03-31T15:55:26.146Z","6.0.0-canary.e84b9c8.0":"2020-04-01T16:55:01.104Z","6.0.0-canary.e33c49e.0":"2020-04-02T00:08:38.964Z","6.0.0-canary.f1f8e60.0":"2020-04-02T19:12:53.891Z","6.0.0-canary.1e17c49b3.0":"2020-04-03T18:03:08.598Z","6.0.0-canary.6a40ef217.0":"2020-04-03T19:23:48.326Z","6.0.0-canary.5f24faacb.0":"2020-04-08T15:35:14.423Z","6.0.0-canary.82fa986b9.0":"2020-04-08T15:40:50.804Z","6.0.0-canary.9930d9cc5.0":"2020-04-08T19:31:30.854Z","6.0.0-canary.6601d24af.0":"2020-04-09T00:29:07.517Z","6.0.0-canary.05f5e1583.0":"2020-04-09T00:46:18.546Z","6.0.0-canary.bce00e186.0":"2020-04-09T15:21:44.400Z","6.0.0-canary.927fa902c.0":"2020-04-09T18:45:41.994Z","6.0.0-canary.eb28b6ecc.0":"2020-04-10T19:30:14.982Z","6.0.0-canary.816a43b42.0":"2020-04-10T20:51:55.545Z","6.0.0-canary.008c4d319.0":"2020-04-13T16:33:05.052Z","6.0.0-canary.cbb3f28ca.0":"2020-04-14T05:05:15.468Z","6.0.0-canary.f172b0f90.0":"2020-04-14T23:09:39.296Z","6.0.0-canary.c02642273.0":"2020-04-15T16:16:31.723Z","6.0.0-canary.8a299b568.0":"2020-04-15T22:42:37.916Z","6.0.0-canary.490fbdc09.0":"2020-04-16T05:59:02.618Z","6.0.0-canary.f838c6e55.0":"2020-04-16T14:25:41.893Z","6.0.0-canary.ce6cb7024.0":"2020-04-16T17:18:21.521Z","6.0.0-canary.0ab62a65b.0":"2020-04-16T18:53:32.973Z","6.0.0-canary.ca61b656f.0":"2020-04-16T19:59:17.206Z","6.0.0-canary.45a6615e3.0":"2020-04-16T20:32:11.014Z","6.0.0-canary.4b04cdb0f.0":"2020-04-17T17:40:17.315Z","6.0.0-canary.b273afa93.0":"2020-04-17T23:02:11.425Z","6.0.0-canary.b70bc601e.0":"2020-04-17T23:20:50.307Z","6.0.0-canary.c4b4bba96.0":"2020-04-18T00:17:04.355Z","6.0.0-canary.6c1ebc721.0":"2020-04-20T19:57:31.429Z","6.0.0-canary.9cff4318f.0":"2020-04-20T20:55:01.925Z","6.0.0-canary.7b4482402.0":"2020-04-20T22:19:26.305Z","6.0.0-canary.deda86d8c.0":"2020-04-21T01:14:06.667Z","6.0.0-canary.d10412cb2.0":"2020-04-21T18:17:36.556Z","6.0.0-canary.c141801d5.0":"2020-04-21T19:41:14.020Z","6.0.0-canary.28d10a96e.0":"2020-04-22T22:06:27.694Z","7.0.0-canary.8540808be.0":"2020-04-23T17:25:01.774Z","6.0.0":"2020-04-23T17:25:30.574Z","7.0.0-canary.2673adb74.0":"2020-04-23T22:44:47.070Z","7.0.0-canary.b10d0d7f1.0":"2020-04-24T00:20:23.001Z","7.0.0-canary.3bd8c1bac.0":"2020-04-24T21:05:20.198Z","7.0.0-canary.b83c8dc22.0":"2020-04-24T21:18:07.183Z","7.0.0-canary.1b3dd846d.0":"2020-04-25T00:43:13.456Z","7.0.0-canary.29debfea7.0":"2020-04-27T12:31:20.805Z","7.0.0-canary.28d32f8e0.0":"2020-04-27T14:05:43.353Z","7.0.0-canary.af71cfdd6.0":"2020-04-28T23:16:44.727Z","7.0.0-canary.99d2fc961.0":"2020-04-29T10:42:55.353Z","7.0.0-canary.0e052b24f.0":"2020-04-30T01:28:42.798Z","7.0.0-canary.ff4bc632a.0":"2020-04-30T08:26:54.090Z","7.0.0-canary.b0f83d2fd.0":"2020-04-30T14:31:51.781Z","7.0.0-canary.e59906a57.0":"2020-05-01T15:41:32.967Z","7.0.0-canary.c02712b59.0":"2020-05-01T18:24:56.650Z","7.0.0-canary.15d65448e.0":"2020-05-01T19:21:43.460Z","7.0.0-canary.142b1549e.0":"2020-05-01T22:35:05.673Z","7.0.0-canary.524b7b812.0":"2020-05-03T20:46:50.597Z","7.0.0-canary.bd8ca9678.0":"2020-05-04T17:18:13.599Z","7.0.0-canary.2553e86fe.0":"2020-05-04T17:30:11.088Z","7.0.0-canary.03dec929e.0":"2020-05-04T23:32:40.067Z","7.0.0-canary.d92d8c93e.0":"2020-05-05T16:58:03.351Z","7.0.0-canary.09f591967.0":"2020-05-05T21:03:23.775Z","7.0.0-canary.3846ce311.0":"2020-05-06T14:08:37.744Z","7.0.0-canary.ed7f32463.0":"2020-05-06T16:06:03.040Z","7.0.0-canary.8135cc085.0":"2020-05-06T19:54:20.420Z","7.0.0-canary.deb212de4.0":"2020-05-06T22:17:54.354Z","7.0.0-canary.f83e00898.0":"2020-05-07T16:48:40.090Z","7.0.0-canary.047e6b337.0":"2020-05-08T18:37:34.933Z","7.0.0-canary.119e21426.0":"2020-05-08T20:21:34.873Z","7.0.0-canary.2f052d824.0":"2020-05-08T21:06:16.950Z","7.0.0-canary.e84444387.0":"2020-05-08T21:30:46.601Z","7.0.0-canary.893eb1876.0":"2020-05-11T14:12:08.314Z","7.0.0-canary.a5aeb3001.0":"2020-05-11T14:27:50.248Z","7.0.0-canary.610c68d97.0":"2020-05-11T19:31:35.831Z","7.0.0-canary.ed52af767.0":"2020-05-11T20:26:20.359Z","7.0.0-canary.058cfd23c.0":"2020-05-11T21:24:20.639Z","7.0.0-canary.0a371b4fe.0":"2020-05-12T23:17:10.025Z","7.0.0-canary.2139200b3.0":"2020-05-13T14:46:22.969Z","7.0.0-canary.744d751a0.0":"2020-05-14T04:41:55.730Z","7.0.0-canary.ad0c0c103.0":"2020-05-14T14:50:34.840Z","7.0.0-canary.fd8f8f2b7.0":"2020-05-18T17:52:49.860Z","7.0.0-canary.730920fbb.0":"2020-05-18T19:43:09.556Z","7.0.0-canary.bcdad99bb.0":"2020-05-19T03:17:14.885Z","7.0.0-canary.4497b86ed.0":"2020-05-19T03:50:00.245Z","7.0.0-canary.2e60575da.0":"2020-05-19T16:08:22.154Z","7.0.0-canary.e3eacefcc.0":"2020-05-19T17:37:13.531Z","7.0.0-canary.b065a4d2b.0":"2020-05-20T14:35:36.724Z","7.0.0-canary.4ebce8d78.0":"2020-05-20T20:49:30.380Z","7.0.0-canary.b0fdca492.0":"2020-05-20T23:01:55.378Z","7.0.0-canary.c67667e8e.0":"2020-05-21T14:11:40.924Z","7.0.0-canary.62b5f37db.0":"2020-05-21T16:40:24.273Z","7.0.0-canary.2e218dbf8.0":"2020-05-21T17:01:17.760Z","7.0.0-canary.7fd792bb9.0":"2020-05-21T17:13:50.447Z","7.0.0-canary.a66493cd8.0":"2020-05-21T17:17:07.496Z","7.0.0-canary.da05f66e1.0":"2020-05-21T17:19:04.334Z","7.0.0-canary.740860e78.0":"2020-05-21T17:25:49.846Z","7.0.0-canary.5cea2610f.0":"2020-05-21T17:27:50.612Z","7.0.0-canary.cf7747ef7.0":"2020-05-21T17:28:09.391Z","7.0.0-canary.862d0d7bc.0":"2020-05-21T17:30:52.145Z","7.0.0-canary.0008c8a91.0":"2020-05-21T19:32:19.765Z","7.0.0-canary.541638fa2.0":"2020-05-21T19:47:17.646Z","7.0.0-canary.6167cd075.0":"2020-05-21T20:20:12.521Z","7.0.0-canary.863ac1b0f.0":"2020-05-21T20:58:50.843Z","7.0.0-canary.d30a214ac.0":"2020-05-21T21:03:00.730Z","7.0.0-canary.62abbc8d7.0":"2020-05-21T21:27:47.498Z","7.0.0-canary.49bf31d5c.0":"2020-05-21T21:31:08.468Z","7.0.0-canary.8e17857d0.0":"2020-05-21T21:31:56.485Z","7.0.0-canary.c113fc942.0":"2020-05-21T22:45:34.866Z","7.0.0-canary.912d9021d.0":"2020-05-26T18:44:21.619Z","7.0.0-canary.68a2af131.0":"2020-05-26T19:06:22.322Z","7.0.0-canary.01de07011.0":"2020-05-26T19:51:50.123Z","7.0.0-canary.51d4535fe.0":"2020-05-26T21:33:50.883Z","7.0.0-canary.b86d826b7.0":"2020-05-26T22:12:49.594Z","7.0.0-canary.d91794c7e.0":"2020-05-26T23:54:08.123Z","7.0.0-canary.8c6d7e076.0":"2020-05-27T18:58:27.622Z","7.0.0-canary.5b5f62f93.0":"2020-05-27T19:15:27.361Z","7.0.0-canary.d9972abb1.0":"2020-05-27T20:19:59.905Z","7.0.0-canary.6556eda2b.0":"2020-05-27T20:29:09.956Z","7.0.0-canary.32aa23641.0":"2020-05-27T21:37:23.540Z","7.0.0-canary.654934dfa.0":"2020-05-28T00:36:04.389Z","7.0.0-canary.41910b8b8.0":"2020-05-28T00:50:30.586Z","7.0.0-canary.d66d22bf9.0":"2020-05-28T19:54:23.083Z","7.0.0-canary.8904f3cbe.0":"2020-05-29T16:49:30.542Z","7.0.0-canary.51512a4ac.0":"2020-05-29T19:14:16.166Z","7.0.0-canary.0743288fb.0":"2020-05-29T20:04:12.561Z","7.0.0-canary.06ef147b5.0":"2020-05-29T20:39:51.015Z","7.0.0-canary.8073a20a9.0":"2020-05-29T23:24:41.284Z","7.0.0-canary.72ff42330.0":"2020-06-01T16:43:00.735Z","7.0.0-canary.9ea52070f.0":"2020-06-01T16:48:12.614Z","7.0.0-canary.d86ad3b60.0":"2020-06-01T17:47:57.867Z","7.0.0-canary.b9776b1d0.0":"2020-06-01T18:24:48.659Z","7.0.0-canary.ba6f7c294.0":"2020-06-02T17:01:50.547Z","7.0.0-canary.cf3b664ab.0":"2020-06-02T18:22:37.121Z","7.0.0-canary.4ba3c9a31.0":"2020-06-02T23:51:26.116Z","7.0.0-canary.388b042c7.0":"2020-06-03T13:45:39.039Z","7.0.0-canary.cca1ca84d.0":"2020-06-03T16:01:46.073Z","7.0.0-canary.9b0b5f2e0.0":"2020-06-03T18:56:42.228Z","7.0.0-canary.0a7895f4d.0":"2020-06-03T21:08:10.809Z","7.0.0-canary.7461aad68.0":"2020-06-03T22:11:21.891Z","7.0.0-canary.a0dc2b5c4.0":"2020-06-04T21:12:49.008Z","7.0.0-canary.2b420c5b3.0":"2020-06-08T16:13:20.121Z","7.0.0-canary.8fa22aacc.0":"2020-06-08T18:03:43.570Z","7.0.0-canary.21c4e4ed8.0":"2020-06-08T18:43:23.223Z","7.0.0-canary.dfde46516.0":"2020-06-08T19:40:54.283Z","7.0.0-canary.05cc5c206.0":"2020-06-08T20:55:51.673Z","7.0.0-canary.3ee488f1c.0":"2020-06-09T14:53:04.335Z","7.0.0-canary.b83d720ee.0":"2020-06-09T17:25:24.050Z","7.0.0-canary.afb1c11a9.0":"2020-06-09T20:15:36.115Z","7.0.0-canary.39e6f71e2.0":"2020-06-09T23:38:46.062Z","7.0.0-canary.d4c66dc7d.0":"2020-06-11T17:45:01.919Z","7.0.0-canary.be4a19f9f.0":"2020-06-12T06:07:15.661Z","7.0.0-canary.a6ac8f629.0":"2020-06-15T21:29:52.090Z","7.0.0-canary.9833dc287.0":"2020-06-16T19:48:27.390Z","7.0.0-canary.3aa33998e.0":"2020-06-16T20:20:07.301Z","7.0.0-canary.d2b54d183.0":"2020-06-18T01:14:53.529Z","7.0.0-canary.f2a488e95.0":"2020-06-18T15:03:08.325Z","7.0.0-canary.bd8d1aafa.0":"2020-06-18T15:15:28.892Z","7.0.0-canary.1321eb968.0":"2020-06-19T19:20:30.010Z","7.0.0-canary.db5cc0382.0":"2020-06-19T19:26:54.453Z","7.0.0-canary.6ac9bf031.0":"2020-06-19T19:47:16.898Z","7.0.0-canary.c21b5c367.0":"2020-06-19T20:09:33.283Z","7.0.0-canary.bfdd7fd39.0":"2020-06-19T20:19:07.084Z","7.0.0-canary.10b505785.0":"2020-06-19T20:20:31.643Z","7.0.0-canary.6483d3f44.0":"2020-06-19T20:36:41.420Z","7.0.0-canary.30a74e921.0":"2020-06-19T20:38:59.453Z","7.0.0-canary.c20727498.0":"2020-06-19T20:41:52.821Z","7.0.0-canary.4e360ae94.0":"2020-06-19T20:58:38.409Z","7.0.0-canary.8550fa53b.0":"2020-06-19T21:00:52.353Z","7.0.0-canary.93ade142e.0":"2020-06-19T21:01:58.652Z","7.0.0-canary.a0032f5bb.0":"2020-06-19T21:27:00.977Z","7.0.0-canary.3f342e721.0":"2020-06-19T21:29:01.513Z","7.0.0-canary.ff89457cc.0":"2020-06-19T21:30:25.088Z","7.0.0-canary.4a1855cf8.0":"2020-06-19T21:33:11.721Z","7.0.0-canary.8602f1b4d.0":"2020-06-22T17:22:39.458Z","7.0.0-canary.69f9f0982.0":"2020-06-22T21:13:30.968Z","7.0.0-canary.369a293f0.0":"2020-06-22T21:15:40.431Z","7.0.0-canary.f1432b5c6.0":"2020-06-22T21:24:27.149Z","7.0.0-canary.4757a16b4.0":"2020-06-22T21:52:17.695Z","7.0.0-canary.f8f472762.0":"2020-06-22T21:56:32.630Z","7.0.0-canary.7e4d55c34.0":"2020-06-22T22:28:27.955Z","7.0.0-canary.bd1dbc91f.0":"2020-06-23T14:27:03.848Z","7.0.0-canary.31523bc62.0":"2020-06-23T14:32:20.550Z","7.0.0-canary.a96b6d4d6.0":"2020-06-23T14:39:03.240Z","7.0.0-canary.ef3a09533.0":"2020-06-23T14:47:08.272Z","7.0.0-canary.080965f39.0":"2020-06-23T15:16:37.551Z","7.0.0-canary.1bd67b65d.0":"2020-06-23T15:58:47.341Z","7.0.0-canary.18ca31248.0":"2020-06-23T18:23:47.087Z","7.0.0-canary.39cf00836.0":"2020-06-23T18:47:03.341Z","7.0.0-canary.1bfda9e05.0":"2020-06-23T18:59:23.853Z","7.0.0-canary.08731bd95.0":"2020-06-23T19:02:07.777Z","7.0.0":"2020-06-23T19:09:49.983Z","8.0.0-canary.a3212b209.0":"2020-06-23T19:10:41.379Z","8.0.0-canary.15e81fe98.0":"2020-06-23T19:39:28.938Z","8.0.0-canary.004c9d392.0":"2020-06-23T22:55:03.058Z","8.0.0-canary.03bde00f5.0":"2020-06-24T00:30:39.136Z","8.0.0-canary.599b8c319.0":"2020-06-24T14:55:17.799Z","8.0.0-canary.87e3be418.0":"2020-06-24T17:52:22.118Z","8.0.0-canary.035cf2a6f.0":"2020-06-24T18:37:34.490Z","8.0.0-canary.2fed2c12f.0":"2020-06-25T19:59:28.231Z","8.0.0-canary.38197b443.0":"2020-06-25T21:21:39.112Z","8.0.0-canary.69a35e80c.0":"2020-06-26T17:37:50.090Z","8.0.0-canary.df7154fb3.0":"2020-06-26T18:15:48.125Z","8.0.0-canary.d5618602a.0":"2020-06-26T21:47:19.029Z","8.0.0-canary.e590b376b.0":"2020-06-26T23:22:39.258Z","8.0.0-canary.0c9d6bd2d.0":"2020-06-29T17:14:25.674Z","8.0.0-canary.c1fec4246.0":"2020-06-29T17:29:31.324Z","8.0.0-canary.c678a9d34.0":"2020-06-29T17:50:46.103Z","8.0.0-canary.521afaf6e.0":"2020-06-30T15:04:26.507Z","8.0.0-canary.a2ad48839.0":"2020-06-30T19:13:24.966Z","8.0.0-canary.ec2385881.0":"2020-06-30T21:45:58.678Z","8.0.0-canary.610c26c4a.0":"2020-07-01T14:55:01.472Z","8.0.0-canary.e2ea4a99e.0":"2020-07-01T19:26:07.782Z","8.0.0-canary.a78ceb112.0":"2020-07-01T19:37:58.467Z","8.0.0-canary.b0c456d33.0":"2020-07-06T22:40:10.874Z","8.0.0-canary.2e5711e04.0":"2020-07-08T16:47:00.604Z","8.0.0-canary.811fc5d24.0":"2020-07-08T17:14:51.970Z","8.0.0-canary.6ed717ddd.0":"2020-07-08T19:43:06.559Z","8.0.0-canary.d850de590.0":"2020-07-09T18:04:30.489Z","8.0.0-canary.e07a70841.0":"2020-07-09T18:34:22.194Z","8.0.0-canary.37947ed6c.0":"2020-07-09T20:34:54.656Z","8.0.0-canary.5d443afec.0":"2020-07-09T20:50:52.051Z","8.0.0-canary.9ac1ed914.0":"2020-07-09T21:19:45.274Z","8.0.0-canary.1e7cb6198.0":"2020-07-09T22:11:17.606Z","8.0.0-canary.843f636c0.0":"2020-07-10T17:41:41.391Z","8.0.0-canary.b2edaeead.0":"2020-07-10T18:06:13.596Z","8.0.0-canary.5dac1f624.0":"2020-07-13T16:33:23.197Z","8.0.0-canary.4497acef8.0":"2020-07-14T14:18:58.539Z","8.0.0-canary.e6e23019d.0":"2020-07-14T20:09:31.379Z","8.0.0-canary.d548d7a92.0":"2020-07-14T21:12:09.688Z","8.0.0-canary.58ce529cc.0":"2020-07-14T21:14:02.643Z","8.0.0-canary.a0f1202dc.0":"2020-07-14T21:33:11.252Z","8.0.0-canary.ad4df58c1.0":"2020-07-15T00:08:25.774Z","8.0.0-canary.01db89053.0":"2020-07-16T16:38:06.028Z","8.0.0-canary.fb5a4cdeb.0":"2020-07-20T19:19:00.924Z","8.0.0-canary.8df0f517c.0":"2020-07-20T23:54:41.646Z","8.0.0-canary.abcdbcfeb.0":"2020-07-21T00:49:15.128Z","8.0.0-canary.7bd5075de.0":"2020-07-21T18:46:06.927Z","8.0.0-canary.405a29a20.0":"2020-07-22T22:22:18.852Z","8.0.0-canary.f3693ac4c.0":"2020-07-22T22:32:39.655Z","8.0.0-canary.12a109680.0":"2020-07-22T23:02:33.462Z","8.0.0-canary.bbd06696e.0":"2020-07-22T23:51:56.166Z","8.0.0-canary.4951e7651.0":"2020-07-23T01:48:32.438Z","8.0.0-canary.75deebbef.0":"2020-07-23T17:44:52.765Z","8.0.0-canary.95aff33ee.0":"2020-07-23T18:46:27.887Z","8.0.0-canary.9d9f47473.0":"2020-07-23T19:57:41.053Z","8.0.0-canary.00dfbf6be.0":"2020-07-23T20:58:33.757Z","8.0.0-canary.b87e522d2.0":"2020-07-23T21:22:46.042Z","8.0.0-canary.5b3e150e5.0":"2020-07-24T01:22:58.263Z","8.0.0-canary.f0ae11786.0":"2020-07-24T01:42:46.090Z","8.0.0-canary.fb4ee66c0.0":"2020-07-24T02:09:49.595Z","8.0.0-canary.5511e0aeb.0":"2020-07-24T16:55:59.664Z","8.0.0-canary.8388a9bf6.0":"2020-07-24T20:12:02.865Z","8.0.0-canary.ac405eae1.0":"2020-07-27T15:05:18.798Z","8.0.0-canary.75553837c.0":"2020-07-27T15:11:22.731Z","8.0.0-canary.b96fbfc7a.0":"2020-07-27T15:36:58.579Z","8.0.0-canary.61f1a8d85.0":"2020-07-27T15:45:58.520Z","8.0.0-canary.81dc33377.0":"2020-07-27T15:58:05.796Z","8.0.0-canary.ffd9ede58.0":"2020-07-27T16:31:18.604Z","8.0.0-canary.52dc55acf.0":"2020-07-27T17:07:30.939Z","8.0.0-canary.d4274ff05.0":"2020-07-27T19:49:42.387Z","8.0.0-canary.b82d0696d.0":"2020-07-27T19:57:03.347Z","8.0.0-canary.c2852000d.0":"2020-07-27T20:57:14.928Z","8.0.0-canary.f86f83f54.0":"2020-07-27T21:53:08.004Z","8.0.0-canary.41eb1684c.0":"2020-07-28T17:49:18.454Z","8.0.0-canary.9e2f6c450.0":"2020-07-28T22:38:13.540Z","8.0.0-canary.e6950b55a.0":"2020-07-28T22:51:11.891Z","8.0.0-canary.5e51ee38e.0":"2020-07-28T23:14:58.745Z","8.0.0-canary.a3898ffcf.0":"2020-07-29T00:35:20.352Z","8.0.0-canary.bc5cc6c96.0":"2020-07-29T00:48:11.545Z","8.0.0-canary.9bdeaf928.0":"2020-07-29T01:19:33.840Z","8.0.0-canary.fde2c1f9d.0":"2020-07-29T01:34:04.967Z","8.0.0-canary.6b3876d5d.0":"2020-07-29T01:37:49.262Z","8.0.0-canary.30ce17873.0":"2020-07-29T17:13:43.149Z","8.0.0-canary.f6bb43bf0.0":"2020-07-29T18:24:03.035Z","8.0.0-canary.6af75f6ab.0":"2020-07-30T00:00:19.158Z","8.0.0-canary.42d7a65aa.0":"2020-07-30T00:09:18.752Z","8.0.0-canary.85abdabb7.0":"2020-07-30T00:14:23.081Z","8.0.0-canary.49fb20ca3.0":"2020-07-30T01:26:38.288Z","8.0.0-canary.962d4abbb.0":"2020-07-30T16:09:15.686Z","8.0.0-canary.2fcee40cb.0":"2020-07-30T17:20:35.636Z","8.0.0-canary.bd5987f5a.0":"2020-07-30T17:45:11.705Z","8.0.0-canary.005e86a9b.0":"2020-07-30T17:58:48.953Z","8.0.0-canary.e309c7c68.0":"2020-07-30T18:07:36.940Z","8.0.0-canary.935a51cc0.0":"2020-07-30T18:19:23.853Z","8.0.0-canary.74839da7b.0":"2020-07-30T18:30:20.787Z","8.0.0-canary.f041a48c9.0":"2020-07-30T22:58:21.548Z","8.0.0-canary.fbb1381e1.0":"2020-07-31T15:49:21.545Z","8.0.0-canary.7f61d5785.0":"2020-07-31T17:22:05.901Z","8.0.0-canary.e1bc84d10.0":"2020-08-03T17:49:43.912Z","8.0.0-canary.096a7a066.0":"2020-08-03T17:52:23.952Z","8.0.0-canary.aa3a3e5a4.0":"2020-08-03T17:52:41.019Z","8.0.0-canary.5903d39af.0":"2020-08-03T17:52:48.354Z","8.0.0-canary.72258f898.0":"2020-08-04T01:16:18.108Z","8.0.0-canary.1b44b43c8.0":"2020-08-04T16:47:05.533Z","8.0.0-canary.e9d2e2f96.0":"2020-08-04T20:23:16.408Z","8.0.0-canary.b9dff0a19.0":"2020-08-05T03:47:40.363Z","8.0.0-canary.2bd09a706.0":"2020-08-05T03:52:48.261Z","8.0.0-canary.e0560522f.0":"2020-08-05T17:18:35.370Z","8.0.0-canary.08ca4d0ec.0":"2020-08-05T17:38:25.465Z","8.0.0-canary.08090126b.0":"2020-08-06T19:31:40.271Z","8.0.0-canary.e8bf5b2ac.0":"2020-08-06T21:48:56.140Z","8.0.0-canary.e3b746208.0":"2020-08-06T22:25:40.926Z","8.0.0-canary.96a640534.0":"2020-08-06T22:40:32.093Z","8.0.0-canary.9f9aac825.0":"2020-08-07T20:50:20.395Z","8.0.0-canary.fc65fd00b.0":"2020-08-10T15:19:20.606Z","8.0.0-canary.02e372c5f.0":"2020-08-10T15:47:23.045Z","8.0.0-canary.66669e3b6.0":"2020-08-10T15:51:34.368Z","8.0.0-canary.6d1ea9761.0":"2020-08-11T14:29:44.312Z","8.0.0-canary.79414bf9f.0":"2020-08-11T19:00:38.491Z","8.0.0-canary.85a5272df.0":"2020-08-11T20:06:58.848Z","8.0.0-canary.fda053eb8.0":"2020-08-12T20:03:04.441Z","8.0.0-canary.760873445.0":"2020-08-12T21:42:12.464Z","8.0.0-canary.2f4711a30.0":"2020-08-12T21:52:11.460Z","8.0.0-canary.2d72f3659.0":"2020-08-12T21:59:36.019Z","8.0.0-canary.1fee70a5e.0":"2020-08-12T23:27:37.295Z","8.0.0-canary.023f3fa34.0":"2020-08-13T01:11:13.805Z","8.0.0-canary.80f3a9e5d.0":"2020-08-13T01:27:52.816Z","8.0.0-canary.a1dcfe97c.0":"2020-08-13T08:48:06.467Z","8.0.0-canary.af332d5be.0":"2020-08-13T21:16:17.845Z","8.0.0-canary.7dd4567c4.0":"2020-08-14T00:49:47.281Z","8.0.0-canary.ff870005a.0":"2020-08-14T01:15:07.995Z","8.0.0-canary.150f427a0.0":"2020-08-14T13:28:01.365Z","8.0.0-canary.bcc58290a.0":"2020-08-14T23:21:28.519Z","8.0.0-canary.4f55400bb.0":"2020-08-17T16:37:20.750Z","8.0.0-canary.000d64815.0":"2020-08-17T17:03:10.750Z","8.0.0-canary.defa599a8.0":"2020-08-17T20:30:44.156Z","8.0.0-canary.66b8ed7e6.0":"2020-08-18T18:35:40.514Z","8.0.0-canary.e2b1033df.0":"2020-08-19T18:40:51.205Z","8.0.0-canary.2e8c3dd2e.0":"2020-08-19T19:22:51.117Z","8.0.0-canary.b2e80a5d9.0":"2020-08-19T22:19:50.578Z","8.0.0-canary.ff88df637.0":"2020-08-19T22:31:45.285Z","8.0.0-canary.32fb314cd.0":"2020-08-20T10:36:19.665Z","8.0.0-canary.546277d32.0":"2020-08-20T16:41:53.132Z","8.0.0-canary.da72839f4.0":"2020-08-20T17:58:45.901Z","8.0.0-canary.346069ccb.0":"2020-08-20T18:17:13.955Z","8.0.0-canary.e27c5802f.0":"2020-08-20T19:14:05.353Z","8.0.0-canary.f4532b9c8.0":"2020-08-20T19:56:41.350Z","8.0.0-canary.fbf73c2a6.0":"2020-08-20T21:05:10.276Z","8.0.0-canary.cf800124f.0":"2020-08-20T21:51:35.052Z","8.0.0-canary.95e4eeea7.0":"2020-08-20T23:27:48.169Z","8.0.0-canary.91ab1c62a.0":"2020-08-21T15:10:37.709Z","8.0.0-canary.58eaa9f02.0":"2020-08-21T19:59:21.026Z","8.0.0-canary.238216fc4.0":"2020-08-24T15:39:33.562Z","8.0.0-canary.a1c65593d.0":"2020-08-25T03:02:49.191Z","8.0.0-canary.708cc09c4.0":"2020-08-25T15:55:18.768Z","8.0.0-canary.19bea2ad3.0":"2020-08-26T18:48:15.962Z","8.0.0-canary.911014711.0":"2020-08-27T16:06:52.778Z","8.0.0-canary.d3387f54c.0":"2020-09-03T20:53:06.500Z","8.0.0-canary.2ccf996cc.0":"2020-09-03T20:53:27.755Z","8.0.0-canary.744bfe5d8.0":"2020-09-03T20:54:13.149Z","8.0.0-canary.78da96eaf.0":"2020-09-08T19:11:43.413Z","8.0.0-canary.b0ed593cc.0":"2020-09-09T06:14:55.353Z","8.0.0-canary.85a1fa9ea.0":"2020-09-10T21:09:25.734Z","8.0.0-canary.0bc41a9c7.0":"2020-09-11T17:48:33.708Z","8.0.0-canary.fc0eb5013.0":"2020-09-11T19:54:21.705Z","8.0.0-canary.319bf66de.0":"2020-09-11T23:09:08.930Z","8.0.0-canary.5bfc305ec.0":"2020-09-13T22:59:09.028Z","8.0.0-canary.83d83f131.0":"2020-09-14T00:31:39.429Z","8.0.0-canary.40d8e4726.0":"2020-09-14T23:26:15.261Z","8.0.0-canary.c25d70a31.0":"2020-09-15T02:26:29.901Z","8.0.0-canary.2fe70126a.0":"2020-09-15T04:50:19.208Z","8.0.0-canary.d52b165b5.0":"2020-09-15T14:53:12.828Z","8.0.0-canary.a831d4799.0":"2020-09-15T17:50:42.888Z","8.0.0-canary.a306aa488.0":"2020-09-17T00:57:23.109Z","8.0.0-canary.fd608ff66.0":"2020-09-17T14:24:30.316Z","8.0.0-canary.3e435ba57.0":"2020-09-17T14:41:53.747Z","8.0.0-canary.c250ec52a.0":"2020-09-17T20:09:26.582Z","8.0.0-canary.e34e411b1.0":"2020-09-17T20:16:47.082Z","8.0.0-canary.4e9343929.0":"2020-09-17T20:41:59.696Z","8.0.0-canary.4e5c350c2.0":"2020-09-21T21:13:03.654Z","8.0.0-canary.16c563ef7.0":"2020-09-22T19:44:59.873Z","8.0.0-canary.fd8af3d43.0":"2020-09-23T19:31:08.164Z","8.0.0-canary.d4cd83a85.0":"2020-09-25T00:33:48.333Z","8.0.0-canary.199aecdfb.0":"2020-09-25T15:50:10.635Z","8.0.0-canary.38ef4501f.0":"2020-09-30T18:23:01.051Z","8.0.0-canary.774dcfc8e.0":"2020-10-01T09:52:55.102Z","8.0.0-canary.0f60323a8.0":"2020-10-08T21:08:53.117Z","8.0.0-canary.d71622574.0":"2020-10-09T16:30:20.624Z","8.0.0-canary.7a9afaf4b.0":"2020-10-09T22:52:39.142Z","8.0.0-canary.8a39352c8.0":"2020-10-12T17:45:18.998Z","8.0.0-canary.790ca85fd.0":"2020-10-12T21:55:33.951Z","8.0.0-canary.174c0becf.0":"2020-10-14T02:14:41.780Z","8.0.0-canary.c71ebfa02.0":"2020-10-14T04:16:20.033Z","8.0.0-canary.2ab716cbd.0":"2020-10-16T00:03:13.845Z","8.0.0-canary.43c1c5e2f.0":"2020-10-19T14:06:58.930Z","8.0.0-canary.ccc64eea3.0":"2020-10-26T22:50:25.475Z","8.0.0-canary.a79cdd019.0":"2020-10-27T16:30:02.548Z","8.0.0-canary.596e98424.0":"2020-10-28T16:02:21.585Z","8.0.0-canary.05d5facc2.0":"2020-10-28T16:10:49.267Z","8.0.0-canary.291b3553d.0":"2020-10-28T17:43:46.864Z","8.0.0-canary.dbc449b09.0":"2020-10-28T18:11:27.568Z","8.0.0-canary.4794b25da.0":"2020-10-28T18:40:05.994Z","8.0.0-canary.c61db90a5.0":"2020-10-28T18:58:26.373Z","8.0.0-canary.6d9648ab2.0":"2020-10-29T20:31:20.309Z","8.0.0-canary.5511c5254.0":"2020-10-30T17:59:06.617Z","8.0.0-canary.bd6e302a4.0":"2020-11-02T17:03:28.722Z","9.0.0-canary.d6b5cd418.0":"2020-11-02T22:57:53.759Z","8.0.0":"2020-11-02T22:58:00.556Z","9.0.0-canary.fdf9a2634.0":"2020-11-03T23:20:08.253Z","9.0.0-canary.4a86f30a0.0":"2020-11-03T23:26:35.061Z","9.0.0-canary.fc8b045f1.0":"2020-11-03T23:36:04.976Z","9.0.0-canary.a0b2db26b.0":"2020-11-04T00:07:42.533Z","9.0.0-canary.419e03572.0":"2020-11-04T01:32:00.469Z","9.0.0-canary.a432ad542.0":"2020-11-06T01:44:51.803Z","9.0.0-canary.e2e8aef1e.0":"2020-11-06T02:04:07.676Z","9.0.0-canary.ec6b68b34.0":"2020-11-06T18:55:23.590Z","9.0.0-canary.b39094d14.0":"2020-11-06T21:14:56.282Z","9.0.0-canary.8648b8258.0":"2020-11-12T10:43:35.765Z","9.0.0-canary.240c5f74f.0":"2020-11-12T20:19:29.491Z","9.0.0-canary.6cf6ba4f4.0":"2020-11-16T18:48:52.208Z","9.0.0-canary.07f3e01b7.0":"2020-11-16T21:44:28.501Z","9.0.0-canary.23491cf85.0":"2020-11-17T00:16:04.154Z","9.0.0-canary.b659d4fc3.0":"2020-11-17T00:23:53.137Z","9.0.0-canary.d8a3aed67.0":"2020-11-17T15:25:59.873Z","9.0.0-canary.482ff9091.0":"2020-11-17T17:56:46.274Z","9.0.0-canary.99cfb6bd5.0":"2020-11-18T18:42:29.626Z","9.0.0-canary.b98d15d90.0":"2020-11-18T22:33:48.791Z","9.0.0-canary.30c11bfc2.0":"2020-11-19T01:24:56.956Z","9.0.0-canary.1b731d51b.0":"2020-11-19T18:51:09.102Z","9.0.0-canary.4ae94ff78.0":"2020-11-19T18:54:01.959Z","9.0.0-canary.7ad038e1d.0":"2020-11-19T19:17:18.988Z","9.0.0-canary.a41527604.0":"2020-11-19T19:58:47.595Z","9.0.0-canary.7b0e2b377.0":"2020-11-20T22:54:25.697Z","9.0.0-canary.c927a5d05.0":"2020-11-23T19:45:52.891Z","9.0.0-canary.b349b5185.0":"2020-11-24T17:07:31.649Z","9.0.0-canary.9083b7d61.0":"2020-11-24T21:14:29.566Z","9.0.0-canary.eff7b46ac.0":"2020-11-24T23:29:50.200Z","9.0.0-canary.ae27b44b0.0":"2020-11-25T15:31:32.022Z","9.0.0-canary.2fbba2554.0":"2020-11-30T17:39:14.220Z","9.0.0-canary.6d8574fe1.0":"2020-11-30T17:50:22.861Z","9.0.0-canary.fd22355f7.0":"2020-11-30T22:58:28.534Z","9.0.0-canary.c4ab98722.0":"2020-12-02T00:55:22.577Z","9.0.0-canary.977585650.0":"2020-12-02T14:40:48.330Z","9.0.0-canary.c7edfc7b6.0":"2020-12-02T14:48:25.668Z","9.0.0-canary.4f3347306.0":"2020-12-02T15:06:21.896Z","9.0.0-canary.37fbae10d.0":"2020-12-02T18:15:15.053Z","9.0.0-canary.11da3c0db.0":"2020-12-02T20:21:14.689Z","9.0.0-canary.489d4c219.0":"2020-12-03T15:28:32.107Z","9.0.0-canary.6557a69d9.0":"2020-12-03T15:40:23.593Z","9.0.0-canary.4ea1b7c69.0":"2020-12-03T15:57:05.249Z","9.0.0-canary.eaeb78ce3.0":"2020-12-03T17:00:10.151Z","9.0.0-canary.1c156d69d.0":"2020-12-03T20:43:27.291Z","9.0.0-canary.832668d33.0":"2020-12-04T18:04:38.000Z","9.0.0-canary.4321323e4.0":"2020-12-07T11:27:48.138Z","9.0.0-canary.2d5f32d41.0":"2020-12-07T16:40:39.734Z","9.0.0-canary.8239afc64.0":"2020-12-07T19:48:14.603Z","9.0.0-canary.6871336f1.0":"2020-12-08T16:00:16.862Z","9.0.0-canary.9f718da94.0":"2020-12-08T16:11:59.338Z","9.0.0-canary.1fccb1418.0":"2020-12-08T16:27:08.022Z","9.0.0-canary.afb68894e.0":"2020-12-08T16:30:57.113Z","9.0.0-canary.fd88d40c2.0":"2020-12-08T16:43:53.833Z","9.0.0-canary.ba9e3109c.0":"2020-12-08T19:04:08.664Z","9.0.0-canary.1085c3b2d.0":"2020-12-09T19:09:50.830Z","9.0.0-canary.c5dda809d.0":"2020-12-09T20:48:29.064Z","9.0.0-canary.f5f1bd86a.0":"2020-12-09T21:06:40.300Z","9.0.0-canary.00f38200f.0":"2020-12-11T15:42:28.146Z","9.0.0-canary.ac41a5729.0":"2020-12-11T16:26:41.900Z","9.0.0-canary.7fe0e4f05.0":"2020-12-11T17:04:11.132Z","9.0.0-canary.9244508bd.0":"2020-12-11T19:05:45.465Z","9.0.0-canary.384a8eeb1.0":"2020-12-16T17:00:43.534Z","9.0.0-canary.eabf9d5c2.0":"2020-12-16T18:26:23.878Z","9.0.0-canary.30fdfd06e.0":"2020-12-16T19:06:15.650Z","9.0.0-canary.9590a8f90.0":"2020-12-22T17:40:50.213Z","9.0.0-canary.f89d8b8f2.0":"2020-12-22T23:03:47.446Z","9.0.0-canary.fb194dd35.0":"2020-12-28T20:44:31.688Z","9.0.0-canary.64f36e287.0":"2020-12-28T21:07:23.064Z","9.0.0-canary.b7bbe7022.0":"2020-12-29T18:46:42.448Z","9.0.0":"2020-12-29T19:44:49.941Z","10.0.0-canary.555aecce5.0":"2020-12-29T19:44:57.243Z","10.0.0-canary.776c18681.0":"2020-12-30T00:39:03.739Z","10.0.0-canary.671d72d95.0":"2020-12-30T20:10:38.342Z","10.0.0-canary.b4f5a1c9e.0":"2020-12-30T21:45:20.444Z","10.0.0-canary.a94bd8deb.0":"2020-12-30T22:03:10.175Z","10.0.0-canary.5d128511b.0":"2020-12-30T22:08:33.626Z","10.0.0-canary.365c69360.0":"2021-01-05T17:47:04.032Z","10.0.0-canary.700a8261a.0":"2021-01-05T20:59:14.581Z","10.0.0-canary.766981c15.0":"2021-01-05T22:38:58.775Z","10.0.0-canary.b28c576d9.0":"2021-01-05T22:48:53.453Z","10.0.0-canary.968735356.0":"2021-01-06T15:49:26.916Z","10.0.0-canary.c5e18b020.0":"2021-01-06T19:42:57.156Z","10.0.0-canary.bcff8a66a.0":"2021-01-06T20:24:34.412Z","10.0.0-canary.79328c9ff.0":"2021-01-07T02:32:59.163Z","10.0.0-canary.121e1f303.0":"2021-01-07T23:18:34.615Z","10.0.0-canary.abdd10065.0":"2021-01-08T17:50:19.065Z","10.0.0-canary.089de519c.0":"2021-01-08T22:19:29.256Z","10.0.0-canary.163119837.0":"2021-01-08T23:43:55.761Z","10.0.0-canary.b8a1a58e4.0":"2021-01-11T16:22:49.077Z","10.0.0-canary.7584267ff.0":"2021-01-12T01:10:56.792Z","10.0.0-canary.251ac04c0.0":"2021-01-12T19:53:44.313Z","10.0.0-canary.772cc1068.0":"2021-01-14T00:05:30.618Z","10.0.0-canary.fe13dd130.0":"2021-01-14T01:09:02.648Z","10.0.0-canary.c7c5da28f.0":"2021-01-14T01:32:41.747Z","10.0.0-canary.b2faa116a.0":"2021-01-19T19:25:16.745Z","10.0.0-canary.0c95c9f7b.0":"2021-01-19T22:52:37.910Z","10.0.0-canary.5268222c4.0":"2021-01-20T19:17:55.814Z","10.0.0-canary.2ed2d829b.0":"2021-01-20T23:06:42.998Z","10.0.0-canary.df00c2b30.0":"2021-01-21T19:53:37.531Z","10.0.0-canary.fd61b0476.0":"2021-01-21T20:08:20.257Z","10.0.0-canary.3fb3a0265.0":"2021-01-22T00:03:28.188Z","10.0.0-canary.07deaec27.0":"2021-01-22T16:55:04.363Z","10.0.0-canary.d2959b16c.0":"2021-01-22T18:50:56.845Z","10.0.0-canary.75f3bfe7c.0":"2021-01-22T22:50:06.782Z","10.0.0-canary.b9adb7a0f.0":"2021-01-22T23:33:55.197Z","10.0.0-canary.d29ec2862.0":"2021-01-25T16:22:04.124Z","10.0.0-canary.96be07c68.0":"2021-01-26T00:08:31.618Z","10.0.0-canary.e383944e9.0":"2021-01-26T01:43:48.705Z","10.0.0-canary.623af861e.0":"2021-01-26T03:44:03.463Z","10.0.0-canary.6863fd43a.0":"2021-01-26T21:31:27.897Z","10.0.0-canary.ea55b87ca.0":"2021-01-26T23:44:28.868Z","10.0.0-canary.e902ff05f.0":"2021-01-27T00:02:40.491Z","10.0.0-canary.2c9fc538a.0":"2021-01-27T00:26:00.806Z","10.0.0-canary.6bf56aaa4.0":"2021-01-27T01:18:44.909Z","10.0.0-canary.994873795.0":"2021-01-27T14:49:36.808Z","10.0.0-canary.96878e1d0.0":"2021-01-27T18:00:50.675Z","10.0.0-canary.3c117cdcc.0":"2021-01-27T18:30:58.441Z","10.0.0-canary.b411e7033.0":"2021-01-27T22:02:14.362Z","10.0.0-canary.a9ac16b4a.0":"2021-01-27T23:02:09.700Z","10.0.0-canary.fec7b42ca.0":"2021-01-28T19:13:19.624Z","10.0.0-canary.8e66dbfee.0":"2021-02-01T23:19:07.386Z","10.0.0-canary.637d15da6.0":"2021-02-02T18:47:40.191Z","10.0.0-canary.fb793939e.0":"2021-02-02T23:41:07.451Z","10.0.0-canary.15a4d40dd.0":"2021-02-03T02:17:21.576Z","10.0.0-canary.7a003acf0.0":"2021-02-04T02:32:42.608Z","10.0.0-canary.05f249666.0":"2021-02-04T17:48:38.342Z","10.0.0-canary.1a3a39629.0":"2021-02-04T18:41:52.743Z","10.0.0-canary.8b1cdb1be.0":"2021-02-04T22:33:24.043Z","10.0.0-canary.8271f00f7.0":"2021-02-04T22:59:23.643Z","10.0.0-canary.533092a90.0":"2021-02-05T03:45:34.637Z","11.0.0-canary.633a9fc7a.0":"2021-02-05T16:15:59.452Z","10.0.0":"2021-02-05T16:17:11.390Z","11.0.0-canary.b5227247d.0":"2021-02-05T17:40:40.145Z","11.0.0-canary.95322b11e.0":"2021-02-05T23:30:27.441Z","11.0.0-canary.1f318ff0f.0":"2021-02-06T00:03:39.255Z","11.0.0-canary.ab12cf7a3.0":"2021-02-08T15:01:28.434Z","11.0.0-canary.98db2c5ec.0":"2021-02-08T15:32:34.585Z","11.0.0-canary.1f86b9f6d.0":"2021-02-08T17:15:51.222Z","11.0.0-canary.aac8f5d9a.0":"2021-02-08T17:58:53.771Z","11.0.0-canary.750e18fc7.0":"2021-02-08T21:40:03.464Z","11.0.0-canary.b62b1266d.0":"2021-02-09T21:51:06.086Z","11.0.0-canary.a6b3101fb.0":"2021-02-11T23:15:34.996Z","11.0.0-canary.ed88df700.0":"2021-02-12T00:05:18.622Z","11.0.0-canary.d30efe6b4.0":"2021-02-12T02:40:32.634Z","11.0.0-canary.0393bdc4b.0":"2021-02-12T04:29:28.326Z","11.0.0-canary.7cd26af4d.0":"2021-02-12T15:58:01.060Z","11.0.0-canary.71fe9a067.0":"2021-02-12T16:29:17.197Z","11.0.0-canary.0fd56a86b.0":"2021-02-13T00:10:25.769Z","11.0.0-canary.f19bbc4af.0":"2021-02-16T22:14:47.601Z","11.0.0-canary.f9cac96cc.0":"2021-02-17T16:08:11.537Z","11.0.0-canary.79ce0878b.0":"2021-02-17T19:23:27.212Z","11.0.0-canary.d6e507b5b.0":"2021-02-17T19:56:48.883Z","11.0.0-canary.f2658381b.0":"2021-02-17T22:43:14.995Z","11.0.0-canary.97c4d4035.0":"2021-02-18T02:33:44.786Z","11.0.0-canary.2482cecc6.0":"2021-02-18T15:07:13.934Z","11.0.0-canary.f5bb4648c.0":"2021-02-18T16:03:38.677Z","11.0.0-canary.302c7a960.0":"2021-02-18T18:36:14.189Z","11.0.0-canary.aa0aaf026.0":"2021-02-18T19:21:43.102Z","11.0.0-canary.07ff0c452.0":"2021-02-18T19:41:10.223Z","11.0.0-canary.bed7ecd3e.0":"2021-02-18T23:26:14.284Z","11.0.0-canary.06dead2d6.0":"2021-02-19T00:35:32.798Z","11.0.0-canary.cddb03553.0":"2021-02-19T03:11:50.748Z","11.0.0-canary.d6d8d0476.0":"2021-02-19T05:35:08.408Z","11.0.0-canary.0b4a4b2eb.0":"2021-02-19T15:44:16.575Z","11.0.0-canary.3201cae47.0":"2021-02-19T22:59:10.071Z","11.0.0-canary.f1b1fd5d3.0":"2021-02-22T19:47:58.917Z","11.0.0-canary.7899e0fe0.0":"2021-02-22T22:44:26.767Z","11.0.0-canary.f19c86d13.0":"2021-02-22T23:29:11.108Z","11.0.0-canary.60e892d79.0":"2021-02-23T01:11:49.639Z","11.0.0-canary.c96bfa495.0":"2021-02-23T19:31:24.820Z","11.0.0-canary.fa9b59f67.0":"2021-02-23T19:32:34.182Z","11.0.0-canary.869e3497c.0":"2021-02-23T19:33:09.976Z","11.0.0-canary.750980728.0":"2021-02-23T19:33:20.156Z","11.0.0-canary.8ecd7c9a9.0":"2021-02-23T19:49:11.424Z","11.0.0-canary.9c85d505b.0":"2021-02-23T22:14:09.043Z","11.0.0-canary.9f2e85fb8.0":"2021-02-24T01:46:12.194Z","11.0.0-canary.19c4f29ef.0":"2021-02-25T19:20:55.157Z","11.0.0-canary.63df6e9bf.0":"2021-02-25T19:35:22.438Z","11.0.0-canary.981ad970a.0":"2021-02-26T00:05:52.595Z","11.0.0-canary.f9c9e39d6.0":"2021-02-26T18:37:28.569Z","11.0.0-canary.c97d7d881.0":"2021-03-01T20:51:47.480Z","11.0.0-canary.bf670dad7.0":"2021-03-03T00:19:26.348Z","11.0.0-canary.c7d98fcde.0":"2021-03-03T20:30:15.513Z","11.0.0-canary.4fef8bc1e.0":"2021-03-03T23:22:49.164Z","11.0.0-canary.afae3a3ec.0":"2021-03-03T23:40:56.107Z","11.0.0-canary.0a0b10f22.0":"2021-03-03T23:59:08.149Z","11.0.0-canary.6f678a91a.0":"2021-03-04T18:38:36.500Z","11.0.0-canary.f5f1b613c.0":"2021-03-04T20:47:58.157Z","11.0.0-canary.606e767ef.0":"2021-03-04T21:43:50.587Z","11.0.0-canary.f77a4dd1a.0":"2021-03-06T04:38:25.166Z","11.0.0-canary.2d6ba2c23.0":"2021-03-08T22:42:49.634Z","11.0.0-canary.7522dcaca.0":"2021-03-09T00:26:01.332Z","11.0.0-canary.5c0ab7401.0":"2021-03-09T22:51:00.816Z","11.0.0-canary.59010b6dc.0":"2021-03-10T16:55:24.590Z","11.0.0-canary.9e52f5544.0":"2021-03-10T23:23:36.294Z","11.0.0-canary.a678806f5.0":"2021-03-11T01:48:28.513Z","11.0.0-canary.b2d22df5b.0":"2021-03-11T17:01:10.156Z","11.0.0-canary.81911b707.0":"2021-03-11T18:21:42.565Z","11.0.0-canary.9eeb35c38.0":"2021-03-11T19:35:17.348Z","11.0.0-canary.12be3e95a.0":"2021-03-11T19:59:56.191Z","11.0.0-canary.e683bdf4a.0":"2021-03-11T20:07:11.293Z","11.0.0-canary.a07b6d486.0":"2021-03-11T20:31:25.423Z","11.0.0-canary.1e0653477.0":"2021-03-11T20:38:56.075Z","11.0.0-canary.148e8cfcc.0":"2021-03-11T22:42:45.836Z","11.0.0-canary.73a227194.0":"2021-03-12T00:22:15.460Z","11.0.0-canary.f8579b7ea.0":"2021-03-13T02:00:58.001Z","11.0.0-canary.d2a39d300.0":"2021-03-16T00:33:22.228Z","11.0.0-canary.7cf67823e.0":"2021-03-16T18:18:34.113Z","11.0.0-canary.67d780c79.0":"2021-03-16T19:46:14.631Z","11.0.0-canary.0f358ddae.0":"2021-03-16T22:10:41.768Z","11.0.0-canary.67eb0df80.0":"2021-03-16T22:37:59.022Z","11.0.0-canary.941ca3b3c.0":"2021-03-16T22:39:43.956Z","11.0.0-canary.3344d12ad.0":"2021-03-17T10:00:07.050Z","11.0.0-canary.6072ed604.0":"2021-03-17T22:57:56.747Z","11.0.0-canary.d3a6862af.0":"2021-03-18T16:18:07.350Z","11.0.0-canary.40dd242d5.0":"2021-03-18T21:15:37.724Z","11.0.0-canary.ec8f8465f.0":"2021-03-18T21:42:27.957Z","11.0.0-canary.da38969ec.0":"2021-03-18T22:16:17.689Z","11.0.0-canary.f5246264d.0":"2021-03-19T00:36:12.431Z","11.0.0-canary.03d34bbad.0":"2021-03-19T00:49:15.979Z","11.0.0-canary.cbc57c600.0":"2021-03-19T00:58:12.264Z","11.0.0-canary.d6c5bcf37.0":"2021-03-19T01:10:14.025Z","11.0.0-canary.fefc668d7.0":"2021-03-19T01:32:12.572Z","11.0.0-canary.faa7d3226.0":"2021-03-19T17:42:15.380Z","11.0.0-canary.c60449bc8.0":"2021-03-19T18:03:34.609Z","11.0.0-canary.5f0fc444a.0":"2021-03-19T18:36:07.883Z","11.0.0-canary.4567a750d.0":"2021-03-20T02:06:02.175Z","11.0.0-canary.0cde52f5a.0":"2021-03-23T00:01:17.472Z","11.0.0-canary.48f4b67fb.0":"2021-03-23T19:51:49.260Z","11.0.0-canary.0b8cff734.0":"2021-03-23T20:03:05.731Z","11.0.0-canary.8943b991f.0":"2021-03-23T20:27:58.541Z","11.0.0-canary.3955d8d3d.0":"2021-03-24T19:14:43.105Z","11.0.0-canary.23ea2d85e.0":"2021-03-25T17:30:32.086Z","11.0.0-canary.e3ec22f45.0":"2021-03-25T17:53:34.306Z","11.0.0-canary.4ceb42220.0":"2021-03-26T07:55:46.139Z","11.0.0-canary.dc9c84023.0":"2021-03-30T17:47:03.048Z","11.0.0-canary.56fc26962.0":"2021-03-31T00:19:29.386Z","11.0.0-canary.bc318250e.0":"2021-03-31T01:32:15.043Z","11.0.0-canary.edaee19aa.0":"2021-03-31T02:10:18.061Z","11.0.0-canary.24609b822.0":"2021-03-31T20:55:46.541Z","11.0.0-canary.b6cddc2b7.0":"2021-04-01T15:03:34.989Z","11.0.0-canary.94937c78c.0":"2021-04-01T20:59:19.227Z","11.0.0-canary.e7202cb57.0":"2021-04-01T22:45:56.498Z","11.0.0-canary.1f636b205.0":"2021-04-02T22:22:39.297Z","11.0.0-canary.94f50b260.0":"2021-04-05T15:03:36.522Z","11.0.0-canary.a4009b80a.0":"2021-04-05T21:59:02.585Z","11.0.0-canary.15604bd0d.0":"2021-04-05T22:40:49.601Z","11.0.0-canary.76da7876c.0":"2021-04-07T01:43:03.370Z","11.0.0-canary.6bcb6cbd2.0":"2021-04-07T18:52:33.359Z","11.0.0-canary.c91e8d141.0":"2021-04-07T18:56:28.661Z","11.0.0-canary.f77c50860.0":"2021-04-08T15:34:21.285Z","11.0.0-canary.367d88bdb.0":"2021-04-08T16:37:16.672Z","11.0.0-canary.0ec437d3b.0":"2021-04-08T19:34:05.814Z","11.0.0-canary.b2fa996a1.0":"2021-04-09T15:09:38.435Z","11.0.0-canary.24255c408.0":"2021-04-09T20:10:48.447Z","11.0.0-canary.7d6a4bb72.0":"2021-04-09T22:52:22.987Z","11.0.0-canary.352b295c1.0":"2021-04-12T18:14:16.508Z","11.0.0-canary.ab99b8064.0":"2021-04-13T14:42:05.237Z","11.0.0-canary.8f0a11e32.0":"2021-04-14T20:01:43.089Z","11.0.0-canary.f5c6db8fc.0":"2021-04-15T18:02:41.811Z","11.0.0-canary.3793a3143.0":"2021-04-15T18:29:55.630Z","11.0.0-canary.bc104bae7.0":"2021-04-15T19:44:52.330Z","12.0.0-canary.3f342c3f4.0":"2021-04-15T22:53:00.238Z","11.0.0":"2021-04-15T22:57:03.388Z","12.0.0-canary.2ebfc5374.0":"2021-04-16T20:43:42.423Z","12.0.0-canary.5631828e1.0":"2021-04-17T07:45:39.179Z","12.0.0-canary.bd685395b.0":"2021-04-19T18:40:07.973Z","12.0.0-canary.b52196498.0":"2021-04-19T19:56:38.969Z","12.0.0-canary.8ba3e298c.0":"2021-04-21T14:07:16.088Z","12.0.0-canary.c629eab71.0":"2021-04-21T19:55:36.791Z","12.0.0-canary.8ace3b810.0":"2021-04-21T20:36:37.406Z","12.0.0-canary.70beaf42d.0":"2021-04-21T20:48:15.619Z","12.0.0-canary.cad489689.0":"2021-04-22T16:48:08.080Z","12.0.0-canary.d928692b5.0":"2021-04-23T17:33:10.562Z","12.0.0-canary.8f68de8f3.0":"2021-04-23T18:11:41.918Z","12.0.0-canary.05753cf77.0":"2021-04-23T23:41:57.959Z","12.0.0-canary.ef43e6d96.0":"2021-04-23T23:48:16.148Z","12.0.0-canary.197f64fa2.0":"2021-04-26T17:08:22.173Z","12.0.0-canary.55ad2d7d8.0":"2021-04-27T01:18:36.492Z","12.0.0-canary.ec4ac5234.0":"2021-04-27T07:57:25.920Z","12.0.0-canary.b0579acdb.0":"2021-04-27T08:34:49.320Z","12.0.0-canary.81e2d4ff3.0":"2021-04-27T20:56:16.214Z","12.0.0-canary.c8edee52c.0":"2021-04-27T21:44:45.601Z","12.0.0-canary.f5b6110d6.0":"2021-04-27T22:06:11.231Z","12.0.0-canary.cee9b9e22.0":"2021-04-28T00:11:28.047Z","12.0.0-canary.96e83fca7.0":"2021-04-28T02:46:40.652Z","12.0.0-canary.4c497bd19.0":"2021-04-28T17:52:17.697Z","12.0.0-canary.105b15b96.0":"2021-04-28T21:43:27.757Z","12.0.0-canary.6e20259e3.0":"2021-04-28T21:48:03.373Z","12.0.0-canary.0f79a5d74.0":"2021-04-28T22:41:43.894Z","12.0.0-canary.84f3db9ed.0":"2021-04-29T14:16:24.076Z","12.0.0-canary.8fc29273c.0":"2021-04-29T21:22:05.321Z","12.0.0-canary.c50d20bab.0":"2021-04-29T23:00:36.710Z","12.0.0-canary.474836ad0.0":"2021-05-01T03:36:29.102Z","12.0.0-canary.f5ad92287.0":"2021-05-03T18:21:07.520Z","12.0.0-canary.af453daf8.0":"2021-05-03T18:52:11.930Z","12.0.0-canary.1f1918c24.0":"2021-05-03T19:21:18.066Z","12.0.0-canary.33148231f.0":"2021-05-03T19:37:38.458Z","12.0.0-canary.06b76fa74.0":"2021-05-03T19:44:36.982Z","12.0.0-canary.7c5000473.0":"2021-05-03T22:40:24.053Z","12.0.0-canary.de997644b.0":"2021-05-04T17:27:01.679Z","12.0.0-canary.d4d7f1cc2.0":"2021-05-04T17:53:45.719Z","12.0.0-canary.be999eb08.0":"2021-05-04T17:58:57.253Z","12.0.0-canary.eda1705fc.0":"2021-05-04T19:09:06.497Z","12.0.0-canary.718c90178.0":"2021-05-04T19:26:21.762Z","12.0.0-canary.0e3917299.0":"2021-05-04T19:29:09.212Z","12.0.0-canary.836b3c7db.0":"2021-05-04T20:32:37.550Z","12.0.0-canary.53d4e6d59.0":"2021-05-04T20:48:18.831Z","12.0.0-canary.18d147e27.0":"2021-05-04T20:56:53.249Z","12.0.0-canary.b9984794e.0":"2021-05-04T23:01:49.164Z","12.0.0-canary.b76f5fc9d.0":"2021-05-04T23:05:21.714Z","12.0.0-canary.055d4f10a.0":"2021-05-04T23:20:28.629Z","12.0.0-canary.5b6a46016.0":"2021-05-05T16:15:00.682Z","12.0.0-canary.33c9a737a.0":"2021-05-05T17:25:58.684Z","12.0.0-canary.9bc0effaf.0":"2021-05-05T20:58:46.169Z","12.0.0-canary.a1e0f2af5.0":"2021-05-05T21:39:41.737Z","12.0.0-canary.06930c96b.0":"2021-05-05T23:38:01.404Z","12.0.0-canary.03f525f9f.0":"2021-05-06T00:28:44.991Z","12.0.0-canary.e82ba2a26.0":"2021-05-06T15:54:52.517Z","12.0.0-canary.fc7c4e5ce.0":"2021-05-06T17:28:04.389Z","12.0.0-canary.65c04514d.0":"2021-05-06T18:41:48.924Z","12.0.0-canary.c97779ca6.0":"2021-05-06T21:41:37.688Z","12.0.0-canary.869d890d4.0":"2021-05-07T15:17:23.224Z","12.0.0-canary.ec22e1da9.0":"2021-05-10T18:22:22.450Z","12.0.0-nightly.7427449f0.0":"2021-05-10T18:44:40.630Z","12.0.0-canary.957cc3bf5.0":"2021-05-10T21:55:33.515Z","12.0.0-canary.88a33cd70.0":"2021-05-11T00:07:47.109Z","12.0.0-canary.d20dc6dba.0":"2021-05-11T00:23:27.021Z","12.0.0-canary.0ce2fdb02.0":"2021-05-11T00:57:24.257Z","12.0.0-canary.cb162da37.0":"2021-05-11T01:57:03.505Z","12.0.0-canary.573dc7ffd.0":"2021-05-11T02:16:07.070Z","12.0.0-canary.d5f6ad3fe.0":"2021-05-11T23:21:25.563Z","12.0.0-canary.25751d2ed.0":"2021-05-12T16:18:28.164Z","12.0.0-canary.a23ecb682.0":"2021-05-12T18:21:58.755Z","12.0.0-canary.33a954852.0":"2021-05-13T15:06:21.480Z","12.0.0-canary.a4484849b.0":"2021-05-13T15:29:44.175Z","12.0.0-canary.b4c3f513e.0":"2021-05-13T16:06:37.710Z","12.0.0-canary.1a8d06483.0":"2021-05-13T16:12:28.608Z","12.0.0-canary.8e6081836.0":"2021-05-14T21:39:30.550Z","12.0.0-canary.a2b0f4cee.0":"2021-05-14T21:52:42.272Z","12.0.0-canary.e8e39ad19.0":"2021-05-18T20:12:00.590Z","12.0.0-canary.4bb5eea2b.0":"2021-05-19T15:27:08.460Z","12.0.0-canary.ccce99cd6.0":"2021-05-20T00:55:37.951Z","12.0.0-canary.14767a8db.0":"2021-05-20T20:49:45.699Z","12.0.0-canary.22c6dcff9.0":"2021-05-24T15:17:23.264Z","12.0.0-canary.fadab3372.0":"2021-05-24T16:04:30.805Z","12.0.0-canary.caa73aeee.0":"2021-05-25T14:13:09.896Z","12.0.0-canary.ec31ae1ed.0":"2021-05-25T20:34:14.089Z","12.0.0-canary.8530d3514.0":"2021-05-27T16:03:35.015Z","12.0.0-canary.00b5899dc.0":"2021-06-01T22:44:27.455Z","12.0.0-canary.f1525ea3e.0":"2021-06-03T13:53:08.938Z","12.0.0-canary.464a00286.0":"2021-06-03T14:44:33.287Z","12.0.0-canary.474de7878.0":"2021-06-03T15:13:04.870Z","12.0.0-canary.b87ebf74d.0":"2021-06-03T17:45:15.761Z","12.0.0-canary.2daa49b35.0":"2021-06-04T16:13:00.777Z","12.0.0-canary.08db3d737.0":"2021-06-04T19:40:33.869Z","12.0.0-canary.5823407a7.0":"2021-06-08T00:46:59.887Z","12.0.0-canary.23b0c5e22.0":"2021-06-08T16:21:02.408Z","12.0.0-canary.2952c6a76.0":"2021-06-08T17:39:35.142Z","12.0.0-canary.f12425f88.0":"2021-06-10T01:04:39.969Z","12.0.0-canary.e543628c3.0":"2021-06-10T01:05:39.417Z","12.0.0-canary.e0c346286.0":"2021-06-10T16:34:41.025Z","12.0.0-canary.f43af5633.0":"2021-06-10T20:34:36.691Z","12.0.0-canary.8415ae585.0":"2021-06-11T16:04:33.741Z","12.0.0-canary.598fcccc8.0":"2021-06-11T21:45:19.766Z","12.0.0-canary.5d0605188.0":"2021-06-14T17:37:58.673Z","12.0.0-canary.f147a2271.0":"2021-06-14T19:16:54.287Z","12.0.0-canary.33579e00b.0":"2021-06-15T00:20:44.353Z","12.0.0-canary.a6909c0e6.0":"2021-06-15T18:28:59.218Z","12.0.0-canary.c18b5925b.0":"2021-06-15T21:02:17.740Z","12.0.0-canary.7ea2e830d.0":"2021-06-15T22:49:35.769Z","12.0.0-canary.271fff902.0":"2021-06-15T22:49:58.488Z","12.0.0-canary.d96f0a1e0.0":"2021-06-16T21:04:55.528Z","12.0.0-canary.a6183801a.0":"2021-06-16T22:04:09.543Z","12.0.0-canary.940550232.0":"2021-06-17T19:38:51.652Z","12.0.0-canary.f705e8048.0":"2021-06-18T15:23:09.915Z","12.0.0-canary.08d791f37.0":"2021-06-18T21:10:30.456Z","12.0.0-canary.e38d7440f.0":"2021-06-21T17:39:04.774Z","12.0.0-canary.75900a5a9.0":"2021-06-21T18:35:27.707Z","12.0.0-canary.33e6f50e9.0":"2021-06-23T00:10:46.010Z","12.0.0-canary.8c685301d.0":"2021-06-23T18:23:21.064Z","12.0.0-canary.8c7d994ae.0":"2021-06-23T19:26:17.025Z","12.0.0-canary.4ccd39bdd.0":"2021-06-24T16:13:37.763Z","12.0.0-canary.17553e9f8.0":"2021-06-28T22:51:14.215Z","12.0.0-canary.4c80072fd.0":"2021-06-29T18:39:45.883Z","12.0.0-canary.796811db7.0":"2021-07-01T00:02:10.530Z","12.0.0-canary.70e1efdca.0":"2021-07-01T17:05:10.302Z","12.0.0-canary.435866d32.0":"2021-07-02T18:20:03.586Z","12.0.0-canary.d0f9f3f2e.0":"2021-07-02T23:58:50.073Z","12.0.0-canary.adeac0549.0":"2021-07-08T15:07:57.577Z","12.0.0-canary.068fd5028.0":"2021-07-08T19:02:22.869Z","12.0.0-canary.5dfec7a14.0":"2021-07-12T20:03:03.510Z","12.0.0-canary.07a73750c.0":"2021-07-12T20:24:13.152Z","12.0.0-canary.3e4c6dca1.0":"2021-07-13T01:49:57.153Z","12.0.0-canary.ea77795b1.0":"2021-07-13T15:47:52.443Z","12.0.0-canary.15a179fad.0":"2021-07-13T18:07:54.960Z","12.0.0-canary.c73142a1b.0":"2021-07-13T18:43:01.148Z","12.0.0-canary.d923db73a.0":"2021-07-13T20:52:46.174Z","12.0.0-canary.22d29cbb4.0":"2021-07-13T22:49:14.314Z","12.0.0-canary.2749604bc.0":"2021-07-14T16:20:56.897Z","12.0.0-canary.e1703bed9.0":"2021-07-14T21:46:42.722Z","12.0.0-canary.de48eff0d.0":"2021-07-15T17:06:52.349Z","12.0.0-canary.4f060adc5.0":"2021-07-15T19:20:45.087Z","12.0.0-canary.bd25779b2.0":"2021-07-15T20:41:07.887Z","12.0.0-canary.9f68a932e.0":"2021-07-15T22:05:50.815Z","12.0.0-canary.4eecdeaf0.0":"2021-07-16T14:56:40.735Z","12.0.0-canary.7239684d4.0":"2021-07-16T15:57:52.925Z","12.0.0-canary.d5f1f7c72.0":"2021-07-16T16:12:48.259Z","12.0.0-canary.4d95812f9.0":"2021-07-16T19:41:59.270Z","12.0.0-canary.38d1846cc.0":"2021-07-19T18:40:36.190Z","12.0.0-canary.3f691eccf.0":"2021-07-20T16:07:32.910Z","12.0.0-canary.ebb5c73bb.0":"2021-07-20T16:55:40.010Z","12.0.0-nightly.778a0e8a.0":"2021-07-20T21:04:22.112Z","12.0.0-canary.791311bba.0":"2021-07-20T22:06:22.575Z","12.0.0-canary.85e9a6ac3.0":"2021-07-21T15:34:48.370Z","12.0.0-canary.6b0442278.0":"2021-07-21T18:48:42.877Z","12.0.0-canary.5f00e454a.0":"2021-07-22T17:04:48.792Z","12.0.0-canary.90e08fc6b.0":"2021-07-22T23:37:13.129Z","12.0.0-canary.cf5b9eb86.0":"2021-07-23T18:11:05.411Z","12.0.0-canary.3f36ac75c.0":"2021-07-23T18:31:08.551Z","12.0.0-canary.ea1e1b850.0":"2021-07-24T20:54:40.422Z","12.0.0-canary.22f390c43.0":"2021-07-27T18:58:44.012Z","12.0.0":"2021-07-27T19:48:41.822Z","13.0.0-canary.ae85f7eba.0":"2021-07-27T19:50:14.345Z","13.0.0-canary.5981207f7.0":"2021-07-27T23:17:02.174Z","13.0.0-canary.83bdd0222.0":"2021-07-28T17:24:37.582Z","13.0.0-canary.28656298a.0":"2021-07-29T18:11:55.926Z","13.0.0-canary.9e797daaf.0":"2021-07-29T18:34:08.472Z","13.0.0-canary.adb9f1ad8.0":"2021-07-30T19:03:44.902Z","13.0.0-canary.cc5377458.0":"2021-07-30T21:32:17.471Z","13.0.0-canary.a395972cf.0":"2021-08-03T21:22:12.198Z","13.0.0-canary.7c96e6b98.0":"2021-08-03T22:12:46.069Z","13.0.0-canary.a80c8b2c2.0":"2021-08-04T23:58:37.737Z","13.0.0-canary.3dd611091.0":"2021-08-05T03:55:07.576Z","13.0.0-canary.5dee37ff6.0":"2021-08-05T17:41:04.711Z","13.0.0-canary.bf405d22a.0":"2021-08-05T20:16:59.379Z","13.0.0-canary.b47dd37a6.0":"2021-08-05T20:48:48.980Z","13.0.0-canary.6c82b965b.0":"2021-08-06T16:13:42.227Z","13.0.0-canary.4ca11fe76.0":"2021-08-06T17:06:15.480Z","13.0.0-canary.510cf90f2.0":"2021-08-09T17:16:07.954Z","13.0.0-canary.17580ebf7.0":"2021-08-09T18:16:02.207Z","13.0.0-canary.7249a3060.0":"2021-08-09T18:20:25.933Z","13.0.0-canary.4c405863b.0":"2021-08-10T17:39:36.586Z","13.0.0-canary.f4241a42a.0":"2021-08-11T16:58:12.646Z","13.0.0-canary.0ad12ed3c.0":"2021-08-11T21:27:42.004Z","13.0.0-canary.077dcfcfe.0":"2021-08-12T17:54:13.924Z","13.0.0-canary.e3346766f.0":"2021-08-13T19:44:08.947Z","13.0.0-canary.2fb068fb0.0":"2021-08-13T19:47:25.395Z","13.0.0-canary.fb76c5069.0":"2021-08-16T20:07:03.188Z","13.0.0-canary.457d89aad.0":"2021-08-17T15:20:41.173Z","13.0.0-canary.0de2f2edc.0":"2021-08-17T20:53:06.923Z","13.0.0-canary.1f9259b9d.0":"2021-08-17T22:12:59.044Z","13.0.0-canary.3b9290351.0":"2021-08-18T05:22:16.407Z","13.0.0-canary.43d2eed2a.0":"2021-08-18T16:01:05.156Z","13.0.0-canary.0a9069300.0":"2021-08-19T16:16:29.447Z","13.0.0-canary.7da413ed8.0":"2021-08-20T15:47:24.758Z","13.0.0-canary.e1e69fd8e.0":"2021-08-20T19:31:15.540Z","13.0.0-canary.f5afc16df.0":"2021-08-20T20:25:34.067Z","13.0.0-canary.28d0d75bb.0":"2021-08-20T22:19:20.832Z","13.0.0-canary.21ece5360.0":"2021-08-20T23:43:10.603Z","13.0.0-canary.8de07c02a.0":"2021-08-23T15:25:32.195Z","13.0.0-canary.65aa63b0c.0":"2021-08-24T15:27:12.866Z","13.0.0-canary.15981e9d9.0":"2021-08-24T16:15:59.708Z","13.0.0-canary.fa7520f62.0":"2021-08-24T22:26:50.638Z","13.0.0-canary.ce25bc3ec.0":"2021-08-24T22:47:18.778Z","13.0.0-canary.12f5622e1.0":"2021-08-24T23:17:05.812Z","13.0.0-canary.d97f8f133.0":"2021-08-25T18:32:08.900Z","13.0.0-canary.d86fb6fac.0":"2021-08-25T18:52:46.471Z","13.0.0-canary.e8554dbbf.0":"2021-08-25T21:58:17.839Z","13.0.0-canary.877e3fb0d.0":"2021-08-26T15:36:55.379Z","13.0.0-canary.6236f3576.0":"2021-08-26T16:04:39.167Z","13.0.0-canary.1d19158a1.0":"2021-08-26T17:07:50.924Z","13.0.0-canary.6adc9e83f.0":"2021-08-30T22:43:14.944Z","13.0.0-canary.d082790f0.0":"2021-09-01T21:53:16.184Z","13.0.0-canary.e2c4f0196.0":"2021-09-02T02:10:05.669Z","13.0.0-canary.611db508e.0":"2021-09-02T03:13:45.860Z","13.0.0-canary.d4706933f.0":"2021-09-02T15:36:37.767Z","13.0.0-canary.c16fe03ce.0":"2021-09-02T17:43:42.411Z","13.0.0-canary.9203a958a.0":"2021-09-02T23:45:21.059Z","13.0.0-canary.fddd5ae93.0":"2021-09-03T07:28:50.280Z","13.0.0-canary.117599a8b.0":"2021-09-03T07:30:12.193Z","13.0.0-canary.e4180d07b.0":"2021-09-03T07:30:42.710Z","13.0.0-canary.42d175efc.0":"2021-09-03T15:41:48.243Z","13.0.0-canary.72464476c.0":"2021-09-07T15:32:56.866Z","13.0.0-canary.37d4db866.0":"2021-09-09T14:32:17.384Z","13.0.0-canary.6df682e74.0":"2021-09-09T15:42:03.218Z","13.0.0-canary.b49359c35.0":"2021-09-09T17:34:25.788Z","13.0.0-canary.470bd34e8.0":"2021-09-09T17:59:50.892Z","13.0.0-canary.d48a01771.0":"2021-09-09T18:09:11.477Z","13.0.0-canary.13db34b34.0":"2021-09-09T18:24:10.000Z","13.0.0-canary.864798678.0":"2021-09-09T18:35:38.197Z","13.0.0-canary.d04bda3fb.0":"2021-09-10T15:20:19.114Z","13.0.0-canary.5533f73d3.0":"2021-09-13T23:02:29.945Z","13.0.0-canary.08398f880.0":"2021-09-13T23:33:14.137Z","13.0.0-canary.818f4ee93.0":"2021-09-15T17:49:07.781Z","13.0.0-canary.8355e14dc.0":"2021-09-15T19:11:05.218Z","13.0.0-canary.d4e16a6c4.0":"2021-09-15T21:57:54.672Z","13.0.0-canary.65125b3a6.0":"2021-09-16T21:16:11.638Z","13.0.0-canary.80a583365.0":"2021-09-17T20:34:48.286Z","13.0.0-canary.83900936a.0":"2021-09-17T23:23:22.407Z","13.0.0-canary.860ad06a1.0":"2021-09-17T23:35:01.516Z","13.0.0-canary.3b8d4429e.0":"2021-09-20T17:46:32.966Z","13.0.0-canary.2da3606b9.0":"2021-09-20T19:36:46.158Z","13.0.0-canary.e8c598d1e.0":"2021-09-20T21:10:54.372Z","13.0.0-canary.1340ee9f7.0":"2021-09-22T17:56:55.670Z","13.0.0-canary.65084baff.0":"2021-09-23T21:24:24.681Z","13.0.0-canary.c79aa0cdd.0":"2021-09-24T13:40:38.291Z","13.0.0":"2021-09-24T19:44:52.938Z","14.0.0-canary.198431fcd.0":"2021-09-24T19:45:36.331Z","14.0.0-canary.9a02b6ef8.0":"2021-09-25T13:10:05.899Z","14.0.0-canary.758ce31d9.0":"2021-09-27T17:28:18.368Z","14.0.0-canary.86b50ef74.0":"2021-09-28T17:41:59.891Z","14.0.0-canary.b2fe3528b.0":"2021-09-29T22:55:52.541Z","14.0.0-canary.586e740dd.0":"2021-09-30T16:30:16.403Z","14.0.0-canary.2ac92d766.0":"2021-10-05T19:27:27.465Z","14.0.0-canary.353ca7e9f.0":"2021-10-08T18:45:55.471Z","14.0.0-canary.c78ff0429.0":"2021-10-11T17:21:03.981Z","14.0.0-canary.261f2db59.0":"2021-10-20T16:58:40.608Z","14.0.0-canary.9803d2dc1.0":"2021-10-20T19:20:52.922Z","14.0.0-canary.348665978.0":"2021-10-21T14:49:36.422Z","14.0.0-canary.b2b979a8a.0":"2021-10-28T15:11:10.679Z","14.0.0-canary.1af7c1c4a.0":"2021-10-28T17:51:48.123Z","14.0.0-canary.4afd353cd.0":"2021-10-29T15:00:36.149Z","14.0.0-canary.a986df922.0":"2021-10-29T21:34:06.112Z","14.0.0-canary.c3cdff07b.0":"2021-11-09T19:04:56.707Z","14.0.0-canary.468392606.0":"2021-11-11T19:39:09.630Z","14.0.0-canary.828f9803b.0":"2021-11-11T19:49:54.488Z","14.0.0-canary.8795cba87.0":"2021-11-11T19:55:50.462Z","14.0.0-canary.cd7f8cace.0":"2021-11-11T19:57:27.351Z","14.0.0-canary.207230eb8.0":"2021-11-11T22:23:22.110Z","14.0.0-canary.991fb99f7.0":"2021-11-11T22:35:27.795Z","14.0.0-canary.15db4f164.0":"2021-11-12T17:28:51.808Z","14.0.0-canary.8fcad5a3c.0":"2021-11-12T19:12:51.759Z","14.0.0-canary.f81fb1d23.0":"2021-11-12T22:39:17.962Z","14.0.0-canary.783f6fd5a.0":"2021-11-16T05:48:44.513Z","14.0.0-canary.d57ec74c7.0":"2021-11-16T16:15:04.511Z","14.0.0-canary.554c71829.0":"2021-11-16T16:17:49.929Z","14.0.0-canary.3ef470efe.0":"2021-11-16T16:22:51.413Z","14.0.0-canary.61a28b2b5.0":"2021-11-17T18:57:59.887Z","14.0.0-canary.fae6c652d.0":"2021-11-18T16:23:43.945Z","14.0.0-canary.978a3b5bb.0":"2021-11-19T19:37:38.645Z","14.0.0-canary.e6f43cf44.0":"2021-11-22T17:33:52.083Z","14.0.0-canary.39cf14bc3.0":"2021-11-22T23:03:10.147Z","14.0.0-canary.93134d453.0":"2021-11-23T15:37:22.883Z","14.0.0-canary.bbd11268f.0":"2021-11-23T22:30:56.016Z","14.0.0-canary.3db9c4d3d.0":"2021-11-24T15:36:03.007Z","14.0.0-canary.78305b6d5.0":"2021-11-24T19:49:23.431Z","14.0.0-canary.43d08ba77.0":"2021-11-30T22:54:48.337Z","14.0.0-canary.17a072535.0":"2021-12-02T18:03:58.124Z","14.0.0-canary.5d809696c.0":"2021-12-08T17:42:59.950Z","14.0.0-canary.b6510c8c1.0":"2021-12-08T18:05:00.788Z","14.0.0-canary.f460e23da.0":"2021-12-10T15:24:01.606Z","14.0.0-canary.7d8ea4624.0":"2021-12-10T19:27:56.058Z","14.0.0-canary.8fffcb5dd.0":"2021-12-14T08:53:35.531Z","14.0.0-canary.21e1cb9be.0":"2021-12-14T19:38:33.970Z","14.0.0-canary.ba78e8724.0":"2021-12-15T22:11:35.822Z","14.0.0-canary.e3e073c00.0":"2021-12-20T21:08:27.590Z","14.0.0-canary.3366a71d7.0":"2021-12-22T12:31:01.515Z","14.0.0-canary.c047f7c19.0":"2022-01-05T16:44:24.172Z","14.0.0-canary.05db65ec0.0":"2022-01-06T17:12:51.376Z","14.0.0-canary.6ca8b8f85.0":"2022-01-07T15:59:27.866Z","14.0.0-canary.173ee7a7a.0":"2022-01-10T16:52:51.148Z","14.0.0-canary.b704e4dfc.0":"2022-01-10T18:31:32.151Z","14.0.0-canary.c14e977ee.0":"2022-01-11T15:47:49.982Z","14.0.0-canary.b094eaa4e.0":"2022-01-14T18:41:01.897Z","14.0.0-canary.390220e42.0":"2022-01-17T16:44:38.069Z","14.0.0-canary.4b5391f8b.0":"2022-01-19T23:51:26.868Z","14.0.0-canary.cef6bc623.0":"2022-01-20T00:16:04.744Z","14.0.0-canary.0379179c4.0":"2022-01-20T18:53:05.835Z","14.0.0-canary.e62f3dabf.0":"2022-01-21T23:02:05.060Z","14.0.0-canary.3e20c1de8.0":"2022-01-25T15:30:14.018Z","14.0.0-canary.9f9d928b2.0":"2022-01-27T18:11:49.969Z","14.0.0-canary.a2bcb065c.0":"2022-01-28T19:35:46.513Z","14.0.0-canary.4e66fb2e1.0":"2022-01-28T19:40:02.988Z","14.0.0-canary.9736ddce9.0":"2022-01-29T09:48:37.177Z","14.0.0-canary.cc4ed13cc.0":"2022-02-04T18:21:22.460Z","14.0.0-canary.dcba26fe1.0":"2022-02-04T21:55:48.147Z","14.0.0-canary.ec54d9046.0":"2022-02-07T15:45:02.934Z","14.0.0-canary.ea9b5b463.0":"2022-02-09T17:52:12.648Z","14.0.0-canary.96ea061c1.0":"2022-02-09T18:57:59.319Z","14.0.0-canary.e00181e59.0":"2022-02-10T20:05:16.000Z","14.0.0-canary.037285f9b.0":"2022-02-11T18:28:04.835Z","14.0.0-canary.1aaa68dda.0":"2022-02-16T19:47:38.597Z","14.0.0-canary.ab4aba1af.0":"2022-02-17T18:15:18.039Z","14.0.0-canary.e58552c6e.0":"2022-02-18T18:03:07.844Z","14.0.0-canary.868793776.0":"2022-02-22T19:34:13.439Z","14.0.0-canary.fdc37a445.0":"2022-02-28T18:45:00.296Z","14.0.0-canary.43c7d87dc.0":"2022-03-01T15:32:06.331Z","14.0.0-canary.23043acd0.0":"2022-03-02T20:26:29.628Z","14.0.0-canary.6505e61c5.0":"2022-03-03T19:59:12.277Z","14.0.0-canary.16c166154.0":"2022-03-08T23:21:22.020Z","14.0.0-canary.bdf1d3771.0":"2022-03-14T14:27:21.871Z","14.0.0-canary.cf4292778.0":"2022-03-15T00:28:37.320Z","14.0.0-canary.bbd43e0e0.0":"2022-03-16T20:49:06.753Z","14.0.0-canary.1b6afad86.0":"2022-03-16T21:02:38.490Z","14.0.0-canary.bdf9d4af9.0":"2022-03-16T21:16:54.107Z","14.0.0-canary.32b391398.0":"2022-03-17T17:58:09.967Z","14.0.0-canary.ae8a6a3a3.0":"2022-03-18T16:38:14.130Z","14.0.0-canary.cbd9358a6.0":"2022-03-18T22:51:01.821Z","14.0.0-canary.dcfe49c98.0":"2022-03-21T18:43:05.960Z","14.0.0-canary.f31a833fa.0":"2022-03-23T00:49:40.955Z","14.0.0-canary.4b92e210a.0":"2022-03-24T20:17:35.110Z","14.0.0-canary.a657abb61.0":"2022-03-24T20:38:57.324Z","14.0.0-canary.443f63f50.0":"2022-03-25T23:03:36.884Z","14.0.0-canary.eb382f318.0":"2022-03-29T17:33:57.935Z","14.0.0-canary.344d52823.0":"2022-03-29T18:42:16.845Z","14.0.0-canary.4e372fb49.0":"2022-04-07T20:31:53.736Z","14.0.0-canary.3e30054fb.0":"2022-04-13T22:13:11.290Z","14.0.0-canary.8c4da223a.0":"2022-04-19T15:23:11.009Z","14.0.0-canary.7de8965cc.0":"2022-04-19T20:22:19.874Z","14.0.0-canary.641ed0851.0":"2022-04-20T16:04:35.145Z","14.0.0-canary.e88f83024.0":"2022-04-20T17:46:38.456Z","14.0.0-canary.7321d6254.0":"2022-04-20T20:10:12.148Z","14.0.0-canary.3ab956515.0":"2022-04-25T15:00:48.365Z","14.0.0-canary.53b3cad2f.0":"2022-04-27T12:44:11.138Z","14.0.0":"2022-04-28T16:54:45.404Z","15.0.0-canary.432c815e5.0":"2022-04-28T16:55:52.347Z","15.0.0-canary.a0f01f669.0":"2022-05-06T20:13:37.075Z","15.0.0-canary.276cb39a4.0":"2022-05-06T21:30:27.875Z","15.0.0-canary.4fe98ed70.0":"2022-05-06T21:55:02.044Z","15.0.0-canary.58b130a3d.0":"2022-05-06T21:57:20.065Z","15.0.0-canary.ae278a2fe.0":"2022-05-09T15:23:02.507Z","15.0.0-canary.bebf5bfdf.0":"2022-05-11T02:39:17.428Z","15.0.0-canary.e6072cd6a.0":"2022-05-11T20:17:26.822Z","15.0.0-canary.5b40eb988.0":"2022-05-12T02:43:09.579Z","15.0.0-canary.6a61d62f6.0":"2022-05-12T20:25:36.595Z","15.0.0-canary.05930a453.0":"2022-05-13T18:46:27.702Z","15.0.0-canary.c0a11ef0d.0":"2022-05-18T22:00:03.215Z","15.0.0-canary.2f9b268c0.0":"2022-05-20T19:31:39.725Z","15.0.0-canary.7741345b8.0":"2022-05-20T20:01:45.405Z","15.0.0-canary.f807e793f.0":"2022-05-20T22:20:28.894Z","15.0.0-canary.9f53d4a8a.0":"2022-05-23T14:56:35.603Z","15.0.0-canary.77cf00e37.0":"2022-05-31T17:38:25.854Z","15.0.0-canary.3c7b844c2.0":"2022-06-07T22:19:53.344Z","15.0.0-canary.df47894db.0":"2022-06-13T17:07:29.827Z","15.0.0-canary.b18a873dc.0":"2022-06-14T06:28:49.289Z","15.0.0-canary.ba9c29637.0":"2022-06-14T18:56:30.109Z","15.0.0-canary.9bfd12f01.0":"2022-06-22T19:21:32.768Z","15.0.0-canary.764de225d.0":"2022-06-29T16:26:04.795Z","15.0.0-canary.31e517cea.0":"2022-07-01T18:27:30.117Z","15.0.0-canary.9ea4e8e9c.0":"2022-07-01T22:54:06.977Z","15.0.0-canary.cd5bafabb.0":"2022-07-06T17:53:28.983Z","15.0.0-canary.a02fe49d3.0":"2022-07-06T18:50:09.722Z","15.0.0-canary.826a3d8be.0":"2022-07-06T19:30:08.474Z","15.0.0-canary.ef276aa93.0":"2022-07-07T17:01:41.103Z","15.0.0-canary.59cf61d6b.0":"2022-07-07T17:30:29.263Z","15.0.0-canary.8647092f7.0":"2022-07-07T20:37:44.837Z","15.0.0-canary.02ecd4d85.0":"2022-07-11T16:38:15.349Z","15.0.0-canary.63d3a146e.0":"2022-07-12T11:36:03.797Z","15.0.0-canary.88db01990.0":"2022-07-12T11:39:02.093Z","15.0.0-canary.6432d8fd7.0":"2022-07-14T07:27:55.619Z","15.0.0-canary.085f9b25c.0":"2022-07-14T16:34:04.586Z","15.0.0-canary.39f9424b3.0":"2022-07-14T17:04:19.926Z","15.0.0-canary.ae9fce587.0":"2022-07-14T18:07:15.876Z","15.0.0-canary.1ebddc343.0":"2022-07-15T08:48:27.419Z","15.0.0-canary.c5018840c.0":"2022-07-18T09:42:14.010Z","15.0.0-canary.551b40d18.0":"2022-07-18T09:59:52.298Z","15.0.0-canary.cf9f12371.0":"2022-07-18T10:03:57.775Z","15.0.0-canary.2797ff8b6.0":"2022-07-19T00:23:11.263Z","15.0.0-canary.110fafa17.0":"2022-07-20T07:45:48.328Z","15.0.0-canary.386ef1d2f.0":"2022-07-20T18:18:53.221Z","15.0.0-canary.c3924efef.0":"2022-07-20T18:28:08.755Z","15.0.0-canary.cf5c5907c.0":"2022-07-20T21:20:58.544Z","15.0.0-canary.0617e2319.0":"2022-07-20T21:39:07.628Z","15.0.0-canary.a743b7967.0":"2022-07-20T21:56:06.947Z","15.0.0-canary.69fd619d0.0":"2022-07-20T22:08:06.316Z","15.0.0-canary.2a6ddc1cf.0":"2022-07-29T16:03:37.348Z","15.0.0-canary.86efd56f6.0":"2022-08-02T14:44:36.228Z","15.0.0-canary.ccfc24d19.0":"2022-08-03T18:12:12.939Z","15.0.0-canary.e4570146f.0":"2022-08-03T18:39:44.571Z","15.0.0-canary.6683a36cb.0":"2022-08-03T19:19:35.865Z","15.0.0-canary.10196647d.0":"2022-08-03T21:52:50.396Z","15.0.0-canary.b20d3d73c.0":"2022-08-04T22:41:51.328Z","15.0.0-canary.47c0c6b1e.0":"2022-08-09T15:19:22.651Z","15.0.0-canary.0e3dc8e38.0":"2022-08-11T18:44:57.465Z","15.0.0-canary.d5a11f1c8.0":"2022-08-30T23:00:19.881Z","15.0.0-canary.bac992a95.0":"2022-09-01T07:04:33.243Z","15.0.0-canary.d25f3404c.0":"2022-09-01T09:43:23.326Z","15.0.0-canary.920d8a79e.0":"2022-09-01T20:19:58.867Z","15.0.0-canary.c363f267b.0":"2022-09-01T21:17:21.181Z","15.0.0-canary.a4eb4937a.0":"2022-09-06T18:18:52.134Z","15.0.0-canary.4299717da.0":"2022-09-07T16:14:42.887Z","15.0.0-canary.fa7d8d44b.0":"2022-09-07T19:17:50.469Z","15.0.0-canary.a40e3c768.0":"2022-09-09T20:03:00.307Z","15.0.0-canary.18cdc9a00.0":"2022-09-12T21:01:53.335Z","15.0.0-canary.7ab3cd3c8.0":"2022-09-13T22:38:15.172Z","15.0.0-canary.2860d244d.0":"2022-09-16T22:53:57.814Z","15.0.0-canary.e8726533c.0":"2022-09-20T20:16:42.228Z","15.0.0-canary.00d8de0aa.0":"2022-09-21T15:19:06.425Z","15.0.0-canary.271aedc30.0":"2022-09-21T15:34:54.414Z","15.0.0-canary.9f17ff2cb.0":"2022-09-21T18:07:15.705Z","15.0.0-canary.d3344c16f.0":"2022-09-22T09:23:21.647Z","15.0.0-canary.94f20ccb8.0":"2022-09-22T20:46:43.699Z","15.0.0-canary.81e4cb7b2.0":"2022-09-23T15:06:58.279Z","15.0.0-canary.aa85f9413.0":"2022-09-26T17:55:26.690Z","15.0.0-canary.7134a7752.0":"2022-09-26T21:56:39.738Z","15.0.0-canary.70b8ac16e.0":"2022-09-27T22:43:53.590Z","15.0.0-canary.c20d74405.0":"2022-09-27T23:30:14.512Z","15.0.0-canary.f033fc8d1.0":"2022-09-27T23:56:21.622Z","15.0.0-canary.8d7ae912a.0":"2022-09-28T07:55:07.329Z","15.0.0-canary.db414b864.0":"2022-09-28T14:51:28.898Z","15.0.0-canary.c0462d134.0":"2022-09-28T17:51:00.513Z","15.0.0-canary.28cc6791f.0":"2022-09-28T18:05:42.388Z","15.0.0-canary.a515a2d18.0":"2022-09-28T18:54:39.516Z","15.0.0-canary.ce9523167.0":"2022-09-29T20:30:11.102Z","15.0.0-canary.b2310f7dc.0":"2022-09-30T00:12:50.923Z","15.0.0-canary.a44241e54.0":"2022-09-30T08:20:06.108Z","15.0.0-canary.0ce81e115.0":"2022-09-30T18:17:09.572Z","15.0.0-canary.3cc30f6ad.0":"2022-10-04T17:18:06.414Z","15.0.0-canary.d9cf98e60.0":"2022-10-04T19:02:43.452Z","15.0.0-canary.d71935c8b.0":"2022-10-06T08:13:46.070Z","15.0.0-canary.49c56a25d.0":"2022-10-06T18:49:47.987Z","15.0.0-canary.07acddef3.0":"2022-10-07T21:36:28.742Z","15.0.0-canary.1c74eb2c0.0":"2022-10-07T21:53:56.309Z","15.0.0-canary.dadfb713e.0":"2022-10-08T05:04:51.326Z","15.0.0-canary.395f1ce61.0":"2022-10-08T05:06:51.877Z","15.0.0-canary.e741b5c82.0":"2022-10-10T17:37:02.293Z","15.0.0-canary.582f3cc1c.0":"2022-10-11T04:47:51.325Z","15.0.0-canary.b1a6e3e88.0":"2022-10-12T12:01:18.637Z","15.0.0-canary.c9b1a31e4.0":"2022-10-12T16:57:25.463Z","15.0.0-canary.13e9b0d1f.0":"2022-10-12T19:19:45.140Z","15.0.0-canary.1dc797e7f.0":"2022-10-14T09:40:26.864Z","15.0.0-canary.ed4009397.0":"2022-10-14T16:50:12.023Z","15.0.0-canary.95ef196bc.0":"2022-10-14T23:12:53.903Z","15.0.0-canary.13eea1b2d.0":"2022-10-17T03:50:33.425Z","15.0.0-canary.ef9b2babb.0":"2022-10-17T09:16:45.212Z","15.0.0-canary.cec7fb987.0":"2022-10-17T10:55:10.200Z","15.0.0-canary.4fff58b08.0":"2022-10-17T15:21:15.919Z","15.0.0-canary.587d8f871.0":"2022-10-17T15:56:01.092Z","15.0.0-canary.edf4b98d0.0":"2022-10-17T16:39:24.298Z","15.0.0-canary.024ac5f16.0":"2022-10-17T22:41:15.842Z","15.0.0-canary.c8bdf6144.0":"2022-10-18T18:22:13.683Z","15.0.0-canary.bacda4885.0":"2022-10-18T18:41:31.817Z","15.0.0-canary.92b2556cf.0":"2022-10-19T01:12:21.552Z","15.0.0-canary.cc804509a.0":"2022-10-19T01:16:07.566Z","15.0.0-canary.982bedae9.0":"2022-10-19T01:35:56.531Z","15.0.0-canary.ee40081f4.0":"2022-10-19T20:10:33.729Z","15.0.0-canary.98f1b54e2.0":"2022-10-20T22:55:41.869Z","15.0.0-canary.e74b7ba7e.0":"2022-10-21T17:04:44.231Z","15.0.0-canary.ab55c07d2.0":"2022-10-22T18:18:09.573Z","15.0.0-canary.fc539db34.0":"2022-10-24T18:58:05.923Z","15.0.0-canary.e340b04c5.0":"2022-10-25T23:43:57.300Z","15.0.0-canary.2c1a8f8fd.0":"2022-10-26T17:29:11.250Z","15.0.0-canary.ecfee946f.0":"2022-10-26T20:13:56.362Z","15.0.0-canary.73ca9dbb0.0":"2022-10-31T17:31:18.943Z","15.0.0-canary.357f2e5f1.0":"2022-10-31T18:48:07.429Z","15.0.0-canary.eb103d4b5.0":"2022-10-31T19:55:17.144Z","15.0.0-canary.af5f01223.0":"2022-11-01T18:35:46.740Z","15.0.0-canary.58733ef41.0":"2022-11-02T18:09:36.891Z","15.0.0-canary.909b48215.0":"2022-11-03T04:06:37.461Z","15.0.0-canary.7f17127d5.0":"2022-11-03T18:17:56.405Z","15.0.0-canary.da95e2a05.0":"2022-11-04T16:57:54.933Z","15.0.0-canary.4832e2750.0":"2022-11-04T20:55:56.813Z","15.0.0-canary.215506426.0":"2022-11-05T01:04:54.531Z","15.0.0-canary.4cf917476.0":"2022-11-05T18:02:57.356Z","15.0.0-canary.eef14bd32.0":"2022-11-06T17:23:30.303Z","15.0.0-canary.6faa29fe9.0":"2022-11-07T03:12:21.813Z","15.0.0-canary.9af09b967.0":"2022-11-07T18:26:27.153Z","15.0.0-canary.0f54fbb93.0":"2022-11-08T21:55:32.706Z","15.0.0-canary.a8d47f9fe.0":"2022-11-09T04:16:27.900Z","15.0.0-canary.66a1e75e6.0":"2022-11-09T09:34:25.121Z","15.0.0-canary.5e5c2afc0.0":"2022-11-09T11:52:09.491Z","15.0.0-canary.3e3f43359.0":"2022-11-09T20:01:39.334Z","15.0.0-canary.3f667fac6.0":"2022-11-09T22:04:50.464Z","15.0.0-canary.faa28c1c5.0":"2022-11-11T16:34:23.628Z","15.0.0-canary.a868c7866.0":"2022-11-11T16:35:22.568Z","15.0.0-canary.602fe8efa.0":"2022-11-11T17:10:43.628Z","15.0.0-canary.558c2be62.0":"2022-11-11T22:44:12.889Z","15.0.0-canary.b5c13a7a8.0":"2022-11-14T15:57:18.625Z","15.0.0-canary.a6e1c0702.0":"2022-11-14T17:25:53.395Z","15.0.0-canary.b6f8a06de.0":"2022-11-15T09:27:09.895Z","15.0.0-canary.0163f3ba5.0":"2022-11-15T18:00:47.281Z","15.0.0-canary.66c5cbb94.0":"2022-11-15T19:28:45.082Z","15.0.0-canary.b01136063.0":"2022-11-16T00:14:34.290Z","15.0.0-canary.01da0cabb.0":"2022-11-16T09:12:01.063Z","15.0.0-canary.4ac393164.0":"2022-11-16T16:13:50.940Z","15.0.0-canary.6048fb563.0":"2022-11-16T16:16:18.264Z","15.0.0-canary.3777b03cb.0":"2022-11-16T18:39:59.508Z","15.0.0-canary.f7f56fff7.0":"2022-11-16T19:54:48.066Z","15.0.0-canary.7c73f6134.0":"2022-11-16T19:58:18.197Z","15.0.0-canary.f1e037150.0":"2022-11-16T20:03:41.085Z","15.0.0-canary.40b18d043.0":"2022-11-16T22:57:36.402Z","15.0.0-canary.86bde5c06.0":"2022-11-16T23:07:45.386Z","15.0.0-canary.bb7751002.0":"2022-11-16T23:58:55.855Z","15.0.0-canary.63aca9af6.0":"2022-11-17T19:00:01.496Z","15.0.0-canary.56482dc2e.0":"2022-11-17T21:54:07.531Z","15.0.0-canary.953e689f3.0":"2022-11-17T22:03:33.183Z","15.0.0-canary.b5606a793.0":"2022-11-18T10:19:50.593Z","15.0.0-canary.8c5675942.0":"2022-11-18T15:14:58.401Z","15.0.0-canary.697fbdebd.0":"2022-11-18T16:59:18.806Z","15.0.0-canary.d58410453.0":"2022-11-18T19:23:45.511Z","15.0.0-canary.7971d6ad5.0":"2022-11-19T08:44:09.586Z","15.0.0-canary.a0ae73b0e.0":"2022-11-21T10:52:33.442Z","15.0.0-canary.96f472604.0":"2022-11-21T12:51:32.457Z","15.0.0-canary.18b8f31e1.0":"2022-11-21T16:01:13.408Z","15.0.0-canary.912f33ce4.0":"2022-11-21T17:52:48.808Z","15.0.0-canary.1e1b1c369.0":"2022-11-23T18:59:24.203Z","15.0.0-canary.a2ec49244.0":"2022-11-23T19:29:46.324Z","15.0.0-canary.a7458ba0b.0":"2022-11-23T20:15:18.674Z","15.0.0-canary.7c35e5036.0":"2022-11-24T08:38:10.314Z","15.0.0-canary.4356e05c5.0":"2022-11-24T09:55:34.926Z","15.0.0-canary.cb605f8af.0":"2022-11-24T10:14:10.495Z","15.0.0-canary.05fb07f9f.0":"2022-11-24T17:12:36.563Z","15.0.0-canary.a911b386b.0":"2022-11-28T16:46:14.365Z","15.0.0-canary.2aa8050b4.0":"2022-11-28T19:10:24.152Z","15.0.0-canary.323904a9f.0":"2022-11-29T15:32:39.910Z","15.0.0-canary.168a629a4.0":"2022-11-29T16:47:35.730Z","15.0.0-canary.65c411674.0":"2022-11-29T17:37:05.308Z","15.0.0-canary.a86d36fd2.0":"2022-11-30T02:13:03.892Z","15.0.0-canary.3a1f46c66.0":"2022-11-30T12:05:35.695Z","15.0.0-canary.32d8a9648.0":"2022-12-01T17:27:43.625Z","15.0.0-canary.03618ab70.0":"2022-12-01T20:53:24.566Z","15.0.0-canary.68aaed940.0":"2022-12-01T21:22:51.058Z","15.0.0-canary.f0a0bbc75.0":"2022-12-02T09:00:37.233Z","15.0.0-canary.dd99c8764.0":"2022-12-02T13:59:51.657Z","15.0.0-canary.fabdcca3a.0":"2022-12-02T15:05:31.969Z","15.0.0-canary.2d26722d2.0":"2022-12-02T16:25:21.768Z","15.0.0-canary.eaa0c3a86.0":"2022-12-02T17:41:25.920Z","15.0.0-canary.79a613bbd.0":"2022-12-06T14:24:32.315Z","15.0.0-canary.c871fe61e.0":"2022-12-07T07:50:53.234Z","15.0.0-canary.9eaee7936.0":"2022-12-07T20:01:42.268Z","15.0.0-canary.1d37bf601.0":"2022-12-07T20:40:08.758Z","15.0.0-canary.a5fe069d5.0":"2022-12-09T18:42:59.025Z","15.0.0-canary.ce8b5326f.0":"2022-12-09T23:29:42.281Z","15.0.0-canary.43f5323bc.0":"2022-12-12T16:45:06.355Z","15.0.0-canary.5490e32e7.0":"2022-12-12T17:00:55.950Z","15.0.0-canary.817002c29.0":"2022-12-13T21:52:48.588Z","15.0.0-canary.313a1326a.0":"2022-12-14T10:27:32.563Z","15.0.0-canary.a69c14e10.0":"2022-12-14T11:17:43.801Z","15.0.0-canary.f43e0ceb5.0":"2022-12-14T16:43:40.125Z","15.0.0-canary.34767110.0":"2022-12-14T17:19:15.766Z","15.0.0-canary.1f99f3c50.0":"2022-12-15T14:24:17.431Z","15.0.0-canary.cfd69490f.0":"2022-12-16T20:07:19.535Z","15.0.0-canary.94ad8d986.0":"2022-12-19T19:25:53.848Z","15.0.0-canary.604264203.0":"2022-12-21T21:39:44.479Z","15.0.0-canary.85bcff6af.0":"2022-12-22T10:24:00.331Z","15.0.0-canary.ece3e8d21.0":"2022-12-22T17:11:04.808Z","15.0.0-canary.278ad53d1.0":"2022-12-27T17:03:48.025Z","15.0.0-canary.a7d8389e1.0":"2022-12-27T19:02:32.039Z","15.0.0-canary.8175d5eff.0":"2022-12-28T01:50:26.152Z","15.0.0-canary.16abb41ed.0":"2022-12-28T19:37:20.819Z","15.0.0-canary.e21dcb86d.0":"2022-12-29T14:00:58.620Z","15.0.0-canary.20ab6f5a8.0":"2022-12-29T19:39:48.853Z","15.0.0-canary.b9806f623.0":"2022-12-29T23:04:43.634Z","15.0.0-canary.50c9f550e.0":"2023-01-03T15:46:37.549Z","15.0.0-canary.af490a848.0":"2023-01-03T15:55:46.477Z","15.0.0-canary.7cf487c98.0":"2023-01-03T17:37:27.525Z","15.0.0-canary.a52be2d5e.0":"2023-01-03T19:12:01.514Z","15.0.0-canary.e38ba17c5.0":"2023-01-03T22:31:24.555Z","15.0.0-canary.49041a6c3.0":"2023-01-04T15:16:23.748Z","15.0.0-canary.c492898c2.0":"2023-01-04T17:35:56.983Z","15.0.0-canary.d7a2277de.0":"2023-01-04T21:34:38.595Z","15.0.0-canary.fd95ca7ef.0":"2023-01-05T01:01:46.704Z","15.0.0-canary.1eb44faf9.0":"2023-01-05T09:08:12.020Z","15.0.0-canary.adcdb7db9.0":"2023-01-05T16:20:21.943Z","15.0.0-canary.067af7eff.0":"2023-01-06T23:15:04.166Z","15.0.0-canary.21d1196a7.0":"2023-01-09T10:41:47.278Z","15.0.0-canary.8d2d8d3c4.0":"2023-01-09T22:22:52.933Z","15.0.0-canary.f476fdece.0":"2023-01-10T16:13:23.512Z","15.0.0-canary.fc6ee6c32.0":"2023-01-10T16:26:50.365Z","15.0.0-canary.73537ab0f.0":"2023-01-10T18:10:26.899Z","15.0.0-canary.684e33d25.0":"2023-01-10T19:17:21.791Z","15.0.0-canary.0e89aab6b.0":"2023-01-11T16:16:03.093Z","15.0.0-canary.b0103d10a.0":"2023-01-11T19:11:14.655Z","15.0.0-canary.50e7a5312.0":"2023-01-11T20:52:56.347Z","15.0.0-canary.202823f54.0":"2023-01-11T21:34:35.852Z","15.0.0-canary.199fe2a2a.0":"2023-01-11T21:54:26.888Z","15.0.0-canary.8c0786d6f.0":"2023-01-12T14:34:59.378Z","15.0.0-canary.8a74f7c6d.0":"2023-01-17T19:23:22.964Z","15.0.0-canary.b4687fdc1.0":"2023-01-19T19:48:09.185Z","15.0.0-canary.b836b9892.0":"2023-01-24T22:38:05.752Z","15.0.0-canary.e8912fd37.0":"2023-01-26T18:28:36.957Z","15.0.0-canary.16fbd30ff.0":"2023-01-26T18:33:45.167Z","15.0.0-canary.033ae083a.0":"2023-01-26T19:25:44.258Z","15.0.0-canary.3a705fa1d.0":"2023-01-27T22:42:32.687Z","15.0.0-canary.d6bea2ff2.0":"2023-01-31T15:28:42.803Z","15.0.0-canary.0c94182c8.0":"2023-02-01T17:42:53.741Z","15.0.0-canary.15b221540.0":"2023-02-01T17:51:12.216Z","15.0.0-canary.eeebb8bba.0":"2023-02-01T18:20:59.817Z","15.0.0-canary.6a4b3f834.0":"2023-02-01T18:57:07.505Z","15.0.0-canary.b177b40e2.0":"2023-02-02T03:32:51.111Z","15.0.0-canary.d9f821042.0":"2023-02-02T17:36:20.621Z","15.0.0-canary.47c7deb19.0":"2023-02-03T09:07:47.619Z","15.0.0-canary.a16dbd1a6.0":"2023-02-04T06:13:26.775Z","15.0.0-canary.93416f87a.0":"2023-02-07T13:22:48.721Z","15.0.0-canary.49b8e7442.0":"2023-02-07T23:08:07.872Z","15.0.0-canary.de38de758.0":"2023-02-09T15:41:05.373Z","15.0.0-canary.4d62de70c.0":"2023-02-09T22:01:44.474Z","15.0.0-canary.6fcd8d418.0":"2023-02-13T11:48:42.579Z","15.0.0-canary.066d9439b.0":"2023-02-15T19:56:27.675Z","15.0.0-canary.7ab32468c.0":"2023-02-21T18:32:42.200Z","15.0.0-canary.fa27ba61d.0":"2023-02-27T16:17:43.750Z","15.0.0-canary.311ab4d4a.0":"2023-02-27T16:40:01.762Z","15.0.0-canary.901c83e77.0":"2023-02-27T18:04:46.852Z","15.0.0-canary.5cb8e2174.0":"2023-03-01T16:34:13.825Z","15.0.0-canary.f32339937.0":"2023-03-06T15:14:18.084Z","15.0.0-canary.7644d63d5.0":"2023-03-06T22:26:14.473Z","15.0.0-canary.d96330c08.0":"2023-03-08T11:40:33.440Z","15.0.0-canary.c99cae77c.0":"2023-03-08T23:41:34.711Z","15.0.0-canary.6023b1cd3.0":"2023-03-09T14:25:10.146Z","15.0.0-canary.274610c77.0":"2023-03-09T14:57:19.314Z","15.0.0-canary.a274583b9.0":"2023-03-09T19:51:24.926Z","15.0.0-canary.da22ca960.0":"2023-03-09T20:16:48.131Z","15.0.0-canary.304a94e8b.0":"2023-03-09T20:43:42.680Z","15.0.0-canary.6c265915c.0":"2023-03-09T21:46:04.992Z","15.0.0-canary.de5224633.0":"2023-03-09T23:54:34.112Z","15.0.0-canary.8879557e6.0":"2023-03-10T14:06:38.839Z","15.0.0-canary.23073a303.0":"2023-03-10T14:13:28.573Z","15.0.0-canary.51c7d4014.0":"2023-03-10T16:46:08.015Z","15.0.0-canary.1175a5be0.0":"2023-03-10T20:46:49.084Z","15.0.0-canary.7adf3af80.0":"2023-03-11T01:23:40.785Z","15.0.0-canary.82554d770.0":"2023-03-11T01:36:03.414Z","15.0.0-canary.93fc524b7.0":"2023-03-13T08:37:07.834Z","15.0.0-canary.50be0fbae.0":"2023-03-13T17:42:54.175Z","15.0.0-canary.6b5ffccd9.0":"2023-03-13T17:46:11.877Z","15.0.0-canary.1c8013f4e.0":"2023-03-13T18:00:04.639Z","15.0.0-canary.112715df5.0":"2023-03-13T18:37:52.085Z","15.0.0-canary.d250911f2.0":"2023-03-13T19:30:03.102Z","15.0.0-canary.7cd925c12.0":"2023-03-13T19:37:39.159Z","15.0.0-canary.b2ddacf73.0":"2023-03-13T19:42:00.811Z","15.0.0-canary.989ae2ecc.0":"2023-03-13T19:51:20.176Z","15.0.0-canary.89c66483a.0":"2023-03-13T20:15:03.408Z","15.0.0-canary.6a85742c2.0":"2023-03-14T02:46:08.961Z","15.0.0-canary.bb6cd78d5.0":"2023-03-14T18:15:25.913Z","15.0.0-canary.5f94aa37d.0":"2023-03-14T18:18:54.680Z","15.0.0-canary.906ac2e1b.0":"2023-03-14T18:19:00.662Z","15.0.0-canary.1bd317240.0":"2023-03-14T18:22:40.739Z","15.0.0-canary.d441d2a2a.0":"2023-03-14T18:25:13.982Z","15.0.0-canary.fff4066c6.0":"2023-03-14T18:25:47.004Z","15.0.0-canary.87809c710.0":"2023-03-14T18:42:06.923Z","15.0.0-canary.48d30012d.0":"2023-03-14T18:46:27.803Z","15.0.0-canary.419b23cc6.0":"2023-03-14T18:57:17.449Z","15.0.0-canary.bf86521f4.0":"2023-03-14T23:12:09.011Z","15.0.0-canary.11f3d280e.0":"2023-03-15T00:10:00.114Z","15.0.0-canary.b281a409a.0":"2023-03-21T15:39:32.869Z","15.0.0-canary.39e473690.0":"2023-03-21T17:49:52.501Z","15.0.0-canary.cedffb44c.0":"2023-03-21T17:56:50.509Z","15.0.0-canary.36a4cba99.0":"2023-03-28T17:48:44.534Z","15.0.0-canary.ed7e82ded.0":"2023-03-28T20:33:15.851Z","15.0.0-canary.55093ee1e.0":"2023-03-29T18:44:10.256Z","15.0.0-canary.0c53abc81.0":"2023-04-07T01:39:55.857Z","15.0.0-canary.51311e69e.0":"2023-04-07T18:06:32.634Z","15.0.0-canary.113b1a38e.0":"2023-04-10T21:52:28.663Z","15.0.0-canary.ea2191426.0":"2023-04-11T21:54:22.015Z","15.0.0-canary.5a5c38538.0":"2023-04-11T22:29:06.034Z","15.0.0-canary.e4b5ea7eb.0":"2023-04-11T23:02:44.461Z","15.0.0-canary.a094dd9c1.0":"2023-04-14T22:41:08.336Z","15.0.0-canary.f771b091c.0":"2023-04-17T15:36:38.370Z","15.0.0-canary.79b1b612b.0":"2023-04-19T23:38:42.003Z","15.0.0-canary.6f50071e5.0":"2023-04-20T17:59:33.811Z","15.0.0-canary.ef754381c.0":"2023-04-24T20:49:36.013Z","15.0.0-canary.69ebf61ea.0":"2023-04-27T17:19:46.358Z","15.0.0-canary.b90be86de.0":"2023-04-29T00:20:17.317Z","15.0.0-canary.51f9c0c28.0":"2023-04-29T00:30:02.474Z","15.0.0-canary.4e840d685.0":"2023-05-02T15:31:58.928Z","15.0.0-canary.10b8563e4.0":"2023-05-02T23:40:36.663Z","15.0.0-canary.736b7fda4.0":"2023-05-03T15:07:56.857Z","15.0.0-canary.0e533c5a1.0":"2023-05-05T16:54:54.540Z","15.0.0-canary.5f01c15a2.0":"2023-05-05T17:24:59.627Z","15.0.0-canary.3b5b55e31.0":"2023-05-05T18:37:26.258Z","15.0.0-canary.d0788120f.0":"2023-05-09T08:21:43.930Z","15.0.0-canary.f52358dd0.0":"2023-05-12T14:28:59.735Z","15.0.0-canary.d3c3fbaa3.0":"2023-05-12T17:59:05.060Z","15.0.0-canary.576d3d2c8.0":"2023-05-16T01:58:42.344Z","15.0.0-canary.19bb36a46.0":"2023-05-16T19:52:41.062Z","15.0.0-canary.aa5ac7fe5.0":"2023-05-22T17:23:42.024Z","15.0.0-canary.90291f2e2.0":"2023-05-23T17:41:19.863Z","15.0.0-canary.446734f27.0":"2023-05-30T21:46:45.445Z","15.0.0-canary.19de312d8.0":"2023-06-06T17:16:34.995Z","15.0.0-canary.6081d829b.0":"2023-06-07T01:12:42.179Z","15.0.0-canary.b26c34a68.0":"2023-06-07T20:14:18.822Z","15.0.0-canary.4fe911371.0":"2023-06-07T23:04:21.354Z","15.0.0-canary.a9ff9866f.0":"2023-06-13T11:36:55.140Z","15.0.0-canary.b994146f6.0":"2023-06-14T21:02:09.337Z","15.0.0-canary.1fb4b1a06.0":"2023-06-27T18:55:21.588Z","15.0.0-canary.c64a2776e.0":"2023-06-27T20:15:02.976Z","15.0.0-canary.b05d9eb7c.0":"2023-06-29T16:22:18.114Z","15.0.0-canary.2a9697dc5.0":"2023-06-30T22:12:35.511Z","15.0.0-canary.0c52adeab.0":"2023-07-05T16:24:12.533Z","15.0.0-canary.83355c322.0":"2023-07-10T15:03:31.496Z","15.0.0-canary.bc9ae6c9c.0":"2023-08-03T21:17:03.583Z","15.0.0-canary.3c44cd956.0":"2023-08-07T17:45:35.465Z","15.0.0-canary.02702296e.0":"2023-08-25T12:03:21.534Z","15.0.0-canary.872b65832.0":"2023-08-30T12:11:16.648Z","15.0.0-canary.89b2e4122.0":"2023-08-31T16:05:07.110Z","15.0.0-canary.7a3942e7a.0":"2023-08-31T18:37:55.444Z","15.0.0-canary.54feb3020.0":"2023-09-11T21:03:25.586Z","15.0.0-canary.6cda3ce8d.0":"2023-09-12T01:43:25.323Z","15.0.0-canary.205b20b36.0":"2023-09-13T17:14:30.603Z","15.0.0-canary.22bf82024.0":"2023-09-18T09:10:23.409Z","15.0.0-canary.a246a4439.0":"2023-09-18T17:43:56.121Z","15.0.0-canary.d153db62b.0":"2023-09-19T19:12:32.649Z","15.0.0-canary.2528c1c3b.0":"2023-09-20T18:04:45.326Z","15.0.0-canary.1728a6dcf.0":"2023-09-26T01:21:29.495Z","15.0.0-canary.ebb636f3d.0":"2023-09-29T19:43:01.252Z","15.0.0-canary.c0d21ecc9.0":"2023-10-09T19:35:21.021Z","15.0.0-canary.127a44b28.0":"2023-10-12T19:58:14.760Z","15.0.0-canary.0ad128337.0":"2023-10-19T18:50:03.641Z","15.0.0-canary.9cec94097.0":"2023-10-19T23:07:55.784Z","15.0.0-canary.c51a0bbcc.0":"2023-11-15T20:57:52.257Z","15.0.0-canary.d76666ad4.0":"2023-11-27T22:12:16.502Z","15.0.0-canary.8656bf0e0.0":"2023-12-12T21:17:45.476Z","15.0.0-canary.7f224ddd4.0":"2023-12-28T06:08:15.752Z","15.0.0-canary.a0b8a90c0.0":"2024-02-07T19:18:35.561Z","15.0.0-canary.e50b478eb.0":"2024-02-08T18:07:00.198Z","15.0.0-canary.c43b3438b.0":"2024-02-23T20:16:35.396Z","15.0.0-canary.819498d8c.0":"2024-03-15T15:13:41.836Z","15.0.0-canary.453a6248a.0":"2024-03-25T17:12:37.683Z","15.0.0-canary.68edc03c6.0":"2024-04-08T19:04:34.722Z","15.0.0-canary.5bebc0064.0":"2024-04-11T21:38:44.935Z","15.0.0-canary.311f29a60.0":"2024-04-23T17:58:27.728Z","15.0.0-canary.65c10a622.0":"2024-04-25T18:47:32.041Z","15.0.0-canary.4b35cb7d0.0":"2024-05-02T12:01:33.932Z","15.0.0-canary.f80ac92b0.0":"2024-05-02T12:12:03.869Z","15.0.0-canary.2f5b899bc.0":"2024-05-20T13:53:29.577Z","15.0.0-canary.cfec83c74.0":"2024-05-20T18:55:47.201Z","15.0.0-canary.423edc3dc.0":"2024-06-26T18:11:29.186Z"},"readmeFilename":"","homepage":"https://github.com/material-components/material-components-web#readme"}